:root{--brand-primary: #450db3;--brand-accent: #f3a814;--bg: #0f1115;--fg: #e5e7eb;--fg-subtle: #9ca3af;--border: rgba(255,255,255,.08);--glass: rgba(255,255,255,.06);--glass-hover: rgba(255,255,255,.12);--shadow: 0 12px 30px rgba(0,0,0,.35);--modal-bg: rgba(17,17,20,.98);--modal-fg: #e5e7eb;--panel-bg: rgba(17,17,20,.92);--panel-fg: var(--fg);--chip-bg: rgba(17,17,20,.7);--bar-bg: rgba(0,0,0,.5);--bar-fg: #e5e7eb;--bar-chip-bg: rgba(255,255,255,.06);--bar-divider: rgba(255,255,255,.12);--focus: rgba(243,168,20,.45);--uc-glass: rgba(255, 255, 255, .1);--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: rgba(0,0,0,.08);--glass: rgba(255,255,255,.92);--glass-hover: rgba(0,0,0,.06);--shadow: 0 12px 30px rgba(0,0,0,.14);--modal-bg: rgba(255,255,255,.98);--modal-fg: #0f1115;--panel-bg: rgba(17,17,20,.92);--panel-fg: #e5e7eb;--chip-bg: rgba(17,17,20,.7);--bar-bg: rgba(255, 255, 255, .2);--bar-fg: #e5e7eb;--bar-chip-bg: rgba(255,255,255,.08);--bar-divider: rgba(255,255,255,.18);--focus: rgba(69,13,179,.45);--uc-glass: rgba(255, 255, 255, .2)}}:root[data-theme=dark]{--brand-primary: #450db3;--brand-accent: #f3a814;--bg: #0f1115;--fg: #e5e7eb;--fg-subtle: #9ca3af;--border: rgba(255,255,255,.08);--glass: rgba(255,255,255,.06);--glass-hover: rgba(255,255,255,.12);--shadow: 0 12px 30px rgba(0,0,0,.35);--modal-bg: rgba(17,17,20,.98);--modal-fg: #e5e7eb;--panel-bg: rgba(17,17,20,.92);--panel-fg: var(--fg);--chip-bg: rgba(17,17,20,.7);--bar-bg: rgba(0,0,0,.5);--bar-fg: #e5e7eb;--bar-chip-bg: rgba(255,255,255,.06);--bar-divider: rgba(255,255,255,.12);--focus: rgba(243,168,20,.45);--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 rgba(0,0,0,.3);--uc-glass: rgba(255, 255, 255, .1)}:root[data-theme=light]{--bg: #f6f7fb;--fg: #0f1115;--fg-subtle: #6b7280;--border: rgba(0,0,0,.08);--glass: rgba(255,255,255,.92);--glass-hover: rgba(0,0,0,.06);--shadow: 0 12px 30px rgba(0,0,0,.14);--modal-bg: rgba(255,255,255,.98);--modal-fg: #0f1115;--panel-bg: rgba(17,17,20,.92);--panel-fg: #e5e7eb;--chip-bg: rgba(17,17,20,.7);--bar-bg: rgba(255, 255, 255, .2);--bar-fg: #e5e7eb;--bar-chip-bg: rgba(255,255,255,.08);--bar-divider: rgba(255,255,255,.18);--focus: rgba(69,13,179,.45);--uc-glass: rgba(255, 255, 255, .2)}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,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);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: rgba(0,0,0,0);--bg-btn-fg: #fff}.bg-btn-secondary{--bg-btn-bg: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--bg-btn-border: rgba(0,0,0,0);--bg-btn-fg: #fff}.bg-btn-active{--bg-btn-bg: rgba(16,185,129,.2);--bg-btn-border: rgba(16,185,129,.45);--bg-btn-fg: var(--fg)}.bg-btn-disabled{--bg-btn-opacity: .6}.bg-container{display:flex;flex-wrap:wrap;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);backdrop-filter:blur(16px);color:var(--bar-fg);border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow),inset 0 1px 1px #fff3}.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{display:inline-flex;align-items:center;justify-content:center;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;transition:background .12s ease,border-color .12s ease,opacity .12s ease;outline:none}.bg-button[disabled]{cursor:not-allowed;opacity:var(--bg-btn-opacity, .6)}.bg-button:hover{filter:brightness(1.05)}.bg-button .bg-button-content{display:inline-flex;align-items:center;gap:8px}.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{width:1px;height:24px;background:var(--bar-divider)}.bg-sep-horizontal{height:1px;width:24px;background:var(--bar-divider)}.bg-sep-icon{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:var(--bar-chip-bg);border:1px solid var(--border)}.bg-spacer-auto{flex:0 0 auto}.bg-spacer-grow{flex:1 1 auto}.bg-spacer-shrink{flex:0 1 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{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:12px;gap:12px;pointer-events:none;z-index:20}.top-header-spacer{flex:0 0 auto;width:0}.top-header-center{flex:1 1 auto;display:flex;justify-content:center;min-width:0;pointer-events:auto}.top-header-right{flex:0 0 auto;pointer-events:auto}@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;display:flex;justify-content:flex-end}.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: color-mix(in oklab, #10b981 25%, transparent);--uc-badge-off: color-mix(in oklab, #f43f5e 25%, transparent);--uc-badge-border-on: color-mix(in oklab, #10b981 50%, transparent);--uc-badge-border-off: color-mix(in oklab, #f43f5e 50%, transparent);--speaking-color: #10b981;--speaking-glow: rgba(16,185,129,.35)}.uc-container{position:relative;display:flex;align-items:center;max-width:100%;background:var(--uc-bg);backdrop-filter:blur(16px);color:var(--fg);border:1px solid var(--uc-border);border-radius:18px;padding:8px;gap:8px;box-shadow:var(--uc-shadow)}.uc-container.uc-expanded{--uc-gap: 18px}.uc-container.uc-collapsed{--uc-gap: 8px}.uc-expand-btn{flex-shrink:0;padding:0;width:26px;height:26px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--border);background:var(--bg-btn-bg, var(--glass));color:var(--fg);cursor:pointer;font-size:11px}.uc-grid{position:relative;display:grid;gap:var(--uc-gap);justify-items:center;align-content:start}.uc-card{position:relative;border-radius:14px;overflow:hidden;background:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow);transition:opacity .3s ease-in-out,box-shadow .2s ease;opacity:var(--uc-opacity, 1)}.uc-card.uc-speaking{border-color:var(--speaking-color);box-shadow:0 0 0 2px var(--speaking-glow),var(--shadow)}.uc-video{width:100%;height:100%;object-fit:var(--uc-video-fit, cover);background:transparent;transform-origin:center center;transform:var(--uc-video-transform, none) scale(var(--uc-video-zoom, 1))}.uc-video.uc-video-mirror{--uc-video-transform: scaleX(-1)}.uc-card.uc-size-default{width:min(36vh,100%);min-width:420px;max-height:36vh;height:auto}@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{min-width:100%;width:100%}}.uc-card.uc-size-compact{width:100%;min-width:260px;height:auto}.uc-card.uc-size-full{width:min(calc(100vw - 64px),1920px);max-height:calc(100vh - 64px);height:auto}.uc-card.uc-aspect-169{aspect-ratio:16 / 9}.uc-card.uc-aspect-square{aspect-ratio:1 / 1}.uc-card.uc-aspect-auto{aspect-ratio:initial}.uc-card.uc-disabled{pointer-events:none;filter:grayscale(90%) brightness(.8)}.uc-fallback-name{position:absolute;inset:0;display:grid;place-items:center;color:var(--fg);font-weight:600;font-size:14px}.uc-name-badge{position:absolute;top:6px;left:6px;display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--uc-name-bg);border-radius:10px;border:1px solid color-mix(in oklab,var(--border) 60%,transparent)}.uc-name-text{font-size:12px;color:var(--fg);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uc-right-badges{position:absolute;top:6px;right:6px;display:flex;gap:8px}.uc-card.uc-collapsed{aspect-ratio:initial;height:100%;width:100%}.uc-card.uc-collapsed .uc-video{--uc-video-fit: cover}.uc-container.uc-collapsed .uc-grid{display:flex;flex-wrap:wrap;gap:8px;width:100%}.uc-pill{min-width:200px;gap:6px}.uc-pill-avatar img{width:100%;height:100%}@media(max-width:978px){.uc-pill{min-width:0}.uc-pill-avatar{display:none}}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass);color:var(--fg);cursor:pointer}.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{background:#f43f5e26;border-color:#f43f5e73;color:#fff}.panel{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stack-v-8{display:grid;gap:8px}.stack-v-12{display:grid;gap:12px}.stack-v-16{display:grid;gap:16px}.text-subtle{color:var(--fg-subtle)}html,body,#root,#root>div{filter:none!important}.menu-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--glass);color:var(--fg);cursor:pointer;transition:background .15s ease,transform .1s ease;font-size:13px}.menu-item:hover{background:var(--glass-hover)}.menu-item:active{transform:scale(.98)}.menu-item.active{background:#10b9812e;border-color:#10b98159}.menu-item.danger{background:#f43f5e1f;border-color:#f43f5e59;color:#fff}.menu-item.danger:hover{background:#f43f5e40}.device-selector-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--fg);font-size:13px;cursor:pointer;transition:background .1s ease}.device-selector-item:hover{background:var(--glass-hover)}.device-selector-item.selected{background:#ffffff26}.sys-alert{padding:10px 14px;border-radius:8px;font-size:14px}.sys-alert--error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.sys-alert--success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.sys-alert--warning{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.sys-alert--info{background:var(--glass);border:1px solid var(--border);color:var(--fg)}.sys-alert--dismissable{display:flex;justify-content:space-between;align-items:center}.sys-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;line-height:1.6}.sys-badge--default{background:#6b728033;color:#9ca3af}.sys-badge--primary{background:var(--accent, #3b82f6);color:#fff}.sys-badge--success{background:#22c55e33;color:#22c55e}.sys-badge--danger{background:#ef444433;color:#ef4444}.sys-badge--warning{background:#eab30833;color:#fbbf24}.sys-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.sys-field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.sys-field__label{font-size:14px}.sys-field__hint{font-size:12px;color:var(--fg-subtle)}.sys-section{margin-bottom:24px}.sys-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sys-section__title{margin:0;font-size:14px;font-weight:600;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.5px}.sys-section__desc{font-size:13px;color:var(--fg-subtle);margin-top:4px}.sys-progress{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.sys-progress__fill{height:100%;border-radius:4px;transition:width .3s ease}.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{margin-top:8px;font-size:12px;color:var(--fg-subtle)}.sys-checkbox{width:18px;height:18px;appearance:none;-webkit-appearance:none;border:1px solid var(--border);border-radius:4px;background:var(--glass);box-shadow:inset 0 0 0 2px #0003;cursor:pointer;display:inline-block;vertical-align:middle}.sys-checkbox:checked{background:var(--gradient-hero)}.sys-checkbox:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sys-slider{-webkit-appearance:none;width:220px;height:4px;border-radius:999px;background:var(--gradient-hero);outline:none;cursor:pointer}.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{padding:4px 8px;font-size:12px;border-radius:6px}.sys-btn--sm{padding:6px 12px;font-size:13px;border-radius:8px}.sys-btn--md{padding:10px 16px;font-size:14px;border-radius:10px}.sys-btn--lg{padding:12px 20px;font-size:15px;border-radius:12px}.sys-btn--xl{padding:14px 28px;font-size:16px;border-radius:14px}.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{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--fg)}.sys-btn--danger{background:#f43f5e26;border:1px solid rgba(244,63,94,.45);color:#fff}.sys-btn--danger:hover:not(:disabled){background:#f43f5e40}.sys-btn__icon{display:inline-flex;align-items:center;gap:8px}.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;padding:0;display:inline-flex;align-items:center;justify-content:center}.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;width:100%;padding:10px 12px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--glass);color:var(--fg);font:inherit}.sys-input:focus{border-color:var(--brand-accent);outline:none}.sys-input::placeholder{color:var(--fg-subtle)}.sys-select__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;width:100%;padding:10px 12px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--glass);color:var(--fg);font:inherit;font-size:14px;cursor:pointer;transition:border-color .15s}.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);overflow:hidden;z-index:1200;min-width:var(--radix-select-trigger-width)}.sys-select__viewport{padding:4px}.sys-select__item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;cursor:pointer;color:var(--fg);font-size:14px;outline:none;user-select:none;transition:background .1s}.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{display:flex;gap:0;border-bottom:1px solid var(--border);flex-shrink:0}.sys-tabs__tab{padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;color:var(--fg-subtle);font:inherit;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{width:100%;border-collapse:separate;border-spacing:0}.sys-thead--sticky{position:sticky;top:0;background:var(--glass);z-index:1}.sys-th{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;color:var(--fg-subtle);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sys-td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.sys-tr{transition:background .1s}.sys-tr:hover{background:var(--glass-hover)}.sys-toolbar{padding:10px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.sys-toolbar__left,.sys-toolbar__right{display:flex;gap:8px;align-items:center}.sys-card{padding:16px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.sys-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sys-card__title{font-weight:700}.sys-modal__overlay{position:fixed;inset:0;background:#000000ad;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto;will-change:opacity;contain:layout paint style;transform:translateZ(0);-webkit-backface-visibility:hidden}.sys-modal{position:fixed;display:flex;flex-direction:column;background:var(--modal-bg);color:var(--modal-fg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:16px;max-height:90vh;overflow:hidden;will-change:transform,opacity;contain:layout paint style;-webkit-backface-visibility:hidden}.sys-modal__header{margin-bottom:10px;flex-shrink:0}.sys-modal__header--draggable{cursor:move}.sys-modal__header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}.sys-modal__header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sys-modal__header-accessories{margin-top:8px}.sys-modal__title{font-weight:800;margin:0}.sys-modal__desc{color:var(--fg-subtle);font-size:12px}.sys-modal__body{display:grid;gap:10px;flex:1;min-height:0;overflow-y:auto;align-items:start}.sys-modal__footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:8px;padding-top:14px;border-top:1px solid var(--border);margin-top:14px}.sys-toast-container{position:fixed;bottom:16px;right:16px;z-index:120}.sys-toast{display:grid;gap:6px;min-width:240px;max-width:420px;padding:12px;border-radius:10px;color:var(--fg);box-shadow:var(--shadow)}.sys-toast--success{border:1px solid rgba(16,185,129,.45);background:#10b98126}.sys-toast--error{border:1px solid rgba(244,63,94,.45);background:#f43f5e26}.sys-toast--info{border:1px solid var(--border);background:var(--glass)}.sys-toast__title{font-weight:700}.sys-toast__desc{font-size:13px;color:var(--fg-subtle)}.sys-toast__close{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--glass);color:var(--fg);cursor:pointer;font:inherit}.sys-toast__close:hover{background:var(--glass-hover)}.sys-conn-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#111114d9;color:#fff;box-shadow:0 8px 24px #0006}.sys-conn-banner__dot{width:10px;height:10px;border-radius:999px;background:#f59e0b;display:inline-block}.sys-conn-banner__label{font-size:13px;font-weight:600}.sys-conn-banner__reason{font-size:11px;color:var(--fg-subtle)}.sys-dl{display:grid;grid-template-columns:repeat(2,1fr);margin:0;padding:0}.sys-dl__item{padding:16px 0;border-top:1px solid var(--border)}.sys-dl__item--full{grid-column:1 / -1}.sys-dl__label{font-size:14px;font-weight:600;color:var(--fg);margin-bottom:4px}.sys-dl__value{font-size:14px;color:var(--fg-subtle);margin:0}.sys-navbar{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:16px}.sys-navbar__left{flex-shrink:0}.sys-navbar__title{flex:1;font-size:16px;font-weight:600;color:var(--fg)}.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: #FFFFFF;--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: #FFFFFF;--pub-text-on-dark-secondary: #A1A1AA;--pub-accent-purple: #8B5CF6;--pub-accent-purple-dark: #7C3AED;--pub-accent-purple-soft: rgba(139, 92, 246, .125);--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);font-weight:600;font-size:15px;line-height:1;border-radius:var(--pub-radius-pill);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;text-decoration:none;padding:12px 24px}.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{background:transparent;border:1.5px solid rgba(255,255,255,.19);color:#fff}.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{background:#fff;color:var(--pub-accent-purple)}.pub-btn--cta-white:hover{background:#f4f4f5}.pub-btn--lg{font-size:17px;padding:16px 32px}.pub-btn--sm{font-size:14px;padding:8px 20px}.pub-btn__icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.pub-input-group{display:flex;flex-direction:column;gap:6px}.pub-input-label{font-family:var(--pub-font-body);font-size:13px;font-weight:500;color:var(--pub-text-primary)}.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);padding:12px 16px;font-family:var(--pub-font-body);font-size:15px;font-weight:400;width:100%;outline:none;transition:border-color .2s ease;color:var(--pub-text-primary);box-sizing:border-box}.pub-input:focus{border-color:var(--pub-accent-purple)}.pub-input--with-icon{padding-left:44px}.pub-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--pub-text-tertiary);width:18px;height:18px;display:flex;align-items:center;justify-content:center;pointer-events:none}.pub-input::placeholder{color:var(--pub-text-tertiary)}.pub-input-hint{font-family:var(--pub-font-body);font-size:13px;color:var(--pub-text-tertiary)}.pub-input-error{font-family:var(--pub-font-body);font-size:13px;color:#ef4444}.pub-card{border-radius:var(--pub-radius-card);padding:28px 32px;transition:transform .2s ease,box-shadow .2s ease}.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{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:var(--pub-radius-pill);font-family:var(--pub-font-body);font-size:13px;font-weight:500;line-height:1.4}.pub-badge--purple{background:var(--pub-accent-purple-soft);color:var(--pub-accent-purple)}.pub-badge--teal{background:#14b8a620;color:#14b8a6}.pub-badge--pink{background:#f472b620;color:#f472b6}.pub-badge--amber{background:#f59e0b20;color:#f59e0b}.pub-badge--dark{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff}.pub-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.pub-step-indicator{display:flex;align-items:center}.pub-step__circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--pub-font-body);font-size:14px;font-weight:600;flex-shrink:0}.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{width:48px;height:2px;flex-shrink:0}.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);font-size:72px;font-weight:800;line-height:1.05;color:var(--pub-text-primary)}.pub-text-h2{font-family:var(--pub-font-display);font-size:48px;font-weight:800;line-height:1.15;color:var(--pub-text-primary)}.pub-text-h3{font-family:var(--pub-font-display);font-size:36px;font-weight:800;line-height:1.15;color:var(--pub-text-primary)}.pub-text-h4{font-family:var(--pub-font-display);font-size:32px;font-weight:800;line-height:1.2;color:var(--pub-text-primary)}.pub-text-h5{font-family:var(--pub-font-display);font-size:24px;font-weight:700;line-height:1.3;color:var(--pub-text-primary)}.pub-text-h6{font-family:var(--pub-font-display);font-size:20px;font-weight:700;line-height:1.3;color:var(--pub-text-primary)}.pub-text-subline{font-family:var(--pub-font-body);font-size:20px;font-weight:400;line-height:1.6;color:var(--pub-text-secondary)}.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);font-size:12px;font-weight:400;line-height:1.5;color:var(--pub-text-tertiary)}@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:pub-fadeInUp .6s ease forwards}.pricing-cards-row{display:flex;gap:24px;align-items:center;justify-content:center}.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{transform:none;padding:36px 32px}}.social-stats-row{display:flex;justify-content:center;gap:64px;flex-wrap:wrap}.social-testimonials-row{display:flex;gap:24px}@media(max-width:768px){.social-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:32px}.social-testimonials-row{flex-direction:column}}.open-source-layout{display:flex;gap:64px;align-items:center}.open-source-image-container{flex-shrink:0;width:480px;height:320px;border-radius:20px;overflow:hidden}@media(max-width:1024px){.open-source-layout{flex-direction:column;gap:40px}.open-source-image-container{width:100%;height:auto;aspect-ratio:3 / 2}}.final-cta-trust-row{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}@media(max-width:768px){#final-cta h2{font-size:36px}}