:root{--bg: oklch(14% .005 260);--bg-1: oklch(17% .006 260);--bg-2: oklch(20% .007 260);--bg-3: oklch(24% .008 260);--bg-4: oklch(28% .009 260);--line: oklch(26% .009 260);--line-2: oklch(34% .012 260);--line-3: oklch(40% .014 260);--fg: oklch(95% .005 260);--fg-1: oklch(80% .008 260);--fg-2: oklch(62% .01 260);--fg-3: oklch(48% .012 260);--fg-4: oklch(38% .012 260);--accent: oklch(72% .16 270);--accent-1: oklch(80% .16 270);--accent-soft: oklch(40% .1 270);--accent-dim: oklch(28% .06 270);--accent-ink: oklch(14% .04 270);--amber: oklch(74% .15 60);--amber-soft: oklch(35% .1 60);--green: oklch(74% .15 150);--green-soft: oklch(34% .1 150);--red: oklch(70% .18 25);--red-soft: oklch(34% .12 25);--off: oklch(40% .005 260);--r-sm: 6px;--r: 10px;--r-lg: 14px;--r-xl: 18px;--pad: 20px;--gap: 16px;--row: 36px;--row-h: 36px;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--mono: var(--font-mono);--armed-glow: 0 0 0 1px var(--accent-soft), 0 0 24px -4px oklch(72% .16 270 / .35);--armed-glow-strong: 0 0 0 1px var(--accent), 0 0 36px -4px oklch(72% .16 270 / .65)}[data-accent=cyan]{--accent: oklch(72% .16 210);--accent-1: oklch(82% .16 210);--accent-soft: oklch(40% .1 210);--accent-dim: oklch(28% .06 210);--accent-ink: oklch(14% .04 210)}[data-accent=amber]{--accent: oklch(78% .14 70);--accent-1: oklch(86% .14 70);--accent-soft: oklch(40% .1 70);--accent-dim: oklch(28% .06 70);--accent-ink: oklch(14% .04 70)}[data-density=compact]{--pad: 14px;--gap: 10px;--row: 30px;--row-h: 30px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}body{min-height:100vh}button{font-family:inherit;color:inherit;cursor:pointer}input{font-family:inherit}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";letter-spacing:-.01em}.dim{color:var(--fg-3)}.large{font-size:22px;font-weight:600}.app{display:grid;grid-template-columns:256px 1fr;grid-template-rows:1fr auto;min-height:100vh}[data-density=compact] .app{grid-template-columns:220px 1fr}.app .sidebar{grid-row:1 / 3}.app .tc-sidebar{grid-row:1 / 3;height:100vh;position:sticky;top:0}.app .main{grid-row:1;grid-column:2}.app .device-bar{grid-row:2;grid-column:2}.app .tc-dock{grid-row:2;grid-column:2;position:sticky;bottom:0;z-index:50}.sidebar{background:var(--bg-1);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px;position:sticky;top:0;height:100vh;z-index:1}.brand{display:flex;align-items:center;gap:12px;padding:4px 6px 18px;border-bottom:1px solid var(--line);margin-bottom:14px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--bg-2);border-radius:10px}.brand-mark svg{width:28px;height:28px}.brand-name{font-weight:700;letter-spacing:-.01em;font-size:18px}.brand-ver{color:var(--accent);font-family:var(--font-mono);font-weight:500;margin-left:4px;font-size:12px}.nav-label{font-size:10px;letter-spacing:.16em;color:var(--fg-3);padding:6px 10px 4px;text-transform:uppercase;font-weight:600}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;background:transparent;border:0;padding:9px 10px;color:var(--fg-1);border-radius:var(--r-sm);text-align:left;font-size:13.5px;position:relative;transition:background .12s,color .12s}.nav-item:hover,.nav-item.active{background:var(--bg-2);color:var(--fg)}.nav-item.active svg{color:var(--accent)}.nav-active-bar{position:absolute;left:-14px;top:8px;bottom:8px;width:2px;background:var(--accent);border-radius:2px}.sidebar-spacer{flex:1}.status-block{display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:1px solid var(--line)}.status-title{font-size:10px;letter-spacing:.1em;color:var(--fg-3);padding:6px 10px;text-transform:uppercase;font-weight:600}.status-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;background:transparent;border:0;padding:8px 10px;color:var(--fg-1);border-radius:var(--r-sm);text-align:left;font-size:13px}.status-row:hover{background:var(--bg-2);color:var(--fg)}.status-label{color:var(--fg-1)}.status-value{color:var(--fg-3);font-size:11.5px;font-family:var(--font-mono)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.main{padding:0;min-width:0}.page{padding:28px 32px 80px;max-width:1280px;display:flex;flex-direction:column;gap:var(--gap)}[data-density=compact] .page{padding:18px 22px 60px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:8px;gap:12px;margin-bottom:14px}.page-eyebrow{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-3);font-weight:400}.page-title{margin:4px 0 0;font-size:26px;font-weight:600;letter-spacing:-.02em}.routing-badge{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-sm);font-size:11px;color:var(--fg-2);flex-shrink:0}.routing-badge-arrow{color:var(--fg-3);font-size:12px}.routing-badge-empty{color:var(--fg-3);font-style:italic}.routing-badge-chip{padding:1px 7px;border-radius:999px;background:color-mix(in oklch,var(--accent) 12%,var(--bg-1));color:var(--accent);border:1px solid color-mix(in oklch,var(--accent) 30%,var(--line));font-weight:500}.app.with-device .main{padding-bottom:0}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--pad);display:flex;flex-direction:column;gap:14px}[data-density=compact] .card{gap:10px}.card-head{display:flex;justify-content:space-between;align-items:center}.card-title{font-size:17px;font-weight:600;color:var(--fg);letter-spacing:-.01em}.card-meta{font-size:11.5px;color:var(--fg-3)}.np-card{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center;flex-direction:row}[data-density=compact] .np-card{grid-template-columns:100px 1fr}.np-thumb{aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;position:relative;background:#0e0f12}.np-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.np-info{display:flex;flex-direction:column;gap:4px;min-width:0}.np-row{display:flex;align-items:center;gap:10px}.np-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--fg-3);text-transform:uppercase;font-weight:600}.np-title{font-size:18px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-script{font-size:12.5px;color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-time{margin-top:6px}.badge{font-size:11px;padding:3px 8px;border-radius:999px;background:var(--bg-3);color:var(--fg-1);letter-spacing:.02em;border:1px solid var(--line-2);white-space:nowrap}.badge.ok{color:var(--green);border-color:color-mix(in oklch,var(--green) 35%,var(--line-2));background:color-mix(in oklch,var(--green) 10%,var(--bg-1))}.badge.warn{color:var(--amber);border-color:color-mix(in oklch,var(--amber) 35%,var(--line-2));background:color-mix(in oklch,var(--amber) 10%,var(--bg-1))}.badge.small{font-size:10px;padding:2px 6px}.heatmap-card{gap:10px}.heatmap{position:relative;height:110px;background:var(--bg);border-radius:var(--r);padding:8px 10px 22px;cursor:pointer;overflow:hidden;border:1px solid var(--line)}[data-density=compact] .heatmap{height:80px}.heatmap-bars{display:flex;align-items:flex-end;gap:1px;position:absolute;top:8px;right:10px;bottom:22px;left:10px}.hm-bar{flex:1;min-width:1px;background:var(--accent);border-radius:1px;transition:opacity .1s linear}.hm-bar.past{background:var(--fg-3)}.heatmap-playhead{position:absolute;top:4px;bottom:18px;width:1.5px;background:var(--amber);box-shadow:0 0 0 1px color-mix(in oklch,var(--amber) 40%,transparent);pointer-events:none;z-index:2}.heatmap-labels{position:absolute;left:10px;right:10px;bottom:4px;display:flex;justify-content:space-between;font-size:10.5px;color:var(--fg-3)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gap)}.grid-2-tight{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--bg-2);color:var(--fg);padding:0 14px;height:var(--row-h);border-radius:var(--r-sm);font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);transition:background .12s,border-color .12s,transform .04s}.btn:hover{background:var(--bg-3);border-color:var(--line-2)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:#050920;border-color:transparent;font-weight:600}.btn.primary:hover{background:color-mix(in oklch,var(--accent) 92%,white)}.btn.cue{background:var(--amber);color:#160700;color:oklch(15% .05 60);border-color:transparent;font-weight:600}.btn.cue:hover{background:color-mix(in oklch,var(--amber) 92%,white)}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--bg-2)}.btn.full{width:100%}.btn.small{height:30px;padding:0 10px;font-size:12px}.btn.danger{background:var(--red);color:#fff;border-color:transparent}.ghost-btn{background:transparent;border:0;color:var(--fg-2);padding:6px 8px;font-size:12px;border-radius:var(--r-sm)}.ghost-btn:hover{color:var(--fg);background:var(--bg-2)}.control{display:flex;flex-direction:column;gap:8px}.control.inline{flex-direction:row;gap:8px}.control-head{display:flex;justify-content:space-between;align-items:baseline}.control-head label{font-size:12px;color:var(--fg-1)}.control-head .mono{font-size:12px;color:var(--fg)}.hint{font-size:11.5px;color:var(--fg-3)}.slider{position:relative;width:100%;max-width:100%;height:22px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;contain:layout}.slider-track{position:absolute;left:0;right:0;top:9px;height:4px;background:var(--bg-3);border-radius:2px}.slider-fill{position:absolute;left:0;top:9px;height:4px;background:var(--accent);border-radius:2px}.slider-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--fg);border:2px solid var(--accent);box-shadow:0 1px 3px #0000004d}.range-slider{position:relative;width:100%;max-width:100%;height:22px;-webkit-user-select:none;user-select:none;touch-action:none;contain:layout}.range-track{position:absolute;left:0;right:0;top:9px;height:4px;background:var(--bg-3);border-radius:2px}.range-fill{position:absolute;top:9px;height:4px;background:var(--accent);border-radius:2px}.range-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--fg);border:2px solid var(--accent);cursor:grab;box-shadow:0 1px 3px #0000004d}.range-handle:active{cursor:grabbing}.seg-suction{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--bg-3);border-radius:var(--r-sm);padding:2px}.seg-btn{border:0;background:transparent;color:var(--fg-1);padding:0;height:32px;border-radius:5px;font-size:12px;font-weight:500}.seg-btn:hover{background:var(--bg-2);color:var(--fg)}.seg-btn.shaft.on,.seg-btn.tip.on{background:color-mix(in oklch,var(--amber) 30%,var(--bg-2));color:var(--amber)}.diag{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:0}.diag summary{padding:8px 12px;cursor:pointer;color:var(--fg-2);font-size:12px;list-style:none}.diag summary::-webkit-details-marker{display:none}.diag summary:before{content:"▸";color:var(--fg-3)}.diag[open] summary:before{content:"▾"}.diag[open] summary{border-bottom:1px solid var(--line)}.diag-grid{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:10px 12px;font-size:11.5px}.diag-grid>:nth-child(odd){color:var(--fg-3)}.diag-grid .ok{color:var(--green)}.check-row{display:flex;flex-wrap:wrap;gap:14px}.check{display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:4px;border:1.5px solid var(--line-2);background:var(--bg);display:grid;place-items:center;cursor:pointer}.check input:checked{background:var(--accent);border-color:var(--accent)}.check input:checked:after{content:"✓";color:#050920;font-size:11px;font-weight:700}.cue-strip{display:flex;align-items:center;justify-content:space-between;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px}.cue-actions{display:flex;gap:8px}kbd{font-family:var(--font-mono);background:var(--bg-3);padding:1px 5px;border-radius:3px;font-size:10.5px;border:1px solid var(--line-2)}.device-bar{position:sticky;bottom:0;z-index:50;background:var(--bg-1);border-top:1px solid var(--line);padding:12px 32px;display:flex;flex-direction:column;gap:14px}[data-density=compact] .device-bar{padding:8px 22px}.device-summary{display:flex;align-items:center;gap:14px}.device-toggle{background:var(--bg-2);border:1px solid var(--line);color:var(--fg-1);width:26px;height:26px;border-radius:6px;display:grid;place-items:center}.device-toggle:hover{background:var(--bg-3);color:var(--fg)}.device-meter{display:flex;align-items:center;gap:10px;min-width:240px;flex:0 0 auto}.device-meter-track{flex:1;height:8px;background:var(--bg-3);border-radius:4px;overflow:hidden;min-width:160px}.device-meter-fill{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in oklch,var(--accent) 70%,var(--amber)));border-radius:4px;transition:width .1s linear}.device-meter-label{font-size:13px;min-width:26px;text-align:right;color:var(--fg)}.device-status{display:flex;align-items:center;gap:8px;padding:0 12px;border-left:1px solid var(--line);border-right:1px solid var(--line);height:22px}.device-status-label{font-size:12.5px;color:var(--fg-1)}.device-mini{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--fg-2)}.device-mini>.dim{color:var(--fg-3);margin-left:6px}.device-summary-spacer{flex:1}.device-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;padding:4px 38px 8px}.device-control{display:flex;flex-direction:column;gap:6px}.cue-label{font-size:11px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.cue-value{font-size:16px;color:var(--amber);margin-top:2px}.library-actions{display:flex;gap:8px}.field{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 12px;height:var(--row-h);color:var(--fg)}.field.small{height:30px;font-size:12px;padding:0 10px;min-width:200px}.field.readonly{color:var(--fg-3);display:flex;align-items:center}.field-label{font-size:11px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.form-row{display:flex;flex-direction:column;gap:6px}.lib-list{display:flex;flex-direction:column;max-height:400px;overflow:auto}.lib-row{display:grid;grid-template-columns:24px 1fr auto auto auto;gap:14px;align-items:center;padding:10px 12px;border-radius:var(--r-sm);font-size:13px;border-bottom:1px solid var(--line)}.lib-row:last-child{border-bottom:0}.lib-row:hover{background:var(--bg-2)}.lib-row.active{background:color-mix(in oklch,var(--accent) 8%,var(--bg-1))}.lib-icon{color:var(--fg-3);display:grid;place-items:center}.lib-row.active .lib-icon{color:var(--accent)}.lib-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-meta{font-size:11.5px;color:var(--fg-2)}.lib-remove{background:transparent;border:0;color:var(--fg-3);width:24px;height:24px;border-radius:4px}.lib-remove:hover{color:var(--red);background:var(--bg-3)}.preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.preset{background:var(--bg-2);border:1px solid var(--line);color:var(--fg-1);padding:10px;border-radius:var(--r-sm);font-size:12px;font-weight:500}.preset:hover{background:var(--bg-3);color:var(--fg)}.preset.active{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 15%,var(--bg-2));color:var(--fg)}.preset-cool{border-left:2px solid oklch(72% .13 230)}.preset-mid{border-left:2px solid oklch(72% .13 180)}.preset-warm{border-left:2px solid oklch(72% .14 60)}.preset-hot{border-left:2px solid oklch(70% .17 25)}.phase-add{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--bg-2);border:1px solid var(--line);color:var(--fg-1);padding:6px 10px;border-radius:999px;font-size:11.5px}.chip:hover{background:var(--bg-3)}.chip-cool{border-left:2px solid oklch(72% .13 230)}.chip-mid{border-left:2px solid oklch(72% .13 180)}.chip-warm{border-left:2px solid oklch(72% .14 60)}.chip-hot{border-left:2px solid oklch(70% .17 25)}.phase-track{display:flex;min-height:60px;background:var(--bg);border:1px dashed var(--line-2);border-radius:var(--r-sm);padding:4px;gap:4px}.phase-empty{display:grid;place-items:center;flex:1;color:var(--fg-3);font-size:12px}.phase{position:relative;padding:8px 10px;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;min-width:60px}.phase-cool{background:color-mix(in oklch,oklch(72% .13 230) 25%,var(--bg-2))}.phase-mid{background:color-mix(in oklch,oklch(72% .13 180) 25%,var(--bg-2))}.phase-warm{background:color-mix(in oklch,oklch(72% .14 60) 25%,var(--bg-2))}.phase-hot{background:color-mix(in oklch,oklch(70% .17 25) 25%,var(--bg-2))}.phase-name{font-weight:600;font-size:11.5px}.phase-dur{font-size:10.5px;color:var(--fg-2)}.phase-x{position:absolute;top:4px;right:4px;background:transparent;border:0;color:var(--fg-3);width:18px;height:18px;font-size:12px;border-radius:4px}.phase-x:hover{color:var(--red);background:#0000004d}.ip-display{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}.ip-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--fg-3);text-transform:uppercase;font-weight:600}.ip-value{font-size:22px;font-weight:600;color:var(--amber)}.status-line{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg-1)}.hint-box{background:var(--bg);border-left:2px solid var(--accent);padding:10px 12px;border-radius:4px}.hint-title{font-size:12px;font-weight:600;margin-bottom:4px}.hint-body{font-size:11.5px;color:var(--fg-2);line-height:1.5}.log{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;font-size:12px;max-height:200px;overflow:auto}.link-btn{background:transparent;border:0;color:var(--accent);padding:0;font:inherit;cursor:pointer;text-decoration:underline}.empty-hint{padding:14px 16px;background:var(--bg-1);border:1px dashed var(--line-2);border-radius:var(--r-sm);color:var(--fg-2);font-size:13px}.log-row{padding:2px 0;color:var(--fg-1)}.log-row .dim{margin-right:8px}.video-card{padding:0;overflow:hidden}.video-frame{position:relative;aspect-ratio:16/9;max-height:380px;background:#000}.video-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.video-frame svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-drop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;color:var(--fg-2)}.video-drop-icon{font-size:28px;opacity:.5}.video-drop-title{font-size:14px}.video-drop-sub{font-size:11px;color:var(--fg-3)}.video-controls{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-2);border-top:1px solid var(--line)}.vc-btn{background:transparent;border:0;color:var(--fg-1);width:28px;height:28px;border-radius:4px}.vc-btn:hover{background:var(--bg-3);color:var(--fg)}.vc-progress{flex:1;height:4px;background:var(--bg-3);border-radius:2px;cursor:pointer}.vc-progress-fill{height:100%;background:var(--accent);border-radius:2px}.onboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboard-card{width:480px;max-width:92vw;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:20px}.onboard-head{display:flex;justify-content:space-between;align-items:center}.onboard-eyebrow{font-size:10px;letter-spacing:.18em;color:var(--fg-3);text-transform:uppercase;font-weight:600}.onboard-stepper{display:flex;gap:8px}.step{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);font-size:12px;color:var(--fg-2)}.step.active{border-color:var(--accent);color:var(--fg)}.step.done{color:var(--green)}.step-num{width:18px;height:18px;display:grid;place-items:center;background:var(--bg-2);border-radius:50%;font-size:11px;font-weight:600}.step.active .step-num{background:var(--accent);color:#050920}.step.done .step-num{background:color-mix(in oklch,var(--green) 30%,var(--bg-2));color:var(--green)}.onboard-body h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em}.onboard-body p{color:var(--fg-2);font-size:13px;margin:6px 0 16px}.onboard-actions{display:flex;gap:8px;margin-top:16px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-card{background:var(--bg);border:1px solid var(--line);padding:14px;border-radius:var(--r-sm);text-align:left;color:var(--fg);display:flex;flex-direction:column;gap:4px}.mode-card:hover{border-color:var(--line-2)}.mode-card.sel{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 8%,var(--bg))}.mode-title{font-weight:600;font-size:13px}.mode-sub{font-size:11.5px;color:var(--fg-3)}.infotip-wrap{position:relative;display:inline-flex;align-items:center;cursor:help;vertical-align:middle;margin-left:4px}.infotip-icon{color:var(--fg-3);flex-shrink:0;transition:color .12s}.infotip-wrap:hover .infotip-icon{color:var(--accent)}.infotip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:260px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-sm);font-size:11.5px;font-weight:400;color:var(--fg-1);line-height:1.5;z-index:200;box-shadow:0 8px 24px #0006;pointer-events:none}.infotip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--line-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:grid;place-items:center;z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{width:480px;max-width:92vw;max-height:85vh;overflow-y:auto;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:16px}.modal-card.modal-lg{width:680px}.modal-card.modal-xl{width:1000px;max-width:96vw}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--fg-3);text-transform:uppercase;font-weight:600}.modal-title{margin:4px 0 0;font-size:20px;font-weight:600;letter-spacing:-.01em}.field-textarea{resize:vertical;min-height:60px;padding:10px 12px;height:auto;line-height:1.5}.device-catalog-info{display:flex;align-items:center;gap:8px}.device-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.device-catalog-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:900px){.device-catalog-columns{grid-template-columns:repeat(2,1fr)}}.device-cat-col{display:flex;flex-direction:column;gap:8px;min-width:0}.device-cat-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);font-weight:700;padding-bottom:6px;border-bottom:1px solid var(--line)}.device-cat-empty{color:var(--fg-3);font-size:11.5px;font-style:italic;padding:12px;text-align:center;background:var(--bg-2);border-radius:var(--r);border:1px dashed var(--line)}.device-catalog-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer;transition:border-color .12s,background .12s,transform .06s}.device-catalog-card:hover:not(.disabled){border-color:var(--accent);background:color-mix(in oklch,var(--accent) 5%,var(--bg));transform:translateY(-1px)}.device-catalog-card.connected{border-color:var(--green);background:color-mix(in oklch,var(--green) 6%,var(--bg))}.device-catalog-card.disabled{opacity:.5;cursor:default}.dcc-header{display:flex;justify-content:space-between;align-items:flex-start}.dcc-icon{color:var(--fg-2)}.device-catalog-card:hover:not(.disabled) .dcc-icon{color:var(--accent)}.device-catalog-card.connected .dcc-icon{color:var(--green)}.dcc-name{font-size:14px;font-weight:600}.dcc-brand{font-size:11px;color:var(--fg-3)}.dcc-desc{font-size:11.5px;color:var(--fg-2);line-height:1.4}.dcc-footer{display:flex;gap:8px;margin-top:4px}.dcc-type,.dcc-conn{font-size:10px;font-family:var(--font-mono);color:var(--fg-3);background:var(--bg-2);padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.status-title-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px}.status-title-row .status-title{padding:0}.device-add-btn{width:22px;height:22px;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:5px;color:var(--fg-2);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.device-add-btn:hover{background:var(--accent);color:#050920;border-color:var(--accent)}.empty-device-row{display:flex!important;justify-content:center;align-items:center;padding:8px 10px}.device-empty-hint{font-size:11.5px;color:var(--fg-3);white-space:nowrap}.device-count-bar{text-align:center;padding:2px 0 4px}.status-device-block{display:flex;flex-direction:column;gap:2px}.device-source-row{display:flex;align-items:center;gap:6px;padding:0 10px 2px;font-size:10px;color:var(--fg-3)}.device-source-label{flex:0 0 auto}.device-source-select{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-2);color:var(--fg-1);border:1px solid var(--line);border-radius:4px;font-size:10.5px;padding:2px 18px 2px 6px;height:20px;cursor:pointer;outline:none;background-image:linear-gradient(45deg,transparent 50%,var(--fg-3) 50%),linear-gradient(-45deg,transparent 50%,var(--fg-3) 50%);background-position:right 7px top 50%,right 4px top 50%;background-size:3px 3px,3px 3px;background-repeat:no-repeat}.device-source-select:focus{border-color:var(--accent)}.device-scale-row{display:flex;align-items:center;gap:6px;padding:2px 10px 6px;font-size:10px;color:var(--fg-3)}.device-scale-label{flex:0 0 auto}.device-scale-range{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:2px;background:var(--bg-2);cursor:pointer;outline:none}.device-scale-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer;border:0}.device-scale-range::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer;border:0}.device-scale-value{flex:0 0 32px;text-align:right;font-size:10px}.sidebar-bottom{display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid var(--line);margin-top:8px}.sidebar-bottom-btn{display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:8px 10px;color:var(--fg-2);border-radius:var(--r-sm);font-size:12.5px;text-align:left;text-decoration:none;cursor:pointer;transition:background .12s,color .12s}.sidebar-bottom-btn:hover{background:var(--bg-2);color:var(--fg)}.sidebar-bottom-btn svg{color:var(--fg-3)}.sidebar-bottom-btn:hover svg{color:var(--fg-1)}.bug-btn:hover{color:var(--amber)}.bug-btn:hover svg{color:var(--amber)}.sidebar-user{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--line)}.sidebar-user-avatar{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#050920;font-size:11px;font-weight:700;overflow:hidden}.sidebar-user-avatar.img{object-fit:cover;padding:0;background:transparent}.profile-id-row{display:flex;gap:14px;align-items:flex-start}.avatar-editor{display:flex;flex-direction:column;gap:8px;align-items:center}.avatar-preview{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--line);overflow:hidden;color:var(--fg-2);font-size:22px;font-weight:700}.avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}.avatar-preview.empty{background:color-mix(in oklch,var(--accent) 12%,var(--bg-2));color:var(--accent)}.avatar-actions{display:flex;gap:4px}.sidebar-user-email{font-size:11.5px;color:var(--fg-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-tier{font-size:9px;font-weight:700;letter-spacing:.08em;padding:2px 6px;border-radius:999px;background:var(--bg-2);color:var(--fg-3);border:1px solid var(--line-2)}.sidebar-user-tier.pro{background:color-mix(in oklch,var(--accent) 18%,var(--bg-1));color:var(--accent);border-color:color-mix(in oklch,var(--accent) 35%,var(--line-2))}.sidebar-user-signout{background:transparent;border:0;cursor:pointer;padding:4px;border-radius:4px;display:grid;place-items:center;color:var(--fg-3);transition:background .12s,color .12s}.sidebar-user-signout:hover{color:var(--red);background:var(--bg-2)}.sidebar-user-signout svg{width:14px;height:14px}.bug-sent{text-align:center;padding:20px 0;color:var(--fg-1)}.bug-sent p{color:var(--fg-2);font-size:13px;margin:8px 0 16px}.profile-divider{height:1px;background:var(--line);margin:4px 0}.profile-save-row{display:flex;gap:8px}.profile-save-row .field{flex:1}.profile-list{display:flex;flex-direction:column;gap:2px}.profile-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-sm);border-bottom:1px solid var(--line)}.profile-row:last-child{border-bottom:0}.profile-row:hover{background:var(--bg-2)}.profile-row-info{flex:1;display:flex;flex-direction:column;gap:2px}.profile-row-name{font-size:13px;font-weight:500}.remote-landing{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.remote-role-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,transform .08s}.remote-role-card:hover{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 5%,var(--bg-1));transform:translateY(-2px)}.role-icon{color:var(--accent)}.role-title{font-size:18px;font-weight:600;letter-spacing:-.01em}.role-desc{font-size:13px;color:var(--fg-2);line-height:1.5}.room-code-input{width:100%}.room-code-display{font-size:28px;font-weight:700;letter-spacing:.4em;color:var(--accent);margin-left:auto}.remote-session-info{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 20px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);font-size:14px}.remote-session-info .badge{font-size:11px;padding:4px 10px}.remote-session-info .remote-name-edit input{font-size:13.5px}.remote-session-info .ctrl-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-weight:600;font-size:13px}.remote-session-info .ctrl-status[data-state=me]{background:#1d274666;color:var(--accent-1);border:1px solid var(--accent-soft)}.remote-session-info .ctrl-status[data-state=other]{background:var(--bg-2);color:var(--fg-1);border:1px solid var(--line-2)}.remote-session-info .ctrl-status[data-state=none]{background:var(--bg-2);color:var(--fg-3);border:1px solid var(--line)}.remote-session-info .ctrl-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.remote-session-info .ctrl-status[data-state=me] .ctrl-dot{animation:tc-pulse 1.4s ease-in-out infinite}.remote-error{color:var(--red);font-size:13px;padding:8px 12px;background:color-mix(in oklch,var(--red) 10%,var(--bg));border:1px solid color-mix(in oklch,var(--red) 30%,var(--line));border-radius:var(--r-sm)}.remote-warning{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:color-mix(in oklch,var(--amber) 10%,var(--bg));border:1px solid color-mix(in oklch,var(--amber) 30%,var(--line));border-radius:var(--r-sm);font-size:13px;color:var(--amber)}.big-slider-container{text-align:center;padding:10px 0}.big-slider-value{font-size:48px;font-weight:700;color:var(--accent);margin-bottom:12px}.remote-actions{display:flex;flex-wrap:wrap;gap:8px}.quick-speeds{display:flex;gap:6px}.quick-speed{flex:1;background:var(--bg-2);border:1px solid var(--line);color:var(--fg-1);padding:8px;border-radius:var(--r-sm);font-size:13px;font-weight:500;font-family:var(--font-mono)}.quick-speed:hover{background:var(--bg-3);color:var(--fg)}.quick-speed.active{border-color:var(--accent);color:var(--accent);background:color-mix(in oklch,var(--accent) 12%,var(--bg-2))}.pattern-draw{display:flex;flex-direction:column;gap:12px}.draw-canvas{width:100%;height:160px;border:1px solid var(--line);border-radius:var(--r-sm);cursor:crosshair;touch-action:none}.draw-labels{display:flex;flex-direction:column;justify-content:space-between;position:relative;margin-top:-168px;height:160px;padding:4px 0;pointer-events:none}.draw-labels .mono{font-size:9px;padding:0 4px}.receiver-speed-display{display:flex;align-items:center;gap:14px}.receiver-speed-bar{flex:1;height:24px;background:var(--bg-3);border-radius:var(--r-sm);overflow:hidden}.receiver-speed-fill{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in oklch,var(--accent) 70%,var(--amber)));border-radius:var(--r-sm);transition:width .15s linear}.receiver-speed-value{font-size:28px;font-weight:700;color:var(--fg);min-width:50px;text-align:right}.remote-chat{min-height:300px}.chat-messages{flex:1;min-height:200px;max-height:400px;overflow-y:auto;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;display:flex;flex-direction:column;gap:6px}.chat-empty{color:var(--fg-3);font-size:12px;text-align:center;padding:20px}.chat-msg{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.4}.chat-msg.me{justify-content:flex-end}.chat-msg.me .chat-text{background:color-mix(in oklch,var(--accent) 20%,var(--bg-2));padding:4px 10px;border-radius:8px 8px 2px}.chat-msg:not(.me):not(.system) .chat-text{background:var(--bg-2);padding:4px 10px;border-radius:8px 8px 8px 2px}.chat-msg.system{justify-content:center}.chat-msg.system .chat-text{color:var(--fg-3);font-size:11px;font-style:italic}.chat-from{font-weight:600;font-size:11px;color:var(--accent);white-space:nowrap}.chat-time{font-size:10px;color:var(--fg-3);white-space:nowrap}.chat-input-row{display:flex;gap:8px}.chat-field{flex:1}.lobby-empty{color:var(--fg-3);font-size:13px;text-align:center;padding:20px}.lobby-list{display:flex;flex-direction:column;gap:2px}.lobby-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-sm);border-bottom:1px solid var(--line)}.lobby-row:last-child{border-bottom:0}.lobby-row:hover{background:var(--bg-2)}.lobby-name{flex:1;font-size:13px;font-weight:500}@media(max-width:1100px){.grid-2,.grid-3{grid-template-columns:1fr}}@media(max-width:720px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.np-card{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--fg);font-family:var(--font);padding:var(--pad)}.auth-card{width:100%;max-width:380px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:14px}.auth-title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.01em}.auth-subtitle{margin:0 0 4px;color:var(--fg-2);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--fg-1)}.auth-label input{height:var(--row-h);padding:0 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);color:var(--fg);font-family:var(--font);font-size:14px;outline:none;transition:border-color .15s}.auth-label input:focus{border-color:var(--accent)}.auth-btn{height:var(--row-h);border:1px solid var(--line-2);border-radius:var(--r);background:var(--bg-2);color:var(--fg);font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}.auth-btn,.auth-btn:link,.auth-btn:visited{color:var(--fg)}.auth-btn:hover:not(:disabled){background:var(--bg-3)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn.primary{background:var(--accent);border-color:var(--accent);color:#0b0b0b;font-weight:600}.auth-btn.primary:hover:not(:disabled){background:#9cb4ff;background:oklch(78% .16 270)}.auth-link{background:none;border:none;color:var(--fg-2);font-size:13px;cursor:pointer;padding:4px;text-align:center;font-family:var(--font)}.auth-link:hover{color:var(--accent)}.auth-error{background:#491513;border:1px solid oklch(45% .12 25);color:#febab4;padding:10px 12px;border-radius:var(--r);font-size:13px}.auth-notice{background:#0f3118;border:1px solid oklch(45% .1 150);color:#a9ddb2;padding:10px 12px;border-radius:var(--r);font-size:13px}.user-menu{position:fixed;top:12px;right:16px;z-index:100;font-family:var(--font)}.user-menu-pill{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px 0 4px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;color:var(--fg-1);font-size:12px;cursor:pointer;transition:background .15s,border-color .15s}.user-menu-pill:hover{background:var(--bg-3);border-color:var(--line-2)}.user-menu-avatar{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--fg);display:grid;place-items:center;font-weight:600;font-size:11px}.user-menu-email{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-pop{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 24px #0006}.user-menu-pop-email{color:var(--fg-2);font-size:12px;padding:4px 4px 8px;border-bottom:1px solid var(--line);word-break:break-all}.user-menu-signout{height:30px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--fg);font-family:var(--font);font-size:13px;cursor:pointer}.user-menu-signout:hover{background:var(--red);border-color:var(--red);color:#0b0b0b}.user-menu-tier{font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:999px;background:var(--bg-3);color:var(--fg-2)}.user-menu-tier.pro{background:var(--accent-soft);color:var(--fg)}.user-menu-link{display:block;text-align:center;height:30px;line-height:30px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--fg);font-family:var(--font);font-size:13px;text-decoration:none}.user-menu-link:hover{background:var(--bg-3)}.pricing-page{min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font);padding:60px var(--pad) var(--pad)}.pricing-header{max-width:720px;margin:0 auto 32px;text-align:center;position:relative}.pricing-header h1{margin:0 0 8px;font-size:32px;font-weight:700;letter-spacing:-.01em}.pricing-header p{margin:0;color:var(--fg-2);font-size:15px}.pricing-back{position:absolute;top:0;left:0;color:var(--fg-2);text-decoration:none;font-size:13px}.pricing-back:hover{color:var(--accent)}.pricing-grid{max-width:720px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:640px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:16px}.pricing-card.pro{border-color:var(--accent-soft)}.pricing-card.current{border-color:var(--accent)}.pricing-tier{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2)}.pricing-card.pro .pricing-tier{color:var(--accent)}.pricing-amount{font-size:32px;font-weight:700;letter-spacing:-.01em}.pricing-per{font-size:14px;font-weight:500;color:var(--fg-2);margin-left:4px}.pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--fg-1)}.pricing-features li:before{content:"✓ ";color:var(--accent);font-weight:700;margin-right:6px}.pricing-badge{display:inline-block;align-self:flex-start;padding:4px 10px;background:var(--bg-3);border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-2)}.pricing-card.current .pricing-badge{background:var(--accent-soft);color:var(--fg)}.welcome-card{max-width:420px}.auth-divider{display:flex;align-items:center;gap:8px;color:var(--fg-3);font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.auth-hint{font-size:11.5px;color:var(--fg-3);line-height:1.5}.auth-secondary{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:4px}.auth-btn.danger{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}.auth-btn.danger:hover:not(:disabled){background:color-mix(in oklch,var(--red) 90%,white)}.privacy-block{display:flex;flex-direction:column;gap:10px}.privacy-block .privacy-title{font-size:12.5px;font-weight:600;color:var(--fg);letter-spacing:.04em}.privacy-block p{margin:0;font-size:12.5px;line-height:1.55;color:var(--fg-2)}.privacy-block strong{color:var(--fg);font-weight:600}.media-active-banner{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;gap:10px;padding:8px 14px;background:#2f0405;color:#fff;border-bottom:1px solid oklch(35% .18 25);font-size:13px;box-shadow:0 2px 12px #00000080}.media-active-dot{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 color-mix(in oklch,var(--red) 70%,transparent);animation:mediaDotPulse 1.05s ease-in-out infinite}@keyframes mediaDotPulse{0%{transform:scale(1);box-shadow:0 0 color-mix(in oklch,var(--red) 70%,transparent)}60%{transform:scale(1.15);box-shadow:0 0 0 7px color-mix(in oklch,var(--red) 0%,transparent)}to{transform:scale(1);box-shadow:0 0 color-mix(in oklch,var(--red) 0%,transparent)}}.media-active-label{font-weight:600}.media-active-stop{margin-left:auto}.app:has(.media-active-banner){padding-top:40px}.auth-legal-footer{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:11.5px;color:var(--fg-3);line-height:1.55;text-align:center}.auth-legal-footer a{color:var(--fg-2);text-decoration:underline}.auth-legal-footer a:hover{color:var(--accent)}.legal-page{min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font);padding:40px 24px 80px}.legal-doc{max-width:760px;margin:0 auto;line-height:1.65}.legal-header{margin-bottom:28px}.legal-back{display:inline-block;color:var(--fg-2);font-size:13px;text-decoration:none;margin-bottom:16px}.legal-back:hover{color:var(--fg)}.legal-header h1{margin:0;font-size:32px;font-weight:700;letter-spacing:-.02em}.legal-updated{margin-top:8px;font-size:12.5px;color:var(--fg-3)}.legal-disclaimer{padding:14px 16px;background:color-mix(in oklch,var(--amber) 10%,var(--bg-1));border:1px solid color-mix(in oklch,var(--amber) 30%,var(--line));border-radius:var(--r);font-size:13.5px;color:var(--fg-1);margin:0 0 28px}.legal-disclaimer strong{color:var(--fg);font-weight:600}.legal-doc h2{margin:36px 0 12px;font-size:18px;font-weight:600;letter-spacing:-.01em;padding-bottom:6px;border-bottom:1px solid var(--line)}.legal-doc h3{margin:22px 0 6px;font-size:14.5px;font-weight:600;color:var(--fg)}.legal-doc p{margin:10px 0;font-size:14px;color:var(--fg-1)}.legal-doc ul{margin:8px 0 14px;padding-left:22px;font-size:14px;color:var(--fg-1)}.legal-doc li{margin-bottom:6px}.legal-doc a{color:var(--accent)}.legal-doc strong{color:var(--fg);font-weight:600}.legal-doc code{font-family:var(--font-mono);background:var(--bg-2);padding:1px 6px;border-radius:4px;font-size:12.5px;color:var(--fg)}.legal-table{width:100%;border-collapse:collapse;margin:12px 0 20px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.legal-table th,.legal-table td{text-align:left;padding:10px 14px;font-size:13px;border-bottom:1px solid var(--line);vertical-align:top}.legal-table th{color:var(--fg-3);font-weight:600;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;background:var(--bg-2)}.legal-table tr:last-child td{border-bottom:0}.legal-footer{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:var(--fg-2)}.legal-footer a{color:var(--fg-1);text-decoration:none}.legal-footer a:hover{color:var(--accent)}.helper-required-card{width:520px;max-width:92vw}.helper-required-body{font-size:14px;line-height:1.55;color:var(--fg-1);margin:0}.helper-required-list{margin:6px 0 4px;padding-left:20px;font-size:13px;color:var(--fg-2);line-height:1.55}.helper-required-list li{margin-bottom:4px}.helper-required-body strong{color:var(--fg);font-weight:600}.sidebar-bottom-btn.helper-running{cursor:default;color:var(--fg-2)}.sidebar-bottom-btn.helper-running:hover{background:transparent;color:var(--fg-2)}.helper-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px color-mix(in oklch,var(--green) 30%,transparent);margin-right:2px}.sidebar-bottom-btn.helper-download{background:color-mix(in oklch,var(--accent) 10%,transparent);border:1px dashed color-mix(in oklch,var(--accent) 35%,var(--line))}.sidebar-bottom-btn.helper-download:hover{background:color-mix(in oklch,var(--accent) 18%,transparent)}.trial-banner{display:flex;align-items:center;gap:12px;margin:12px 32px 0;padding:8px 14px;background:color-mix(in oklch,var(--amber) 12%,var(--bg-1));border:1px solid color-mix(in oklch,var(--amber) 35%,var(--line));border-radius:var(--r-sm);font-size:12.5px;color:var(--fg)}.trial-banner.expired{background:color-mix(in oklch,var(--red) 15%,var(--bg-1));border-color:color-mix(in oklch,var(--red) 40%,var(--line))}.trial-banner-cta{margin-left:auto;padding:4px 10px;background:var(--accent);color:#050920;border-radius:999px;font-size:11.5px;font-weight:600;text-decoration:none}.trial-banner-cta:hover{background:color-mix(in oklch,var(--accent) 92%,white)}.trial-banner-x{background:none;border:0;color:var(--fg-3);cursor:pointer;font-size:16px;padding:0 4px}.trial-banner.expired .trial-banner-x{display:none}.pro-gate-card{padding:32px;align-items:flex-start;gap:10px}.pro-gate-eyebrow{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);font-weight:700}.pro-gate-title{margin:4px 0 8px;font-size:22px;font-weight:600;letter-spacing:-.01em}.pro-gate-body{font-size:14px;color:var(--fg-2);line-height:1.5;max-width:60ch}.account-grid{max-width:920px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 24px}@media(max-width:720px){.account-grid{grid-template-columns:1fr}}.account-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:12px}.account-eyebrow{font-size:10.5px;letter-spacing:.18em;color:var(--fg-3);text-transform:uppercase;font-weight:600}.account-headline{font-size:24px;font-weight:600;letter-spacing:-.01em}.account-status{font-size:13px;color:var(--fg-2)}.account-status strong{color:var(--fg);font-weight:600}.account-confirm{background:var(--bg-2);padding:12px;border-radius:var(--r);display:flex;flex-direction:column;gap:10px;font-size:12.5px;color:var(--fg-1)}.account-confirm-actions{display:flex;gap:8px}.account-confirm-actions .auth-btn{flex:1;height:32px;font-size:12px}.account-trial{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.account-trial-bar{height:6px;background:var(--bg-2);border-radius:999px;overflow:hidden}.account-trial-fill{height:100%;background:var(--accent);transition:width .3s ease}.account-trial-label{font-size:12px;color:var(--fg-2)}.admin-page{max-width:1100px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:18px;color:var(--fg);font-family:var(--font);min-height:100vh}.admin-header{display:flex;align-items:baseline;justify-content:space-between}.admin-header h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.01em}.admin-back{color:var(--fg-2);font-size:13px;text-decoration:none}.admin-back:hover{color:var(--fg)}.admin-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}.admin-tab{background:transparent;border:0;padding:10px 14px;font-size:13px;color:var(--fg-2);cursor:pointer;border-bottom:2px solid transparent;transition:color .12s,border-color .12s}.admin-tab:hover{color:var(--fg)}.admin-tab.active{color:var(--fg);border-bottom-color:var(--accent)}.admin-body{padding-top:4px}.admin-loading{color:var(--fg-3);font-size:13px;padding:20px 0;text-align:center}.admin-kpi-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.admin-kpi{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}.admin-kpi-label{font-size:10.5px;letter-spacing:.16em;color:var(--fg-3);text-transform:uppercase;font-weight:600}.admin-kpi-value{margin:6px 0 0;font-size:28px;font-weight:700;letter-spacing:-.02em}.admin-kpi-hint{font-size:11.5px;color:var(--fg-3);margin-top:2px}.admin-section{display:flex;flex-direction:column;gap:8px}.admin-section-title{margin:0;font-size:14px;font-weight:600;color:var(--fg)}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r)}.admin-table th,.admin-table td{text-align:left;padding:10px 14px;font-size:12.5px;border-bottom:1px solid var(--line)}.admin-table th{color:var(--fg-3);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.admin-table tr:last-child td{border-bottom:0}.admin-bar{height:6px;background:var(--bg-2);border-radius:999px;overflow:hidden}.admin-bar-fill{height:100%;background:var(--accent)}.admin-link{cursor:pointer;color:var(--accent);font-size:12px}.admin-pre{margin:6px 0 0;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:11px;color:var(--fg-2);white-space:pre-wrap;word-break:break-word;max-height:240px;overflow-y:auto}.admin-recent-names{display:flex;flex-direction:column;gap:2px}.admin-funnel{display:flex;flex-direction:column;gap:8px}.admin-funnel-row{display:grid;grid-template-columns:180px 1fr 64px 48px;align-items:center;gap:12px}.admin-funnel-label{font-size:13px;color:var(--fg-1)}.admin-funnel-track{height:10px;background:var(--bg-2);border-radius:999px;overflow:hidden}.admin-funnel-fill{height:100%;background:var(--accent)}.admin-funnel-num{text-align:right}.admin-funnel-pct{text-align:right;font-size:11.5px}.admin-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.admin-feature-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}.admin-feature-title{font-size:13px;font-weight:600;color:var(--fg);margin-bottom:10px}.admin-feature-grid-inner{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.admin-feature-grid-inner .admin-kpi-value{font-size:18px}.device-tabs{display:flex;gap:6px;padding:14px 32px 0;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:5}.device-tab{display:inline-flex;align-items:center;gap:8px;background:var(--bg-1);color:var(--fg-1);border:1px solid var(--line);border-bottom:0;border-radius:var(--r-sm) var(--r-sm) 0 0;padding:10px 18px;font-size:13.5px;font-weight:500;cursor:pointer;outline:none;margin-bottom:-1px;transition:background .12s,color .12s,border-color .12s,transform .04s}.device-tab:hover{background:var(--bg-2);border-color:color-mix(in oklch,var(--accent) 30%,var(--line))}.device-tab:active{transform:translateY(1px)}.device-tab.active{background:var(--bg-1);color:var(--fg);border-color:var(--line);font-weight:600;box-shadow:0 -2px 0 var(--accent) inset}.device-tab-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px color-mix(in oklch,var(--accent) 25%,transparent)}.device-tab.active .device-tab-dot{background:var(--accent)}.device-tab-label{line-height:1}.tab-source-nav{display:flex;gap:2px;padding:10px 32px 0;border-bottom:1px solid var(--line);background:var(--bg);flex-wrap:wrap}.tab-source-nav-item{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--fg-2);border:0;padding:8px 12px;font-size:12.5px;border-bottom:2px solid transparent;cursor:pointer;outline:none;margin-bottom:-1px;transition:color .12s,border-color .12s,background .12s;border-radius:var(--r-sm) var(--r-sm) 0 0}.tab-source-nav-item:hover{color:var(--fg);background:var(--bg-2)}.tab-source-nav-item.active{color:var(--fg);border-bottom-color:var(--accent);font-weight:600}.tab-source-nav-item svg{width:16px;height:16px}.follow-bar{display:flex;align-items:center;gap:10px;padding:10px 32px;background:var(--bg-1);border-bottom:1px solid var(--line);font-size:12.5px}.follow-bar-label{color:var(--fg-3)}.follow-bar-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-2);color:var(--fg-1);border:1px solid var(--line);border-radius:var(--r-sm);font-size:12.5px;padding:4px 24px 4px 10px;height:26px;cursor:pointer;outline:none;background-image:linear-gradient(45deg,transparent 50%,var(--fg-3) 50%),linear-gradient(-45deg,transparent 50%,var(--fg-3) 50%);background-position:right 9px top 50%,right 6px top 50%;background-size:3px 3px,3px 3px;background-repeat:no-repeat}.follow-bar-select:focus{border-color:var(--accent)}.follow-bar-hint{color:var(--fg-3);font-size:11.5px}.follow-bar-hint strong{color:var(--fg-1);font-weight:600}.follow-bar-spacer{flex:1}.copy-from-menu{position:relative}.copy-from-menu summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.copy-from-menu summary::-webkit-details-marker{display:none}.copy-from-list{position:absolute;right:0;top:calc(100% + 4px);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r);padding:4px;min-width:160px;box-shadow:0 6px 18px #0000004d;z-index:50;display:flex;flex-direction:column;gap:2px}.copy-from-item{background:transparent;border:0;padding:8px 12px;font-size:12.5px;color:var(--fg-1);cursor:pointer;text-align:left;border-radius:var(--r-sm);transition:background .12s}.copy-from-item:hover{background:var(--bg-2)}.source-readonly{position:relative}.source-readonly>*{opacity:.55;pointer-events:none;filter:grayscale(.4)}.trial-badge{display:flex;align-items:center;gap:8px;padding:6px 10px;margin:2px 0;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);font-size:11.5px;text-decoration:none;color:var(--fg-1)}.trial-badge.pro{background:color-mix(in oklch,var(--accent) 12%,var(--bg-2));border-color:color-mix(in oklch,var(--accent) 35%,var(--line))}.trial-badge.expired{background:color-mix(in oklch,var(--red) 12%,var(--bg-2));border-color:color-mix(in oklch,var(--red) 30%,var(--line));cursor:pointer}.trial-badge-pill{font-size:9px;font-weight:700;letter-spacing:.08em;padding:2px 6px;border-radius:999px;background:var(--bg-3);color:var(--fg-3)}.trial-badge.pro .trial-badge-pill{background:var(--accent);color:#050920}.trial-badge.expired .trial-badge-pill{background:var(--red);color:#fff}.trial-badge-text{flex:1}.big-stop-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:12px 14px;background:transparent;color:var(--red);border:1px solid var(--red);border-radius:var(--r);font-size:14px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:background .12s,color .12s,transform .04s}.big-stop-btn:hover{background:color-mix(in oklch,var(--red) 10%,transparent)}.big-stop-btn:active{transform:translateY(1px)}.big-stop-btn svg{color:var(--red)}.saved-patterns{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--line);margin-top:6px}.saved-patterns-input{display:flex;gap:6px}.saved-patterns-input .field{flex:1;height:30px;font-size:12.5px}.saved-patterns-empty{font-size:11.5px;color:var(--fg-3);font-style:italic;padding:4px 0}.saved-pattern-list{display:flex;flex-wrap:wrap;gap:6px}.saved-pattern-chip{display:inline-flex;align-items:stretch;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;overflow:hidden;transition:border-color .12s,background .12s}.saved-pattern-chip:hover{border-color:var(--accent)}.saved-pattern-load{background:transparent;border:0;padding:6px 12px;font-size:12px;color:var(--fg-1);cursor:pointer}.saved-pattern-load:hover{background:var(--bg-3)}.saved-pattern-x{background:transparent;border:0;border-left:1px solid var(--line);width:26px;cursor:pointer;color:var(--fg-3);font-size:16px;line-height:1;transition:color .12s,background .12s}.saved-pattern-x:hover{color:var(--red);background:var(--bg-3)}.splash-card{width:700px;max-width:95vw;padding:32px;display:flex;flex-direction:column;gap:14px}.splash-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:700}.splash-title{margin:0;font-size:36px;font-weight:800;letter-spacing:-.02em}.splash-tagline{margin:0 0 4px;font-size:15px;color:var(--fg-2);line-height:1.5}.splash-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:10px 0}@media(max-width:640px){.splash-grid{grid-template-columns:1fr}}.splash-feature{display:flex;gap:12px;padding:12px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r)}.splash-feature-icon{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;background:color-mix(in oklch,var(--accent) 18%,var(--bg-1));color:var(--accent);border-radius:8px}.splash-feature-body{display:flex;flex-direction:column;gap:2px}.splash-feature-title{font-size:13.5px;font-weight:600;color:var(--fg)}.splash-feature-text{font-size:12px;color:var(--fg-2);line-height:1.45}.splash-trial{margin:4px 0 0;padding:12px 14px;background:color-mix(in oklch,var(--amber) 12%,var(--bg-1));border:1px solid color-mix(in oklch,var(--amber) 30%,var(--line));border-radius:var(--r);font-size:13px;color:var(--fg-1);text-align:center}.splash-trial strong{color:var(--fg)}.splash-actions{display:flex;justify-content:flex-end}.splash-actions .btn{min-width:140px}.tutorial-card{width:520px;max-width:92vw;display:flex;flex-direction:column;gap:14px;padding:28px}.tutorial-eyebrow{font-size:10.5px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;font-weight:700}.tutorial-title{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}.tutorial-body{font-size:14px;line-height:1.55;color:var(--fg-1)}.tutorial-body p{margin:0 0 10px}.tutorial-body p:last-child{margin-bottom:0}.tutorial-body strong{color:var(--fg);font-weight:600}.tutorial-list{margin:0;padding-left:18px;color:var(--fg-1)}.tutorial-list li{margin-bottom:6px;line-height:1.5}.tutorial-dots{display:flex;gap:8px;justify-content:center;margin:6px 0 4px}.tutorial-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-3);cursor:pointer;transition:background .12s,transform .12s}.tutorial-dot.done{background:color-mix(in oklch,var(--accent) 50%,var(--bg-3))}.tutorial-dot.active{background:var(--accent);transform:scale(1.3)}.tutorial-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tutorial-secondary{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--line)}.help-page{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font)}@media(max-width:760px){.help-page{grid-template-columns:1fr}.help-toc{position:static!important;height:auto!important;max-height:none!important;border-right:0;border-bottom:1px solid var(--line)}}.help-toc{position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--line);background:var(--bg-1);padding:22px 16px;display:flex;flex-direction:column;gap:6px}.help-back{font-size:12.5px;color:var(--fg-2);text-decoration:none;padding-bottom:10px}.help-back:hover{color:var(--fg)}.help-toc-title{margin:0;padding:4px 0 10px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);font-weight:700;border-bottom:1px solid var(--line)}.help-toc-nav{display:flex;flex-direction:column;gap:2px;padding-top:6px}.help-toc-link{padding:8px 10px;font-size:13px;color:var(--fg-2);text-decoration:none;border-radius:var(--r-sm);border-left:2px solid transparent;transition:background .12s,color .12s,border-color .12s}.help-toc-link:hover{background:var(--bg-2);color:var(--fg)}.help-toc-link.active{background:var(--bg-2);color:var(--fg);border-left-color:var(--accent)}.help-toc-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.help-main{padding:32px 40px 80px;max-width:820px;display:flex;flex-direction:column;gap:28px}.help-header h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em}.help-header p{margin:6px 0 0;color:var(--fg-2);font-size:14px}.help-section{display:flex;flex-direction:column;gap:8px;scroll-margin-top:24px}.help-section-title{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em;padding-bottom:8px;border-bottom:1px solid var(--line)}.help-section-intro{margin:4px 0 8px;color:var(--fg-2);font-size:13.5px;line-height:1.55}.help-list{margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-1)}.help-item{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line)}.help-item:last-child{border-bottom:0}.help-item-name{margin:0;font-size:13px;font-weight:600;color:var(--fg)}.help-item-body{margin:0;font-size:13px;color:var(--fg-2);line-height:1.55}@media(max-width:720px){.help-item{grid-template-columns:1fr}}.help-footer{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);color:var(--fg-2);font-size:13px}.room-code-chip{display:inline-block;margin-left:12px;padding:4px 10px;font-size:14px;font-weight:600;letter-spacing:.16em;background:color-mix(in oklch,var(--accent) 14%,var(--bg-2));color:var(--accent);border:1px solid color-mix(in oklch,var(--accent) 35%,var(--line));border-radius:var(--r-sm);vertical-align:middle}.remote-name-edit{display:inline-flex;align-items:center;gap:6px;margin-left:12px}.remote-name-edit .field{height:28px;padding:0 8px;font-size:12.5px;width:140px}.remote-room-page{display:flex;flex-direction:column;gap:14px}.remote-room-grid{display:grid;grid-template-columns:1fr 320px;gap:14px;align-items:stretch}@media(max-width:900px){.remote-room-grid{grid-template-columns:1fr}}.video-grid-card{padding:12px}.video-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,320px));justify-content:start}.video-tile{position:relative;aspect-ratio:16 / 10;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;min-height:130px;max-height:200px}.video-tile.controller{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.video-tile video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.video-tile.me video{transform:scaleX(-1)}.video-tile-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(135deg,#0f1528,#080b14)}.video-tile-initials{font-size:36px;font-weight:600;color:var(--fg-2);letter-spacing:.05em}.video-tile-meta{position:absolute;left:0;right:0;bottom:0;padding:6px 10px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(transparent,#0009);color:#fff;font-size:12px}.video-tile-name{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-tile-icons{display:flex;gap:6px;align-items:center;font-size:13px}.video-tile-controller{color:var(--accent);font-size:14px}.remote-side{display:flex;flex-direction:column;gap:14px;min-width:0}.tc-collapse-head{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;padding:0;color:inherit;font-family:var(--font);font-size:inherit;cursor:pointer;text-align:left}.tc-collapse-head:hover .card-title{color:var(--fg)}.tc-collapse-head .card-title{flex:1;min-width:0}.tc-collapse-head svg{margin-left:4px;color:var(--fg-3);transition:transform .14s ease}.tc-collapse-head svg[data-rotated=true]{transform:rotate(-90deg)}.participants-card{padding:12px}.participants-list{display:flex;flex-direction:column;gap:2px}.participant-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-sm);font-size:13px}.participant-row:hover{background:var(--bg-2)}.participant-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participants-actions{padding-top:8px;border-top:1px solid var(--line);margin-top:6px}.remote-chat.compact .chat-messages{max-height:220px}.remote-controller-panel{border:1px solid color-mix(in oklch,var(--accent) 35%,var(--line))}.tc-driving-banner{display:flex;align-items:center;gap:10px;margin:8px 0;padding:10px 14px;background:#401f004d;background:oklch(28% .1 60 / .3);border:1px solid oklch(50% .1 60 / .5);border-radius:10px;font-size:13px;color:var(--fg-1);line-height:1.4}.tc-driving-banner strong{color:var(--fg);font-weight:600}.tc-driving-text{flex:1;min-width:0}.tc-driving-dot{width:9px;height:9px;border-radius:50%;background:#f19a4b;box-shadow:0 0 0 3px #f19a4b2e;flex-shrink:0;animation:tc-driving-pulse 1.4s ease-in-out infinite}@keyframes tc-driving-pulse{0%,to{box-shadow:0 0 0 3px #f19a4b1a}50%{box-shadow:0 0 0 6px #f19a4b4d}}.control-request-toast{position:fixed;right:22px;bottom:100px;width:320px;max-width:calc(100vw - 44px);background:var(--bg-1);border:1px solid var(--accent);border-radius:var(--r-lg);padding:14px 16px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:10px;z-index:200;animation:toastSlide .18s ease-out}@keyframes toastSlide{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes tc-toast-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.control-request-eyebrow{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700}.control-request-body{font-size:13.5px;color:var(--fg-1);line-height:1.5}.control-request-body strong{color:var(--fg);font-weight:600}.control-request-actions{display:flex;gap:8px;justify-content:flex-end}.people-finder{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px 0}@media(max-width:720px){.people-finder{grid-template-columns:1fr}}.people-col{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;gap:4px}.people-col-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-weight:600;padding-bottom:6px;border-bottom:1px solid var(--line);margin-bottom:4px}.seg{display:inline-flex;gap:4px;background:var(--bg-2);border-radius:var(--r-sm);padding:3px}.seg-btn{background:transparent;border:0;color:var(--fg-2);padding:6px 12px;font-size:12.5px;cursor:pointer;border-radius:4px;transition:background .12s,color .12s}.seg-btn:hover{color:var(--fg)}.seg-btn.on{background:var(--accent);color:#050920;font-weight:600;box-shadow:0 0 0 1px var(--accent-soft),0 0 14px -4px #829eff8c;box-shadow:0 0 0 1px var(--accent-soft),0 0 14px -4px oklch(72% .16 270 / .55)}.seg-btn.on:hover{color:#010114;background:var(--accent-1)}.seg-btn.small{padding:4px 10px;font-size:11.5px}.tc-app{display:grid;grid-template-columns:256px 1fr;width:100vw;height:100vh;overflow:hidden}.tc-sidebar{display:grid;grid-template-rows:auto auto 1fr auto auto auto;border-right:1px solid var(--line);background:var(--bg);min-height:0}.tc-brand{display:flex;align-items:center;gap:12px;padding:18px var(--pad)}.tc-brand-mark{width:44px;height:44px;border-radius:11px;background:linear-gradient(160deg,#21283d,#12161f);border:1px solid var(--line-2);color:var(--accent-1);display:grid;place-items:center;position:relative;transition:box-shadow .25s ease,border-color .25s ease}.tc-brand-mark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(60% 80% at 50% 0%,oklch(80% .16 270 / .18),transparent 70%);pointer-events:none}.tc-app[data-armed=true] .tc-brand-mark{border-color:var(--accent);box-shadow:var(--armed-glow-strong)}.tc-brand-name{font-weight:700;font-size:19px;letter-spacing:-.01em}.tc-brand-emoji{font-size:26px;line-height:1;filter:saturate(1.05)}.tc-side-section{padding:0 var(--pad);min-height:0;overflow-y:auto}.tc-side-section-head{display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px}.tc-side-section-title{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-3)}.tc-icon-btn{width:22px;height:22px;border-radius:6px;border:1px solid var(--line-2);background:var(--bg-1);color:var(--fg-2);display:inline-grid;place-items:center;cursor:pointer;transition:all .12s ease}.tc-icon-btn:hover{color:var(--fg);border-color:var(--line-3);background:var(--bg-2)}.tc-devices{display:flex;flex-direction:column;gap:6px;padding-bottom:6px;min-width:0}.tc-device-row{border:1px solid var(--line);border-radius:var(--r);background:var(--bg-1);padding:14px 14px 12px;cursor:pointer;position:relative;transition:all .14s ease;display:flex;flex-direction:column;gap:4px;min-width:0;box-sizing:border-box;max-width:100%}.tc-device-row:hover{background:var(--bg-2);border-color:var(--line-2)}.tc-device-row[data-active=true]{border-color:var(--accent);background:#13192d80;box-shadow:0 0 0 1px var(--accent-soft),0 0 18px -6px #829eff73;box-shadow:0 0 0 1px var(--accent-soft),0 0 18px -6px oklch(72% .16 270 / .45);border-right-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.tc-device-row[data-active=true]:after{content:"";position:absolute;top:-1px;bottom:-1px;right:-1px;width:3px;background:linear-gradient(180deg,var(--accent-soft),var(--accent),var(--accent-soft));border-radius:1px;box-shadow:0 0 12px -2px #829eff8c;box-shadow:0 0 12px -2px oklch(72% .16 270 / .55);pointer-events:none}.tc-device-row[data-armed=true]{border-color:var(--accent-soft);box-shadow:var(--armed-glow)}.tc-device-row[data-active=true][data-armed=true]{box-shadow:var(--armed-glow-strong)}.tc-device-row[data-expanded=true]{background:var(--bg-2);border-color:var(--line-2)}.tc-device-row[data-active=true][data-expanded=true]{background:#13192d80}.tc-device-row[data-follower=true]{border-color:#00515cb3;border-color:oklch(40% .1 210 / .7);background:#07191c73}.tc-follower-banner{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:10px;padding:9px 12px;background:#002f3666;background:oklch(28% .06 210 / .4);border:1px solid oklch(50% .1 210);border-radius:8px;font-size:11.5px;color:#6dd6e8;line-height:1.4}.tc-follower-text{width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-follower-banner strong{font-weight:600;color:var(--fg)}.tc-disconnect-link{background:none;border:none;padding:2px 6px;margin-left:auto;color:var(--fg-4);font-size:9.5px;letter-spacing:.08em;cursor:pointer;border-radius:4px;transition:color .12s ease,background .12s ease}.tc-disconnect-link:hover{color:var(--red);background:#49151340}.tc-device-row-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.tc-row-chev{margin-left:auto;background:none;border:none;color:var(--fg-3);cursor:pointer;padding:2px 4px;border-radius:4px;display:grid;place-items:center;transition:transform .14s ease,color .12s ease}.tc-row-chev:hover{color:var(--fg-1);background:var(--bg-3)}.tc-row-chev[data-open=true]{transform:rotate(180deg);color:var(--fg-1)}.tc-dot{width:8px;height:8px;border-radius:50%;background:var(--fg-4);flex-shrink:0;position:relative}.tc-dot[data-state=connected],.tc-dot[data-state=armed],.tc-dot[data-state=follower]{background:var(--green)}.tc-dot[data-state=armed]{box-shadow:0 0 0 3px #5ac5762e;animation:tc-pulse 1.4s ease-in-out infinite}@keyframes tc-pulse{0%,to{box-shadow:0 0 0 3px #5ac5761f}50%{box-shadow:0 0 0 6px #5ac57647}}.tc-device-name{font-weight:500;font-size:13px;color:var(--fg);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-device-model{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);padding:2px 5px;border-radius:4px;background:var(--bg-3);white-space:nowrap;flex-shrink:0}.tc-intensity-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.tc-intensity-label{font-size:11px;color:var(--fg-3)}.tc-intensity-pct{font-family:var(--mono);font-size:10.5px;color:var(--fg-2)}.tc-minislider{height:4px;background:var(--bg-3);border-radius:2px;position:relative;margin-top:2px;cursor:pointer}.tc-minislider-fill{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:2px}.tc-minislider-thumb{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:var(--fg);border:2px solid var(--accent);transform:translate(-50%,-50%)}.tc-gauge{height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden;margin-top:4px;position:relative}.tc-gauge-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent-soft),var(--accent));transition:width .15s linear}.tc-device-row[data-armed=true] .tc-gauge-fill{background:linear-gradient(90deg,var(--accent),var(--accent-1));box-shadow:0 0 8px #829eff99;box-shadow:0 0 8px oklch(72% .16 270 / .6)}.tc-device-row-foot{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:10.5px;color:var(--fg-3);white-space:nowrap;overflow:hidden}.tc-source-badge{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.tc-source-badge .tc-src-dot{width:5px;height:5px;border-radius:50%;background:var(--fg-3)}.tc-device-row[data-armed=true] .tc-src-dot{background:var(--accent)}.tc-device-settings{position:relative;margin:12px 0 0;padding:12px 14px;border-radius:8px;background:var(--bg);border:1px solid var(--line);overflow:hidden;min-width:0;box-sizing:border-box;max-width:100%}.tc-device-settings input[type=range]{width:100%;max-width:100%;min-width:0;display:block}.tc-device-settings .slider-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.tc-device-settings .slider-label{flex:1;min-width:0}.tc-device-settings .slider-value{flex:0 0 auto;text-align:right}.tc-device-settings .slider,.tc-device-settings .range-slider{margin:0 9px;width:calc(100% - 18px);max-width:calc(100% - 18px);min-width:0;box-sizing:border-box}.tc-device-settings input[type=range]{margin:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.tc-device-settings-head{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin-bottom:10px}.tc-bias-pad{border:1px solid var(--line-2);border-radius:8px;background:var(--bg-2);padding:6px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tc-bias-pad button{background:none;border:none;cursor:pointer;color:var(--fg-2);font-family:var(--font);font-size:11px;display:inline-flex;align-items:center;gap:4px}.tc-bias-pad button:hover{color:var(--fg)}.tc-empty-devices{border:1px dashed var(--line-2);border-radius:var(--r);padding:14px;background:var(--bg-1);display:flex;flex-direction:column;gap:12px}.tc-empty-head{font-size:12.5px;color:var(--fg-1);line-height:1.4}.tc-empty-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tc-empty-card{border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:9px 10px;cursor:pointer;transition:all .12s ease}.tc-empty-card:hover{border-color:var(--accent-soft);background:var(--bg-2)}.tc-empty-card-label{font-size:11.5px;color:var(--fg);font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:6px}.tc-empty-card-sub{font-family:var(--mono);font-size:9.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.tc-empty-cta{background:var(--accent);color:var(--accent-ink);border:none;border-radius:8px;padding:8px 12px;font-weight:600;font-size:12px;cursor:pointer;font-family:var(--font)}.tc-empty-cta:hover{background:var(--accent-1)}.tc-side-divider{height:1px;background:var(--line);margin:12px var(--pad)}.tc-account-pill{display:flex;align-items:center;gap:10px;padding:10px var(--pad);cursor:pointer;transition:background .12s ease}.tc-account-pill:hover{background:var(--bg-1)}.tc-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent-1);display:grid;place-items:center;font-size:12px;font-weight:600}.tc-account-text{flex:1;font-size:12.5px;color:var(--fg-1)}.tc-account-tier{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;padding:3px 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent-1)}.tc-account-tier[data-tier=trial]{background:var(--amber-soft);color:var(--amber)}.tc-account-tier[data-tier=free]{background:var(--bg-3);color:var(--fg-2)}.tc-signout-btn{background:none;border:1px solid transparent;color:var(--fg-3);cursor:pointer;padding:4px 6px;border-radius:6px;display:grid;place-items:center}.tc-signout-btn:hover{background:var(--bg-1);color:var(--fg-1)}.tc-trial-row{margin:0 var(--pad) 10px;padding:8px 10px;border-radius:8px;background:var(--bg-1);border:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}.tc-trial-label{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-3)}.tc-trial-time{font-family:var(--mono);font-size:11px;color:var(--fg);white-space:nowrap}.tc-trial-bar{grid-column:1 / -1;height:3px;background:var(--bg-3);border-radius:2px;overflow:hidden;margin-top:4px}.tc-trial-bar-fill{height:100%;background:var(--amber);border-radius:2px}.tc-nav-list{display:flex;flex-direction:column;padding:6px var(--pad) 12px;gap:1px}.tc-nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;color:var(--fg-2);font-size:12.5px;cursor:pointer;border:none;background:none;font-family:var(--font);width:100%;text-align:left}.tc-nav-item:hover{background:var(--bg-1);color:var(--fg)}.tc-nav-item[data-active=true]{background:var(--bg-2);color:var(--fg)}.tc-nav-item svg{width:14px;height:14px;flex-shrink:0}.tc-nav-footer{display:flex;align-items:center;gap:6px;padding:8px 10px 0;color:var(--fg-4);font-size:10.5px;white-space:nowrap}.tc-nav-foot-item{background:none;border:none;color:var(--fg-3);cursor:pointer;font-family:var(--font);padding:4px 0;font-size:11px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.tc-nav-foot-item:hover{color:var(--fg-1)}.tc-nav-foot-sep{color:var(--fg-4)}.tc-helper-chip{margin:0 var(--pad) 10px;padding:6px 10px;border-radius:7px;background:transparent;border:1px solid transparent;display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--fg-2);cursor:pointer}.tc-helper-chip[data-state=running]{color:var(--fg-2)}.tc-helper-chip[data-state=missing]{border-color:var(--line);background:var(--bg-1);color:var(--fg-1)}.tc-helper-chip:hover{background:var(--bg-1)}.tc-stop-btn{margin:0 var(--pad) 16px;border:1px solid var(--red-soft);background:linear-gradient(180deg,#4f1a188c,#310d0c8c);color:var(--red);font-weight:700;font-size:13px;letter-spacing:.04em;padding:12px;border-radius:10px;cursor:pointer;font-family:var(--font);display:flex;align-items:center;justify-content:center;gap:8px;transition:all .14s ease}.tc-stop-btn:hover{background:#751f1f99;color:#ffaba3;color:oklch(82% .18 25)}.tc-stop-square{width:9px;height:9px;background:currentColor;border-radius:2px}.tc-main{display:grid;grid-template-rows:auto auto 1fr auto;min-height:0;background:var(--bg)}.tc-devicetabs{display:flex;gap:8px;padding:14px var(--pad) 0;border-bottom:1px solid var(--line);align-items:flex-end;position:relative}.tc-devicetab{border:1px solid var(--line);border-bottom:none;background:var(--bg-1);border-radius:10px 10px 0 0;padding:10px 14px 11px;cursor:pointer;display:flex;align-items:center;gap:10px;min-width:240px;position:relative;transition:all .14s ease;margin-bottom:-1px;white-space:nowrap;font-family:var(--font);color:var(--fg)}.tc-devicetab:hover{background:var(--bg-2)}.tc-devicetab[data-active=true]{background:var(--bg);border-color:var(--line-2);z-index:1}.tc-devicetab[data-active=true]:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px}.tc-devicetab[data-armed=true]{border-color:var(--accent-soft)}.tc-devicetab[data-armed=true][data-active=true]{box-shadow:0 -4px 24px -8px #829eff80;box-shadow:0 -4px 24px -8px oklch(72% .16 270 / .5)}.tc-devicetab-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tc-devicetab-top{display:flex;align-items:center;gap:8px}.tc-devicetab-name{font-weight:600;font-size:13px;color:var(--fg)}.tc-devicetab-foot{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);display:flex;align-items:center;gap:6px}.tc-devicetab-foot .tc-out{color:var(--fg-2)}.tc-devicetab[data-armed=true] .tc-devicetab-foot .tc-out{color:var(--accent-1)}.tc-devicetab[data-mode=follower] .tc-devicetab-foot:before{content:"↳";color:var(--accent-1);margin-right:2px}.tc-addtab{width:36px;display:grid;place-items:center;color:var(--fg-3)}.tc-addtab:hover{color:var(--fg-1)}.tc-subhead{display:flex;align-items:center;gap:18px;padding:14px var(--pad);border-bottom:1px solid var(--line)}.tc-device-block{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding-right:18px;border-right:1px solid var(--line);flex-shrink:0}.tc-device-name-large{font-weight:700;font-size:22px;letter-spacing:-.01em;color:var(--fg);line-height:1.1}.tc-follow-row{display:flex;align-items:center;gap:8px}.tc-follow-label{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3)}.tc-select{background:var(--bg-1);border:1px solid var(--line-2);border-radius:8px;padding:6px 10px;color:var(--fg);font-size:12.5px;cursor:pointer;font-family:var(--font);display:inline-flex;align-items:center;gap:6px}.tc-select:hover{background:var(--bg-2)}.tc-select svg{width:12px;height:12px;color:var(--fg-3)}.tc-sourcenav{display:flex;gap:4px;align-items:center;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:4px;justify-content:flex-end}.tc-sourcetab{background:none;border:none;padding:10px 16px;border-radius:7px;display:inline-flex;align-items:center;gap:8px;color:var(--fg-2);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font);position:relative;transition:all .14s ease;white-space:nowrap}.tc-sourcetab svg{width:15px;height:15px}.tc-sourcenav-lg{gap:6px;padding:6px;border-radius:12px;justify-content:flex-start;flex-shrink:0}.tc-sourcenav-lg .tc-sourcetab{padding:12px 20px;border-radius:9px;font-size:15px;font-weight:600;gap:10px}.tc-sourcenav-lg .tc-sourcetab svg{width:17px;height:17px}.tc-sourcetab:hover{color:var(--fg);background:var(--bg-2)}.tc-sourcetab[data-active=true]{color:var(--fg);background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line-2)}.tc-sourcetab[data-running=true]{color:var(--accent-1);background:#1d274659;box-shadow:inset 0 0 0 1px var(--accent-soft)}.tc-sourcetab[data-running=true]:after{content:"";position:absolute;top:8px;right:8px;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #829eff2e;box-shadow:0 0 0 3px oklch(72% .16 270 / .18)}.tc-sourcetab[data-locked=true]:before{content:"PRO";font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;padding:2px 4px;border-radius:3px;background:var(--accent-soft);color:var(--accent-1);margin-right:4px}.tc-copy-from{margin-left:auto;background:none;border:1px solid var(--line);color:var(--fg-2);border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer;font-family:var(--font);display:inline-flex;align-items:center;gap:6px}.tc-copy-from:hover{color:var(--fg);border-color:var(--line-2)}.tc-panel-body{overflow:auto;padding:28px var(--pad) 28px;min-height:0}.tc-panel-eyebrow{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-3);margin-bottom:4px;white-space:nowrap}.tc-panel-title{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:0 0 22px;color:var(--fg)}.tc-dock{border-top:1px solid var(--line);background:var(--bg-1);padding:12px var(--pad);position:relative;transition:box-shadow .25s ease}.tc-app[data-armed=true] .tc-dock{background:linear-gradient(180deg,oklch(20% .018 270),var(--bg-1) 60%);border-top-color:var(--accent-soft)}.tc-dock:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--accent);opacity:0;transition:opacity .25s ease}.tc-app[data-armed=true][data-armed-intensity=confident] .tc-dock:before{opacity:1}.tc-app[data-armed=true][data-armed-intensity=confident] .tc-dock{box-shadow:0 -16px 60px -20px #829eff73;box-shadow:0 -16px 60px -20px oklch(72% .16 270 / .45)}.tc-dock-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,360px) auto;align-items:center;gap:18px}.tc-dock-scope{min-width:0;display:flex;flex-direction:column;gap:2px}.tc-dock-scope-eyebrow{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-family:var(--mono)}.tc-dock-scope-line{display:flex;gap:8px;flex-wrap:wrap}.tc-dock-scope-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--fg-1);padding:4px 10px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);white-space:nowrap}.tc-dock-scope-chip[data-armed=true]{border-color:var(--accent-soft);background:#1d274659;color:var(--fg)}.tc-dock-meter{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.tc-intensity-bar{height:12px;background:var(--bg-3);border-radius:6px;overflow:hidden;position:relative}.tc-intensity-bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--accent-soft),var(--accent));transition:width .25s ease}.tc-app[data-armed=true][data-armed-intensity=confident] .tc-intensity-bar-fill{background:linear-gradient(90deg,var(--accent),var(--accent-1));box-shadow:0 0 12px #829eff99;box-shadow:0 0 12px oklch(72% .16 270 / .6)}.tc-intensity-value{font-family:var(--mono);font-size:15px;color:var(--fg);min-width:28px;text-align:right}.tc-dock-arrow{width:28px;height:28px;border:1px solid var(--line-2);border-radius:7px;background:var(--bg-2);display:grid;place-items:center;cursor:pointer;color:var(--fg-2)}.tc-btn{border:1px solid var(--line-2);background:var(--bg-2);color:var(--fg);border-radius:8px;padding:9px 14px;font-size:12.5px;font-weight:500;font-family:var(--font);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .12s ease;white-space:nowrap}.tc-btn:hover{background:var(--bg-3)}.tc-btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}.tc-btn.primary:hover{background:var(--accent-1)}.tc-btn.ghost{background:none;border-color:transparent;color:var(--fg-2)}.tc-btn.ghost:hover{color:var(--fg);background:var(--bg-1)}.tc-btn.full{width:100%}.tc-step-rail{display:flex;gap:10px;margin:0 0 22px;align-items:stretch}.tc-step{flex:1;display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;position:relative}.tc-step[data-state=done]{border-color:var(--green-soft);background:#121e1480}.tc-step[data-state=active]{border-color:var(--accent);background:#13192d73}.tc-step-n{font-family:var(--mono);font-size:10.5px;color:var(--fg-3);letter-spacing:.1em}.tc-step[data-state=done] .tc-step-n{color:var(--green)}.tc-step[data-state=active] .tc-step-n{color:var(--accent-1)}.tc-step-t{font-size:12.5px;color:var(--fg)}.tc-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f5;display:grid;place-items:center;z-index:2100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body:has(.tc-modal-scrim) .main,body:has(.modal-overlay) .main,body:has(.tc-modal-scrim) .device-bar,body:has(.modal-overlay) .device-bar,body:has(.tc-modal-scrim) .tc-dock,body:has(.modal-overlay) .tc-dock{visibility:hidden}body:has(.tc-modal-scrim) .video-card,body:has(.modal-overlay) .video-card,body:has(.tc-modal-scrim) .slider,body:has(.modal-overlay) .slider,body:has(.tc-modal-scrim) .range-slider,body:has(.modal-overlay) .range-slider,body:has(.tc-modal-scrim) input[type=range],body:has(.modal-overlay) input[type=range]{visibility:hidden}.tc-modal{background:var(--bg-1);border:1px solid var(--line-2);border-radius:var(--r-xl);padding:28px 30px;width:min(960px,92vw);max-height:88vh;overflow:auto}.tc-modal-eyebrow{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-3)}.tc-modal-title{font-size:22px;font-weight:600;margin:4px 0 6px;letter-spacing:-.01em}.tc-modal-sub{color:var(--fg-2);font-size:13px;margin-bottom:22px}.tc-modal-head{display:flex;justify-content:space-between;align-items:flex-start}.tc-modal-close{background:none;border:none;color:var(--fg-2);cursor:pointer;font-size:13px;font-family:var(--font);padding:4px 8px}.tc-modal-close:hover{color:var(--fg)}.tc-dp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:1080px){.tc-dp-grid{grid-template-columns:1fr 1fr}}.tc-dp-group{display:flex;flex-direction:column;gap:8px}.tc-dp-group-title{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}.tc-dp-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--bg);cursor:pointer;position:relative;transition:all .14s ease}.tc-dp-card:hover{border-color:var(--accent-soft);background:var(--bg-2)}.tc-dp-card[data-status=planned]{opacity:.6;cursor:default}.tc-dp-card[data-status=soon]{opacity:.85;cursor:default}.tc-dp-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tc-dp-icon{width:22px;height:22px;border:1px solid var(--line-2);border-radius:5px;display:grid;place-items:center;color:var(--fg-2)}.tc-dp-status{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;padding:2px 6px;border-radius:4px;border:1px solid;white-space:nowrap}.tc-dp-status[data-s=ready]{color:var(--green);border-color:var(--green-soft)}.tc-dp-status[data-s=beta]{color:var(--amber);border-color:var(--amber-soft)}.tc-dp-status[data-s=planned]{color:var(--fg-2);border-color:var(--line-2)}.tc-dp-status[data-s=soon]{color:var(--amber);border-color:var(--amber-soft)}.tc-dp-card[data-status=beta]{opacity:1}@media(max-width:1280px){.tc-dp-grid{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:940px){.tc-dp-grid{grid-template-columns:repeat(2,1fr)!important}}.tc-dp-name{font-size:14px;font-weight:600;color:var(--fg)}.tc-dp-vendor{font-size:11.5px;color:var(--fg-3);margin-bottom:8px}.tc-dp-desc{font-size:12px;color:var(--fg-2);line-height:1.45;margin-bottom:10px}.tc-dp-tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;color:var(--fg-3);padding:3px 7px;border-radius:4px;background:var(--bg-3);display:inline-block}.tc-spark path{stroke:var(--accent-1);stroke-width:1.4;fill:none}.tc-spark[data-flat=true] path{stroke:var(--fg-3)}.tc-row{display:flex;align-items:center;gap:10px}.tc-row.spread{justify-content:space-between}.tc-muted{color:var(--fg-3)}.tc-dim{color:var(--fg-2)}details[open] .sync-toggle svg{transform:rotate(180deg)}.sync-toggle svg{transition:transform .15s ease}.sync-toggle{cursor:pointer}.ph-tease{--ph: oklch(70% .14 320)}.ph-warm{--ph: oklch(74% .13 200)}.ph-ride{--ph: oklch(72% .14 160)}.ph-edge{--ph: oklch(78% .14 70)}.ph-climax{--ph: oklch(72% .18 25)}