:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070908;--bg-elevated:#0c100d;--panel:#111512;--panel-raised:#171c18;--panel-hover:#1b221c;--line:#283029;--line-strong:#354038;--text:#f2f6f1;--muted:#9ca79d;--muted-soft:#6f7a71;--accent:#b8f36b;--accent-soft:#b8f36b1f;--accent-glow:#b8f36b2e;--accent-ink:#10170a;--danger:#ff796e;--danger-soft:#ff796e1a;--warn:#f5c451;--warn-soft:#f5c4511f;--radius-sm:.55rem;--radius:.85rem;--radius-lg:1.15rem;--shadow-panel:0 1px 0 #ffffff08 inset, 0 18px 40px #00000047;--font-sans:"Inter", "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Cascadia Code", "JetBrains Mono", Menlo, monospace;font-family:var(--font-sans);font-feature-settings:"ss01" on, "cv11" on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(ellipse 70% 50% at 12% -8%, #b8f36b1c, transparent 52%), radial-gradient(ellipse 45% 40% at 92% 8%, #5a8c641a, transparent 48%), radial-gradient(ellipse 50% 35% at 50% 100%, #b8f36b0a, transparent 55%), var(--bg);color:var(--text);margin:0;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer;border:0;transition:background .15s,border-color .15s,color .15s,transform .12s,opacity .15s,box-shadow .15s}button:disabled{cursor:not-allowed;opacity:.45}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}code{font-family:var(--font-mono);font-size:.92em}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;max-width:16ch;margin-bottom:1rem;font-size:clamp(2.75rem,7vw,5.5rem);font-weight:700;line-height:.95}h2{letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.15rem}.eyebrow{color:var(--accent);font:600 .72rem/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.45rem;margin:0 0 .85rem;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:.45rem;height:.45rem;box-shadow:0 0 0 .2rem var(--accent-soft);border-radius:50%}.lede{max-width:40rem;color:var(--muted);margin-bottom:1.75rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.primary,.secondary,.danger,.ghost{border-radius:var(--radius-sm);letter-spacing:-.01em;white-space:nowrap;justify-content:center;align-items:center;gap:.45rem;min-height:2.75rem;padding:.65rem 1.05rem;font-weight:600;display:inline-flex}.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 1px #b8f36b40,0 8px 24px #b8f36b1f}.primary:not(:disabled):hover{background:#c6f784;box-shadow:0 0 0 1px #b8f36b59,0 10px 28px #b8f36b29}.secondary{border:1px solid var(--line);background:var(--panel);color:var(--text)}.secondary:not(:disabled):hover{border-color:var(--line-strong);background:var(--panel-hover)}.danger{background:var(--danger-soft);color:var(--danger);border:1px solid #ff796e66}.danger:not(:disabled):hover{background:#ff796e29;border-color:#ff796e99}.ghost{color:var(--muted);background:0 0}.ghost:not(:disabled):hover{color:var(--text);background:#ffffff0a}.inline-error{border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);border:1px solid #ff796e66;margin:0 0 1.25rem;padding:.85rem 1rem}.brand{letter-spacing:-.04em;align-items:center;gap:.65rem;font-weight:700;display:inline-flex}.brand-mark{background:linear-gradient(145deg, #b8f36b38, #b8f36b0f), var(--panel);width:1.85rem;height:1.85rem;color:var(--accent);font:700 .78rem/1 var(--font-mono);letter-spacing:-.06em;border:1px solid #b8f36b47;border-radius:.5rem;place-items:center;display:grid;box-shadow:0 0 20px #b8f36b14}.brand-word{font-size:1.05rem}.centered,.configuration-error{align-content:center;justify-items:start;max-width:64rem;min-height:100vh;margin:auto;padding:3rem;display:grid}.configuration-error{color:var(--danger)}.landing{width:min(100% - 2rem,72rem);margin:0 auto;padding:1.5rem 0 4rem}.landing-nav{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:4rem;padding:.35rem 0;display:flex}.landing-nav-meta{color:var(--muted-soft);font:500 .78rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.landing-hero{gap:2.5rem;margin-bottom:4rem;padding:2.5rem 0 1rem;display:grid}@media (min-width:900px){.landing-hero{grid-template-columns:1.15fr .85fr;align-items:end;gap:3rem}}.landing-hero-copy h1{max-width:12ch}.landing-cta{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.25rem;display:flex}.landing-cta-note{color:var(--muted-soft);margin:0;font-size:.88rem}.landing-preview{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg, #b8f36b0f, transparent 42%), linear-gradient(145deg, var(--panel-raised), var(--panel));box-shadow:var(--shadow-panel);min-height:18rem;position:relative;overflow:hidden}.landing-preview:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000,#0000);mask-image:radial-gradient(80% 70% at 50% 40%,#000,#0000)}.preview-chrome{border-bottom:1px solid var(--line);background:#00000047;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex;position:relative}.preview-dots{gap:.35rem;display:flex}.preview-dots span{background:var(--line-strong);border-radius:50%;width:.55rem;height:.55rem}.preview-dots span:first-child{background:#ff796eb3}.preview-dots span:nth-child(2){background:#f5c451b3}.preview-dots span:nth-child(3){background:#b8f36bb3}.preview-chrome-label{color:var(--muted);font:500 .72rem/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.preview-body{gap:.75rem;padding:1rem;display:grid;position:relative}.preview-device{border:1px solid var(--line);border-radius:var(--radius);background:#00000038;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .95rem;display:flex}.preview-device strong{letter-spacing:-.02em;font-size:.95rem;display:block}.preview-device span{color:var(--muted);font-size:.8rem}.preview-status{background:var(--accent-soft);color:var(--accent);font:600 .68rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.4rem;padding:.28rem .6rem;display:inline-flex}.preview-status:before{content:"";width:.4rem;height:.4rem;box-shadow:0 0 0 .18rem var(--accent-soft);background:currentColor;border-radius:50%}.preview-status.offline{color:var(--muted);background:#9ca79d1f}.preview-status.offline:before{box-shadow:0 0 0 .18rem #9ca79d1f}.preview-metrics{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.preview-metric{border:1px solid var(--line);border-radius:var(--radius-sm);background:#0000002e;padding:.65rem .7rem}.preview-metric small{color:var(--muted-soft);font:500 .65rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;display:block}.preview-metric strong{letter-spacing:-.03em;margin-top:.35rem;font-size:.95rem;display:block}.landing-features{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.9rem;margin-bottom:2.5rem;display:grid}.feature-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg, var(--panel-raised), var(--panel));padding:1.15rem 1.2rem 1.25rem;box-shadow:inset 0 1px #ffffff05}.feature-card h2{margin:0 0 .45rem;font-size:1rem}.feature-card p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.feature-icon{background:var(--accent-soft);width:2rem;height:2rem;color:var(--accent);font:700 .85rem/1 var(--font-mono);border:1px solid #b8f36b38;border-radius:.55rem;place-items:center;margin-bottom:.9rem;display:grid}.landing-install{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg, #b8f36b0d, transparent 40%), var(--panel);box-shadow:var(--shadow-panel);gap:1rem;padding:1.35rem 1.4rem;display:grid}@media (min-width:760px){.landing-install{grid-template-columns:1fr auto;align-items:center}}.landing-install h2{margin:0 0 .35rem}.landing-install p{color:var(--muted);margin:0;font-size:.92rem}.install-commands{gap:.55rem;min-width:min(100%,24rem);display:grid}.install-command{border:1px solid var(--line);border-radius:var(--radius-sm);background:#00000047;align-items:center;gap:.65rem;padding:.55rem .7rem;display:flex;overflow:hidden}.install-command code{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;overflow:hidden}.install-command .ghost{min-height:2rem;padding:.3rem .55rem;font-size:.75rem;font-weight:600}.landing-footer{border-top:1px solid var(--line);color:var(--muted-soft);margin-top:3rem;padding-top:1.25rem;font-size:.85rem}.auth-loading{place-content:center;justify-items:start;width:min(100% - 2rem,42rem);min-height:100vh;margin:auto;padding:2rem 0;display:grid}.auth-loading h1,.centered h1{max-width:14ch}.shell{width:min(100% - 2rem,84rem);margin:auto;padding:2rem 0 3.5rem}.topbar,.actions,.device-heading,.pairing-card{align-items:center;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.topbar-brand{gap:.85rem;display:grid}.topbar h1{letter-spacing:-.045em;max-width:none;margin:0;font-size:clamp(2rem,4vw,2.75rem)}.topbar .eyebrow{margin-bottom:.35rem}.actions{flex-shrink:0;gap:.65rem}.pairing-card{border-radius:var(--radius-lg);background:linear-gradient(135deg, #b8f36b1a, #b8f36b05 55%), var(--panel);border:1px solid #b8f36b59;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;padding:1.35rem 1.4rem;box-shadow:0 0 0 1px #b8f36b0f,0 18px 40px #0000002e}.pairing-card>div:first-child{min-width:0}.pairing-card .eyebrow{margin-bottom:.55rem}.pairing-card p{max-width:34rem;color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.pairing-code{color:var(--accent);font:700 clamp(1.4rem, 3vw, 2rem)/1.1 var(--font-mono);letter-spacing:.16em;word-break:break-all;margin-bottom:.85rem;display:block}.pairing-actions{flex-wrap:wrap;flex-shrink:0;gap:.55rem;display:flex}.device-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;display:grid}.device-card,.empty-state{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(155deg, var(--panel-raised), var(--panel));box-shadow:var(--shadow-panel);padding:1.25rem;transition:border-color .15s,transform .15s}.device-card:hover{border-color:var(--line-strong)}.empty-state{text-align:left;grid-column:1/-1;justify-items:start;gap:.35rem;padding:2.25rem 1.5rem;display:grid}.empty-state h2{margin:0;font-size:1.25rem}.empty-state p{max-width:36rem;color:var(--muted);margin:0}.device-heading{gap:.8rem}.device-heading h2{margin:0 0 .15rem;font-size:1.1rem}.device-heading p,.empty-state p{color:var(--muted);margin:0}.device-heading p{text-transform:capitalize;font-size:.88rem}.presence{background:var(--muted);border-radius:50%;flex-shrink:0;width:.7rem;height:.7rem;box-shadow:0 0 0 .25rem #9ca79d1a}.presence.online{background:var(--accent);box-shadow:0 0 0 .25rem var(--accent-soft)}.presence.disabled{background:var(--danger);box-shadow:0 0 0 .25rem var(--danger-soft)}.presence.unready{background:var(--warn);box-shadow:0 0 0 .25rem var(--warn-soft)}.device-card dl{border-top:1px solid var(--line);gap:.55rem;margin:1.25rem 0 1.35rem;padding-top:1rem;display:grid}.device-card dl div{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.device-card dt{color:var(--muted-soft);font-size:.82rem}.device-card dd{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;margin:0;font-size:.9rem}.status-pill{font:600 .72rem/1.3 var(--font-mono);letter-spacing:.04em;text-transform:lowercase;border-radius:999px;align-items:center;padding:.15rem .5rem;display:inline-flex}.status-pill.online{background:var(--accent-soft);color:var(--accent)}.status-pill.offline,.status-pill.muted{color:var(--muted);background:#9ca79d1f}.status-pill.unready{background:var(--warn-soft);color:var(--warn)}.status-pill.disabled{background:var(--danger-soft);color:var(--danger)}.connect{flex:1}.device-actions,.viewer-actions{gap:.55rem;display:flex}.device-actions{flex-wrap:wrap}.device-actions .secondary,.device-actions .danger{min-height:2.4rem;padding:.5rem .75rem;font-size:.9rem}.device-actions .connect{min-height:2.55rem}.loading-line{color:var(--muted);margin:.5rem 0;font-size:.95rem}.activity{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--panel-raised), var(--panel));box-shadow:var(--shadow-panel);margin-top:2.5rem;padding:1.35rem 1.4rem .5rem}.activity-header,.activity-header .eyebrow{margin-bottom:.35rem}.activity-header h2{margin:0;font-size:1.2rem}.activity-list{margin:1rem 0 0;padding:0;list-style:none;display:grid}.activity-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 0;display:flex}.activity-list li div{gap:.2rem;display:grid}.activity-list strong{letter-spacing:-.01em;font-size:.95rem}.activity-list span,.activity-list time{color:var(--muted);font-size:.85rem}.activity-list time{white-space:nowrap;font-variant-numeric:tabular-nums}.activity>p{color:var(--muted);padding-bottom:.75rem}.viewer{background:#000;grid-template-rows:auto 1fr;height:100vh;display:grid;position:relative;overflow:hidden}.viewer-bar{border-bottom:1px solid var(--line);background:linear-gradient(180deg, #121714, var(--panel));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:1rem;min-height:3.4rem;padding:.55rem .9rem;display:flex}.viewer-back{border-radius:var(--radius-sm);min-height:2.2rem;color:var(--muted);align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.9rem;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.viewer-back:hover{color:var(--text);background:#ffffff0a}.viewer-health{justify-items:center;gap:.15rem;min-width:0;display:grid}.viewer-health span{color:var(--text);font:600 .82rem/1.2 var(--font-mono);letter-spacing:.02em;text-transform:capitalize}.viewer-health small{color:var(--muted);font:500 .72rem/1.2 var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;max-width:min(52vw,36rem);overflow:hidden}.viewer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center}.viewer-actions button{border-radius:var(--radius-sm);border:1px solid var(--line);min-height:2.2rem;color:var(--text);background:#ffffff08;padding:.35rem .7rem;font-size:.85rem;font-weight:600}.viewer-actions button:not(:disabled):hover{border-color:var(--line-strong);background:#ffffff0f}.viewer-actions .danger{background:var(--danger-soft);color:var(--danger);border-color:#ff796e66}.display-picker{color:var(--muted);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.display-picker select{border:1px solid var(--line);border-radius:var(--radius-sm);max-width:15rem;min-height:2.2rem;color:var(--text);background:#00000059;padding:.25rem .5rem}.viewer video{object-fit:contain;background:#000;outline:none;width:100%;height:100%;min-height:0}.viewer-stage{background:#000;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.viewer-stage video:focus-visible,.viewer-actions button:focus-visible,.viewer-back:focus-visible,.display-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.viewer-overlay{text-align:center;pointer-events:none;background:radial-gradient(circle,#141c17b8,#000000e0);place-content:center;justify-items:center;gap:.65rem;padding:2rem;display:grid;position:absolute;inset:0}.viewer-overlay strong{color:var(--text);font:600 1rem/1.2 var(--font-mono);text-transform:capitalize}.viewer-overlay small{max-width:30rem;color:var(--muted);line-height:1.5}.viewer-spinner{border:2px solid #ffffff29;border-top-color:var(--accent);border-radius:50%;width:1.6rem;height:1.6rem;animation:.85s linear infinite viewer-spin}.viewer-hint{color:var(--muted);pointer-events:none;background:#00000094;border:1px solid #ffffff1a;border-radius:999px;margin:0;padding:.35rem .65rem;font-size:.78rem;position:absolute;bottom:.8rem;right:1rem}.viewer-error{z-index:2;border-radius:var(--radius-sm);max-width:min(90vw,42rem);color:var(--danger);text-align:center;background:#4b1816f0;border:1px solid #ff796e59;margin:0;padding:.55rem .75rem;font-size:.82rem;position:absolute;top:4.1rem;left:50%;transform:translate(-50%)}@keyframes viewer-spin{to{transform:rotate(360deg)}}@media (max-width:700px){.centered,.auth-loading{padding:1.25rem}.landing{padding-top:1rem}.landing-nav{margin-bottom:2.5rem}.landing-nav-meta{display:none}.topbar,.pairing-card{flex-direction:column;align-items:stretch}.topbar{gap:1.15rem}.actions{width:100%}.actions .primary,.actions .secondary{flex:1}.pairing-actions{width:100%}.pairing-actions .secondary{flex:1}.activity-list li{flex-direction:column;align-items:start}.viewer-bar{min-height:unset;flex-wrap:wrap;row-gap:.55rem}.viewer-health{order:3;justify-items:start;width:100%}.viewer-health small{white-space:normal;max-width:100%}.preview-metrics{grid-template-columns:1fr}}