:root{--brand-primary:#450db3;--brand-accent:#f3a814;--bg:#0f1115;--fg:#e5e7eb;--fg-subtle:#9ca3af;--border:#ffffff14;--glass:#ffffff0f;--glass-hover:#ffffff1f;--shadow:0 12px 30px #00000059;--modal-bg:#111114fa;--modal-fg:#e5e7eb;--panel-bg:#111114eb;--panel-fg:var(--fg);--chip-bg:#111114b3;--bar-bg:#00000080;--bar-fg:#e5e7eb;--bar-chip-bg:#ffffff0f;--bar-divider:#ffffff1f;--focus:#f3a81473;--uc-glass:#ffffff1a;--radius:14px;--radius-sm:10px;--radius-xs:8px;--gradient:linear-gradient(135deg, #450db3 0%, #f3a814 100%);--gradient-hero:linear-gradient(135deg, #60a5fa 0%, #a78bfa 50%, #34d399 100%);--btn-text-shadow:none}@media (prefers-color-scheme:light){:root{--bg:#f6f7fb;--fg:#0f1115;--fg-subtle:#6b7280;--border:#00000014;--glass:#ffffffeb;--glass-hover:#0000000f;--shadow:0 12px 30px #00000024;--modal-bg:#fffffffa;--modal-fg:#0f1115;--panel-bg:#111114eb;--panel-fg:#e5e7eb;--chip-bg:#111114b3;--bar-bg:#fff3;--bar-fg:#e5e7eb;--bar-chip-bg:#ffffff14;--bar-divider:#ffffff2e;--focus:#450db373;--uc-glass:#fff3}}:root[data-theme=dark]{--brand-primary:#450db3;--brand-accent:#f3a814;--bg:#0f1115;--fg:#e5e7eb;--fg-subtle:#9ca3af;--border:#ffffff14;--glass:#ffffff0f;--glass-hover:#ffffff1f;--shadow:0 12px 30px #00000059;--modal-bg:#111114fa;--modal-fg:#e5e7eb;--panel-bg:#111114eb;--panel-fg:var(--fg);--chip-bg:#111114b3;--bar-bg:#00000080;--bar-fg:#e5e7eb;--bar-chip-bg:#ffffff0f;--bar-divider:#ffffff1f;--focus:#f3a81473;--radius:14px;--radius-sm:10px;--radius-xs:8px;--gradient:linear-gradient(135deg, #450db3 0%, #f3a814 100%);--gradient-hero:linear-gradient(135deg, #60a5fa 0%, #a78bfa 50%, #34d399 100%);--btn-text-shadow:0 1px 1px #0000004d;--uc-glass:#ffffff1a}:root[data-theme=light]{--bg:#f6f7fb;--fg:#0f1115;--fg-subtle:#6b7280;--border:#00000014;--glass:#ffffffeb;--glass-hover:#0000000f;--shadow:0 12px 30px #00000024;--modal-bg:#fffffffa;--modal-fg:#0f1115;--panel-bg:#111114eb;--panel-fg:#e5e7eb;--chip-bg:#111114b3;--bar-bg:#fff3;--bar-fg:#e5e7eb;--bar-chip-bg:#ffffff14;--bar-divider:#ffffff2e;--focus:#450db373;--uc-glass:#fff3}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.glass-surface{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.brand-border{border-image:linear-gradient(135deg, var(--brand-primary), var(--brand-accent)) 1}.btn-text-color{color:var(--fg)}.bg-item-sm{--bg-item-height:28px;--bg-item-padding-x:8px;--bg-item-font:12px}.bg-item-md{--bg-item-height:32px;--bg-item-padding-x:10px;--bg-item-font:13px}.bg-item-lg{--bg-item-height:36px;--bg-item-padding-x:12px;--bg-item-font:14px}.bg-item-icon{--bg-item-height:36px;--bg-item-padding-x:8px;--bg-item-font:14px}.bg-btn-default{--bg-btn-bg:var(--glass);--bg-btn-border:var(--border);--bg-btn-fg:var(--fg)}.bg-btn-primary{--bg-btn-bg:linear-gradient(135deg, #10b981 0%, #059669 100%);--bg-btn-border:#0000;--bg-btn-fg:#fff}.bg-btn-secondary{--bg-btn-bg:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--bg-btn-border:#0000;--bg-btn-fg:#fff}.bg-btn-active{--bg-btn-bg:#10b98133;--bg-btn-border:#10b98173;--bg-btn-fg:var(--fg)}.bg-btn-disabled{--bg-btn-opacity:.6}.bg-container{justify-content:center;align-items:center;gap:var(--bg-container-gap,12px);padding:var(--bg-container-padding-y,10px) var(--bg-container-padding-x,14px);background:var(--bar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--bar-fg);border:1px solid var(--border);box-shadow:var(--shadow), inset 0 1px 1px #fff3;border-radius:14px;flex-wrap:wrap;display:flex}.bg-horizontal{flex-direction:row}.bg-vertical{flex-direction:column}.bg-container-pad-sm{--bg-container-padding-y:4px;--bg-container-padding-x:4px;--bg-container-gap:4px}.bg-container-pad-md{--bg-container-padding-y:10px;--bg-container-padding-x:14px;--bg-container-gap:12px}.bg-container-pad-lg{--bg-container-padding-y:12px;--bg-container-padding-x:16px;--bg-container-gap:12px}.bg-container-pad-icon{--bg-container-padding-y:8px;--bg-container-padding-x:10px;--bg-container-gap:8px}.bg-button{height:var(--bg-item-height,32px);padding:0 var(--bg-item-padding-x,10px);font-size:var(--bg-item-font,13px);border-radius:var(--radius-sm);border:1px solid var(--bg-btn-border,var(--border));background:var(--bg-btn-bg,var(--glass));color:var(--bg-btn-fg,var(--fg));cursor:pointer;outline:none;justify-content:center;align-items:center;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.bg-button[disabled]{cursor:not-allowed;opacity:var(--bg-btn-opacity,.6)}.bg-button:hover{filter:brightness(1.05)}.bg-button .bg-button-content{align-items:center;gap:8px;display:inline-flex}.bg-button.bg-icon-only{width:var(--bg-item-height,32px);padding:0}.bg-button:focus-visible{box-shadow:0 0 0 2px var(--focus)}.bg-button-content,.bg-button-content span{white-space:nowrap}.bg-select{height:var(--bg-item-height,32px);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass);padding:0 var(--bg-item-padding-x,10px);color:var(--fg)}.bg-sep-vertical{background:var(--bar-divider);width:1px;height:24px}.bg-sep-horizontal{background:var(--bar-divider);width:24px;height:1px}.bg-sep-icon{background:var(--bar-chip-bg);border:1px solid var(--border);border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.bg-spacer-auto{flex:none}.bg-spacer-grow{flex:auto}.bg-spacer-shrink{flex:0 auto}.bg-spacer-fixedSm{width:8px;height:8px}.bg-spacer-fixedMd{width:12px;height:12px}.bg-spacer-fixedLg{width:16px;height:16px}.bg-container .bg-button .bg-button-content{text-shadow:var(--btn-text-shadow)}.top-header-bar{pointer-events:none;z-index:20;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex;position:absolute;top:0;left:0;right:0}.top-header-spacer{flex:none;width:0}.top-header-center{pointer-events:auto;flex:auto;justify-content:center;min-width:0;display:flex}.top-header-right{pointer-events:auto;flex:none}@media (max-width:700px){.top-header-bar{flex-direction:row-reverse;align-items:stretch}.top-header-spacer{display:none}.top-header-center{order:2}.top-header-right{order:1;justify-content:flex-end;display:flex}.bg-button-content span{display:none}}.uc-container{--uc-padding:12px;--uc-gap:12px;--uc-border:var(--border);--uc-bg:var(--bar-bg);--uc-shadow:var(--shadow);--uc-name-bg:color-mix(in oklab, var(--bg) 60%, transparent);--uc-badge-on:#10b98140;--uc-badge-off:#f43f5e40;--uc-badge-border-on:#10b98180;--uc-badge-border-off:#f43f5e80;--speaking-color:#10b981;--speaking-glow:#10b98159}@supports (color:color(display-p3 0 0 0)){.uc-container{--uc-badge-on:color(display-p3 .332535 .714706 .522126/.25);--uc-badge-off:color(display-p3 .882318 .309607 .382556/.25);--uc-badge-border-on:color(display-p3 .332535 .714706 .522126/.5);--uc-badge-border-off:color(display-p3 .882318 .309607 .382556/.5)}}@supports (color:lab(0% 0 0)){.uc-container{--uc-badge-on:lab(66.6921% -50.6677 17.059/.25);--uc-badge-off:lab(56.4564% 69.5783 26.8306/.25);--uc-badge-border-on:lab(66.6921% -50.6677 17.059/.5);--uc-badge-border-off:lab(56.4564% 69.5783 26.8306/.5)}}.uc-container{background:var(--uc-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:100%;color:var(--fg);border:1px solid var(--uc-border);box-shadow:var(--uc-shadow);border-radius:18px;align-items:center;gap:8px;padding:8px;display:flex;position:relative}.uc-container.uc-expanded{--uc-gap:18px}.uc-container.uc-collapsed{--uc-gap:8px}.uc-expand-btn{border:1px solid var(--border);background:var(--bg-btn-bg,var(--glass));width:26px;height:26px;color:var(--fg);cursor:pointer;border-radius:999px;flex-shrink:0;place-items:center;padding:0;font-size:11px;display:grid}.uc-grid{gap:var(--uc-gap);align-content:start;justify-items:center;display:grid;position:relative}.uc-card{background:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow);opacity:var(--uc-opacity,1);border-radius:14px;transition:opacity .3s ease-in-out,box-shadow .2s;position:relative;overflow:hidden}.uc-card.uc-speaking{border-color:var(--speaking-color);box-shadow:0 0 0 2px var(--speaking-glow), var(--shadow)}.uc-video{object-fit:var(--uc-video-fit,cover);transform-origin:50%;width:100%;height:100%;transform:var(--uc-video-transform,none) scale(var(--uc-video-zoom,1));background:0 0}.uc-video.uc-video-mirror{--uc-video-transform:scaleX(-1)}.uc-card.uc-size-default{width:min(36vh,100%);min-width:420px;height:auto;max-height:36vh}@media (max-width:1400px){.uc-card.uc-size-default{min-width:340px}}@media (max-width:1000px){.uc-card.uc-size-default{min-width:280px}}@media (max-width:600px){.uc-card.uc-size-default{width:100%;min-width:100%}}.uc-card.uc-size-compact{width:100%;min-width:260px;height:auto}.uc-card.uc-size-full{width:min(100vw - 64px,1920px);height:auto;max-height:calc(100vh - 64px)}.uc-card.uc-aspect-169{aspect-ratio:16/9}.uc-card.uc-aspect-square{aspect-ratio:1}.uc-card.uc-aspect-auto{aspect-ratio:initial}.uc-card.uc-disabled{pointer-events:none;filter:grayscale(90%)brightness(.8)}.uc-fallback-name{color:var(--fg);place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.uc-name-badge{background:var(--uc-name-bg);border:1px solid color-mix(in oklab, var(--border) 60%, transparent);border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex;position:absolute;top:6px;left:6px}.uc-name-text{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.uc-right-badges{gap:8px;display:flex;position:absolute;top:6px;right:6px}.uc-card.uc-collapsed{aspect-ratio:initial;width:100%;height:100%}.uc-card.uc-collapsed .uc-video{--uc-video-fit:cover}.uc-container.uc-collapsed .uc-grid{flex-wrap:wrap;gap:8px;width:100%;display:flex}.uc-pill{gap:6px;min-width:200px}.uc-pill-avatar img{width:100%;height:100%}@media (max-width:978px){.uc-pill{min-width:0}.uc-pill-avatar{display:none}}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass);color:var(--fg);cursor:pointer;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--brand-primary), var(--brand-accent));color:#fff;border:none}.btn-ghost{background:var(--glass)}.btn-danger{color:#fff;background:#f43f5e26;border-color:#f43f5e73}.panel{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stack-v-8{gap:8px;display:grid}.stack-v-12{gap:12px;display:grid}.stack-v-16{gap:16px;display:grid}.text-subtle{color:var(--fg-subtle)}html,body,#root,#root>div{filter:none!important}.menu-item{text-align:left;border:1px solid var(--border);background:var(--glass);width:100%;color:var(--fg);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:background .15s,transform .1s;display:flex}.menu-item:hover{background:var(--glass-hover)}.menu-item:active{transform:scale(.98)}.menu-item.active{background:#10b9812e;border-color:#10b98159}.menu-item.danger{color:#fff;background:#f43f5e1f;border-color:#f43f5e59}.menu-item.danger:hover{background:#f43f5e40}.device-selector-item{text-align:left;width:100%;color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:background .1s;display:flex}.device-selector-item:hover{background:var(--glass-hover)}.device-selector-item.selected{background:#ffffff26}.sys-alert{border-radius:8px;padding:10px 14px;font-size:14px}.sys-alert--error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.sys-alert--success{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.sys-alert--warning{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.sys-alert--info{background:var(--glass);border:1px solid var(--border);color:var(--fg)}.sys-alert--dismissable{justify-content:space-between;align-items:center;display:flex}.sys-badge{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.6;display:inline-block}.sys-badge--default{color:#9ca3af;background:#6b728033}.sys-badge--primary{background:var(--accent,#3b82f6);color:#fff}.sys-badge--success{color:#22c55e;background:#22c55e33}.sys-badge--danger{color:#ef4444;background:#ef444433}.sys-badge--warning{color:#fbbf24;background:#eab30833}.sys-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.sys-field{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.sys-field__label{font-size:14px}.sys-field__hint{color:var(--fg-subtle);font-size:12px}.sys-section{margin-bottom:24px}.sys-section__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sys-section__title{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;font-weight:600}.sys-section__desc{color:var(--fg-subtle);margin-top:4px;font-size:13px}.sys-progress{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.sys-progress__fill{border-radius:4px;height:100%;transition:width .3s}.sys-progress__fill--default{background:var(--accent,#3b82f6)}.sys-progress__fill--success{background:#22c55e}.sys-progress__fill--warning{background:#f59e0b}.sys-progress__fill--danger{background:#ef4444}.sys-progress__label{color:var(--fg-subtle);margin-top:8px;font-size:12px}.sys-checkbox{-webkit-appearance:none;appearance:none;border:1px solid var(--border);background:var(--glass);cursor:pointer;vertical-align:middle;border-radius:4px;width:18px;height:18px;display:inline-block;box-shadow:inset 0 0 0 2px #0003}.sys-checkbox:checked{background:var(--gradient-hero)}.sys-checkbox:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sys-slider{-webkit-appearance:none;background:var(--gradient-hero);cursor:pointer;border-radius:999px;outline:none;width:220px;height:4px}.sys-slider:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.sys-btn{box-sizing:border-box;border:1px solid var(--border);background:var(--glass);color:var(--fg);cursor:pointer;font:inherit;transition:opacity .15s,background .15s}.sys-btn:disabled{opacity:.6;cursor:not-allowed}.sys-btn:hover:not(:disabled){background:var(--glass-hover)}.sys-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sys-btn--xs{border-radius:6px;padding:4px 8px;font-size:12px}.sys-btn--sm{border-radius:8px;padding:6px 12px;font-size:13px}.sys-btn--md{border-radius:10px;padding:10px 16px;font-size:14px}.sys-btn--lg{border-radius:12px;padding:12px 20px;font-size:15px}.sys-btn--xl{border-radius:14px;padding:14px 28px;font-size:16px}.sys-btn--primary{background:linear-gradient(135deg, var(--brand-primary), var(--brand-accent));color:#fff;border:none}.sys-btn--primary:hover:not(:disabled){background:linear-gradient(135deg, var(--brand-primary), var(--brand-accent));box-shadow:0 4px 12px #450db366}.sys-btn--brand{background:var(--gradient-hero);color:#fff;border:none}.sys-btn--brand:hover:not(:disabled){background:var(--gradient-hero);box-shadow:0 4px 12px #450db366}.sys-btn--ghost{background:var(--glass)}.sys-btn--secondary{color:var(--fg);background:#ffffff0d;border:1px solid #ffffff26}.sys-btn--danger{color:#fff;background:#f43f5e26;border:1px solid #f43f5e73}.sys-btn--danger:hover:not(:disabled){background:#f43f5e40}.sys-btn__icon{align-items:center;gap:8px;display:inline-flex}.sys-btn--xs .sys-btn__icon{gap:4px}.sys-btn--sm .sys-btn__icon{gap:6px}.sys-btn--lg .sys-btn__icon,.sys-btn--xl .sys-btn__icon{gap:10px}.sys-btn--icon-only{aspect-ratio:1;justify-content:center;align-items:center;padding:0;display:inline-flex}.sys-btn--icon-only.sys-btn--xs{width:24px;height:24px;font-size:12px}.sys-btn--icon-only.sys-btn--sm{width:30px;height:30px;font-size:13px}.sys-btn--icon-only.sys-btn--md{width:36px;height:36px;font-size:14px}.sys-btn--icon-only.sys-btn--lg{width:42px;height:42px;font-size:16px}.sys-btn--icon-only.sys-btn--xl{width:48px;height:48px;font-size:18px}.sys-input{box-sizing:border-box;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--glass);width:100%;color:var(--fg);font:inherit;padding:10px 12px}.sys-input:focus{border-color:var(--brand-accent);outline:none}.sys-input::placeholder{color:var(--fg-subtle)}.sys-select__trigger{box-sizing:border-box;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--glass);width:100%;color:var(--fg);font:inherit;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:14px;transition:border-color .15s;display:inline-flex}.sys-select__trigger:focus{outline:none}.sys-select__trigger[data-disabled]{opacity:.6;cursor:not-allowed}.sys-select__chevron{color:var(--fg-subtle);flex-shrink:0;display:flex}.sys-select__content{background:var(--modal-bg);border:1px solid var(--border);border-radius:var(--radius-xs);box-shadow:var(--shadow);z-index:1200;min-width:var(--radix-select-trigger-width);overflow:hidden}.sys-select__viewport{padding:4px}.sys-select__item{cursor:pointer;color:var(--fg);-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;transition:background .1s;display:flex}.sys-select__item[data-highlighted],.sys-select__item:hover:not([data-disabled]){background:var(--brand-primary);color:#fff}.sys-select__item[data-disabled]{color:var(--fg-subtle);opacity:.4;cursor:not-allowed}.sys-select__check{color:var(--brand-primary);flex-shrink:0;font-size:14px}.sys-select__item[data-highlighted] .sys-select__check,.sys-select__item:hover:not([data-disabled]) .sys-select__check{color:#fff}.sys-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:0;display:flex}.sys-tabs__tab{cursor:pointer;color:var(--fg-subtle);font:inherit;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.sys-tabs__tab:hover:not(:disabled){color:var(--fg)}.sys-tabs__tab--active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);font-weight:600}.sys-tabs__tab--disabled{color:var(--fg-subtle);opacity:.4;cursor:not-allowed}.sys-table-container{overflow:auto}.sys-table{border-collapse:separate;border-spacing:0;width:100%}.sys-thead--sticky{background:var(--glass);z-index:1;position:sticky;top:0}.sys-th{border-bottom:1px solid var(--border);text-align:left;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;font-size:12px;font-weight:600}.sys-td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.sys-tr{transition:background .1s}.sys-tr:hover{background:var(--glass-hover)}.sys-toolbar{border-radius:var(--radius);background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);justify-content:space-between;align-items:center;padding:10px;display:flex}.sys-toolbar__left,.sys-toolbar__right{align-items:center;gap:8px;display:flex}.sys-card{border-radius:var(--radius);background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:16px}.sys-card__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sys-card__title{font-weight:700}.sys-modal__overlay{-webkit-backdrop-filter:blur(4px);pointer-events:auto;will-change:opacity;contain:layout paint style;-webkit-backface-visibility:hidden;background:#000000ad;position:fixed;top:0;bottom:0;left:0;right:0;transform:translateZ(0)}.sys-modal{background:var(--modal-bg);color:var(--modal-fg);border:1px solid var(--border);box-shadow:var(--shadow);will-change:transform, opacity;contain:layout paint style;-webkit-backface-visibility:hidden;border-radius:12px;flex-direction:column;max-height:90vh;padding:16px;display:flex;position:fixed;overflow:hidden}.sys-modal__header{flex-shrink:0;margin-bottom:10px}.sys-modal__header--draggable{cursor:move}.sys-modal__header-row{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.sys-modal__header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.sys-modal__header-accessories{margin-top:8px}.sys-modal__title{margin:0;font-weight:800}.sys-modal__desc{color:var(--fg-subtle);font-size:12px}.sys-modal__body{flex:1;align-items:start;gap:10px;min-height:0;display:grid;overflow-y:auto}.sys-modal__footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:14px;display:flex}.sys-toast-container{z-index:120;position:fixed;bottom:16px;right:16px}.sys-toast{min-width:240px;max-width:420px;color:var(--fg);box-shadow:var(--shadow);border-radius:10px;gap:6px;padding:12px;display:grid}.sys-toast--success{background:#10b98126;border:1px solid #10b98173}.sys-toast--error{background:#f43f5e26;border:1px solid #f43f5e73}.sys-toast--info{border:1px solid var(--border);background:var(--glass)}.sys-toast__title{font-weight:700}.sys-toast__desc{color:var(--fg-subtle);font-size:13px}.sys-toast__close{border:1px solid var(--border);background:var(--glass);color:var(--fg);cursor:pointer;font:inherit;border-radius:8px;padding:6px 10px}.sys-toast__close:hover{background:var(--glass-hover)}.sys-conn-banner{z-index:60;color:#fff;background:#111114d9;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.sys-conn-banner__dot{background:#f59e0b;border-radius:999px;width:10px;height:10px;display:inline-block}.sys-conn-banner__label{font-size:13px;font-weight:600}.sys-conn-banner__reason{color:var(--fg-subtle);font-size:11px}.sys-dl{grid-template-columns:repeat(2,1fr);margin:0;padding:0;display:grid}.sys-dl__item{border-top:1px solid var(--border);padding:16px 0}.sys-dl__item--full{grid-column:1/-1}.sys-dl__label{color:var(--fg);margin-bottom:4px;font-size:14px;font-weight:600}.sys-dl__value{color:var(--fg-subtle);margin:0;font-size:14px}.sys-navbar{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.sys-navbar__left{flex-shrink:0}.sys-navbar__title{color:var(--fg);flex:1;font-size:16px;font-weight:600}.sys-navbar__right{flex-shrink:0}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}:root{--pub-font-display:"Plus Jakarta Sans", sans-serif;--pub-font-body:"Inter", sans-serif;--pub-bg-primary:#fff;--pub-bg-dark:#18181b;--pub-bg-dark-card:#27272a;--pub-bg-surface:#f4f4f5;--pub-bg-surface-hover:#e4e4e7;--pub-text-primary:#18181b;--pub-text-secondary:#71717a;--pub-text-tertiary:#a1a1aa;--pub-text-on-dark:#fff;--pub-text-on-dark-secondary:#a1a1aa;--pub-accent-purple:#8b5cf6;--pub-accent-purple-dark:#7c3aed;--pub-accent-purple-soft:#8b5cf620;--pub-accent-teal:#14b8a6;--pub-accent-pink:#f472b6;--pub-accent-amber:#f59e0b;--pub-border-light:#e4e4e7;--pub-border-dark:#3f3f46;--pub-icon-bg-purple:#ede9fe;--pub-icon-bg-teal:#ccfbf1;--pub-icon-bg-pink:#fce7f3;--pub-icon-bg-amber:#fef3c7;--pub-icon-bg-red:#fee2e2;--pub-icon-bg-indigo:#e0e7ff;--pub-radius-pill:100px;--pub-radius-card:20px;--pub-radius-card-lg:24px;--pub-radius-image:16px;--pub-radius-input:12px;--pub-radius-icon:12px;--pub-radius-logo:10px;--pub-gradient-hero:linear-gradient(180deg, #0f0a1a 0%, #1a1035 50%, #2d1b69 100%);--pub-gradient-cta:linear-gradient(180deg, #2d1b69 0%, #1a1035 50%, #0f0a1a 100%);--pub-gradient-purple:linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);--pub-gradient-auth-panel:linear-gradient(160deg, #7c3aed 0%, #4c1d95 100%);--pub-max-width:1440px;--pub-content-width:1200px;--pub-section-padding:100px 120px;--pub-header-padding:16px 80px;--pub-footer-padding:64px 120px 40px 120px}@media (max-width:1280px){:root{--pub-section-padding:80px 80px;--pub-header-padding:16px 40px;--pub-footer-padding:64px 80px 40px 80px}}@media (max-width:1024px){:root{--pub-section-padding:64px 40px}}@media (max-width:768px){:root{--pub-section-padding:48px 24px;--pub-header-padding:12px 20px;--pub-footer-padding:48px 24px 32px 24px}}@media (max-width:480px){:root{--pub-section-padding:48px 16px;--pub-header-padding:12px 16px}}.pub-btn{font-family:var(--pub-font-body);border-radius:var(--pub-radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.pub-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.pub-btn--primary{background:var(--pub-accent-purple);color:#fff;padding:12px 24px}.pub-btn--primary:hover{background:var(--pub-accent-purple-dark)}.pub-btn--secondary{color:#fff;background:0 0;border:1.5px solid #ffffff30}.pub-btn--secondary:hover{background:#ffffff0f}.pub-btn--ghost{background:var(--pub-bg-surface);color:var(--pub-text-primary);border-radius:var(--pub-radius-pill);padding:14px 24px}.pub-btn--ghost:hover{background:var(--pub-bg-surface-hover)}.pub-btn--cta-white{color:var(--pub-accent-purple);background:#fff}.pub-btn--cta-white:hover{background:#f4f4f5}.pub-btn--lg{padding:16px 32px;font-size:17px}.pub-btn--sm{padding:8px 20px;font-size:14px}.pub-btn__icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.pub-input-group{flex-direction:column;gap:6px;display:flex}.pub-input-label{font-family:var(--pub-font-body);color:var(--pub-text-primary);font-size:13px;font-weight:500}.pub-input-wrapper{position:relative}.pub-input{background:var(--pub-bg-primary);border:1px solid var(--pub-border-light);border-radius:var(--pub-radius-input);font-family:var(--pub-font-body);width:100%;color:var(--pub-text-primary);box-sizing:border-box;outline:none;padding:12px 16px;font-size:15px;font-weight:400;transition:border-color .2s}.pub-input:focus{border-color:var(--pub-accent-purple)}.pub-input--with-icon{padding-left:44px}.pub-input-icon{color:var(--pub-text-tertiary);pointer-events:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.pub-input::placeholder{color:var(--pub-text-tertiary)}.pub-input-hint{font-family:var(--pub-font-body);color:var(--pub-text-tertiary);font-size:13px}.pub-input-error{font-family:var(--pub-font-body);color:#ef4444;font-size:13px}.pub-card{border-radius:var(--pub-radius-card);padding:28px 32px;transition:transform .2s,box-shadow .2s}.pub-card--surface{background:var(--pub-bg-surface)}.pub-card--dark{background:var(--pub-bg-dark-card);border:1px solid var(--pub-border-dark);color:var(--pub-text-on-dark)}.pub-card--purple{background:var(--pub-accent-purple);color:#fff}.pub-card--hover:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.pub-badge{border-radius:var(--pub-radius-pill);font-family:var(--pub-font-body);align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:500;line-height:1.4;display:inline-flex}.pub-badge--purple{background:var(--pub-accent-purple-soft);color:var(--pub-accent-purple)}.pub-badge--teal{color:#14b8a6;background:#14b8a620}.pub-badge--pink{color:#f472b6;background:#f472b620}.pub-badge--amber{color:#f59e0b;background:#f59e0b20}.pub-badge--dark{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a}.pub-badge__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.pub-step-indicator{align-items:center;display:flex}.pub-step__circle{width:32px;height:32px;font-family:var(--pub-font-body);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.pub-step__circle--active,.pub-step__circle--completed{background:var(--pub-accent-purple);color:#fff}.pub-step__circle--inactive{background:var(--pub-bg-surface);color:var(--pub-text-tertiary)}.pub-step__connector{flex-shrink:0;width:48px;height:2px}.pub-step__connector--completed{background:var(--pub-accent-purple)}.pub-step__connector--upcoming{background:var(--pub-border-light)}.pub-section{padding:var(--pub-section-padding);max-width:var(--pub-max-width);margin:0 auto}.pub-container{max-width:var(--pub-content-width);margin:0 auto}.pub-text-hero{font-family:var(--pub-font-display);color:var(--pub-text-primary);font-size:72px;font-weight:800;line-height:1.05}.pub-text-h2{font-family:var(--pub-font-display);color:var(--pub-text-primary);font-size:48px;font-weight:800;line-height:1.15}.pub-text-h3{font-family:var(--pub-font-display);color:var(--pub-text-primary);font-size:36px;font-weight:800;line-height:1.15}.pub-text-h4{font-family:var(--pub-font-display);color:var(--pub-text-primary);font-size:32px;font-weight:800;line-height:1.2}.pub-text-h5{font-family:var(--pub-font-display);color:var(--pub-text-primary);font-size:24px;font-weight:700;line-height:1.3}.pub-text-h6{font-family:var(--pub-font-display);color:var(--pub-text-primary);font-size:20px;font-weight:700;line-height:1.3}.pub-text-subline{font-family:var(--pub-font-body);color:var(--pub-text-secondary);font-size:20px;font-weight:400;line-height:1.6}.pub-text-body{font-family:var(--pub-font-body);font-size:15px;font-weight:400;line-height:1.7}.pub-text-body-sm{font-family:var(--pub-font-body);font-size:14px;font-weight:400;line-height:1.6}.pub-text-meta{font-family:var(--pub-font-body);color:var(--pub-text-tertiary);font-size:12px;font-weight:400;line-height:1.5}@media (max-width:768px){.pub-text-hero{font-size:40px}.pub-text-h2{font-size:32px}}@media (max-width:480px){.pub-text-hero{font-size:36px}}@keyframes pub-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pub-reveal{opacity:0;transform:translateY(20px)}.pub-reveal--visible{animation:.6s forwards pub-fadeInUp}.pricing-cards-row{justify-content:center;align-items:center;gap:24px;display:flex}.pricing-card{flex:1;max-width:360px}.pricing-card--side{padding:36px 32px}.pricing-card--featured{padding:48px 32px;transform:scale(1.05)}@media (max-width:1024px){.pricing-cards-row{flex-direction:column;align-items:stretch}.pricing-card{max-width:100%}.pricing-card--featured{padding:36px 32px;transform:none}}.social-stats-row{flex-wrap:wrap;justify-content:center;gap:64px;display:flex}.social-testimonials-row{gap:24px;display:flex}@media (max-width:768px){.social-stats-row{grid-template-columns:1fr 1fr;gap:32px;display:grid}.social-testimonials-row{flex-direction:column}}.open-source-layout{align-items:center;gap:64px;display:flex}.open-source-image-container{border-radius:20px;flex-shrink:0;width:480px;height:320px;overflow:hidden}@media (max-width:1024px){.open-source-layout{flex-direction:column;gap:40px}.open-source-image-container{aspect-ratio:3/2;width:100%;height:auto}}.final-cta-trust-row{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}@media (max-width:768px){#final-cta h2{font-size:36px}}