:root{--bg:#fafaf9;--panel:#ffffff;--raised:#f0f0ee;--line:#e2e2de;--text:#111111;--muted:#5c5c5c;--orange:#ff7a1a;--orange-ink:#140a00;--danger:#e11d24;--green:#16c266;--green-ink:#04140b;--blue:#2f7bff;--shadow:0 18px 70px rgba(17,17,17,0.12);color-scheme:light}:root[data-theme=dark],:root[data-theme=system][data-system-dark=true]{--bg:#000000;--panel:#0d0d0d;--raised:#1c1c1c;--line:#2a2a2a;--text:#f5f5f5;--muted:#a3a3a3;--shadow:0 18px 70px rgba(0,0,0,0.45);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px/1.4 IBM Plex Sans,system-ui,sans-serif}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.console-shell{min-height:100vh;display:flex;flex-direction:column}.auth-shell{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto auto;padding:24px clamp(24px,5vw,72px) 20px;background-color:var(--bg);background-image:radial-gradient(circle,color-mix(in srgb,var(--line) 62%,transparent) .75px,transparent .75px);background-size:24px 24px}.auth-toolbar{display:flex;justify-content:flex-end}.auth-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,450px);align-items:center;grid-gap:clamp(48px,6vw,96px);gap:clamp(48px,6vw,96px);width:min(1180px,100%);margin:0 auto;padding:46px 0 58px}.auth-intro{min-width:0}.auth-intro h1{max-width:650px;margin:12px 0 42px;font-size:clamp(38px,3.9vw,60px);line-height:1.03;letter-spacing:-.035em;white-space:nowrap}.auth-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:28px 32px;gap:28px 32px;max-width:700px}.auth-feature{display:grid;grid-template-columns:32px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.auth-feature-icon{display:grid;place-items:center;width:32px;height:32px;color:var(--orange)}.auth-feature h2{margin:0 0 4px;font-size:15px;letter-spacing:-.01em}.auth-feature p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.auth-card{width:100%;padding:42px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.auth-card-heading{margin:34px 0 24px;color:var(--muted);line-height:1.55}.auth-sign-in{width:100%;min-height:46px}.auth-card-security{margin:30px 0 0;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;text-align:center}.auth-card-security strong{color:var(--text);font-weight:500}.auth-footer{color:var(--muted);font-size:11px;text-align:center}.auth-toast{justify-self:center;max-width:min(560px,100%);margin:0 0 18px;padding:11px 16px;border:1px solid var(--line);border-radius:9px;color:var(--text);font-size:13px;text-align:center}.auth-toast,.waiting-card{background:var(--panel);box-shadow:var(--shadow)}.waiting-card{width:min(560px,100%);padding:42px;border:1px solid var(--line);border-radius:22px}.hero h1,.session-view h1{margin:14px 0 8px;font-size:clamp(28px,4vw,46px);letter-spacing:-.04em}.hero p{color:var(--muted)}.button{border:1px solid var(--line);border-radius:9px;padding:10px 16px;background:var(--panel);color:var(--text)}.button.primary{border-color:var(--orange)}.button.danger{border-color:#efb7b7;color:var(--danger);background:transparent}.button.subtle{background:var(--raised)}.home-content,.session-view{width:min(1120px,calc(100% - 48px));margin:48px auto}.hero,.section-heading,.session-view-head{display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font:11px IBM Plex Mono,monospace;letter-spacing:.16em}.waiting-card{margin:36px 0;text-align:center}.code{margin:14px 0;font:500 clamp(42px,8vw,76px) IBM Plex Mono,monospace;letter-spacing:.08em}.waiting-card p{color:var(--muted)}.waiting-card strong{display:block;margin:22px 0}.consent-waiting{width:min(680px,calc(100% - 48px));margin:96px auto;padding:48px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.consent-waiting h1{margin:14px 0 8px;font-size:clamp(30px,5vw,52px);letter-spacing:-.04em}.consent-waiting p{color:var(--muted)}.consent-countdown{display:block;margin:28px 0 4px;font:500 46px IBM Plex Mono,monospace}.consent-reference{margin-bottom:28px;font-family:IBM Plex Mono,monospace}.consent-code{margin:10px 0 28px;color:var(--ink);font-size:2.5rem;font-weight:700;letter-spacing:.12em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.history{margin-top:64px}.history table{width:100%;margin-top:18px;border-collapse:collapse;background:var(--panel)}.history td,.history th{padding:16px;border-bottom:1px solid var(--line);text-align:left}.history th{color:var(--muted);font-size:12px}.viewer-frame{width:100%;margin-top:24px;border-radius:18px;background:#080808}.viewer-empty{place-content:center;grid-gap:8px;gap:8px;color:#fff}.viewer-empty span{color:#aaa}.ended-note{margin-top:16px;color:var(--muted)}.ended-summary{width:min(720px,calc(100% - 48px));margin:72px auto;padding:42px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.ended-summary h1{margin:12px 0 8px;font-size:clamp(30px,5vw,52px);letter-spacing:-.04em}.ended-summary p{color:var(--muted)}.ended-summary-details{display:grid;grid-gap:5px;gap:5px;width:-moz-fit-content;width:fit-content;margin:34px 0;padding:16px 22px;border:1px solid var(--line);border-radius:10px;background:var(--raised)}.ended-summary-details span{color:var(--muted);font-size:12px}.ended-summary-details strong{font:500 20px IBM Plex Mono,monospace}.ended-summary-footer{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 16px;border-radius:9px;background:var(--text);color:var(--bg)}.topbar{height:80px;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:var(--panel)}.console-nav,.topbar{display:flex;align-items:center}.console-nav{gap:22px;margin-left:auto;margin-right:28px}.console-nav a{color:var(--muted);text-decoration:none;font-weight:500}.console-nav a:hover,.console-nav a[aria-current=page]{color:var(--text)}.devices-content{width:min(1200px,calc(100% - 48px));margin:42px auto 72px}.devices-content .hero h1{margin:6px 0;font-size:clamp(32px,4vw,48px);letter-spacing:-.04em}.devices-content .hero p{color:var(--muted)}.devices-table-wrap{overflow-x:auto;margin-top:26px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.device-filter{display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--muted);font-size:13px}.device-filter input{accent-color:var(--blue)}.devices-table{width:100%;border-collapse:collapse;background:var(--panel)}.devices-table td,.devices-table th{padding:16px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.devices-table th{color:var(--muted);font-size:12px;font-weight:500}.devices-table tbody tr:last-child td{border-bottom:0}.device-online{display:block;margin-top:3px;color:var(--muted);font-size:12px}.device-online.online{color:var(--green)}.device-online i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--muted);vertical-align:1px}.device-online.online i{background:var(--green)}.device-state{text-transform:capitalize}.device-state.suspect{color:var(--danger);font-weight:600}.device-update-state{display:block;margin-top:4px;color:var(--muted);font-size:11px}.device-confirm-row td{white-space:normal;background:var(--raised)}.device-confirm-row span{margin:0 14px;color:var(--muted);font-size:12px}.device-actions{display:flex;justify-content:flex-end;gap:8px}.devices-message{margin:20px 0;color:var(--danger)}.devices-notice{margin:20px 0;color:var(--muted)}.enrolment-section{margin-top:54px}.enrolment-section h2{margin:6px 0 16px}.enrolment-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.enrolment-form label{display:grid;grid-gap:5px;gap:5px;color:var(--muted);font-size:12px}.enrolment-form input{width:170px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text)}.new-enrolment-token{display:grid;grid-gap:10px;gap:10px;margin-top:14px;padding:18px;border:1px solid var(--blue);border-radius:12px;background:var(--panel);overflow-wrap:anywhere}.new-enrolment-token p{margin:0}.new-enrolment-token code{font-family:IBM Plex Mono,monospace}.new-enrolment-token .token-actions{display:flex;flex-wrap:wrap;gap:10px}.token-table{margin-top:18px;border:1px solid var(--line);border-radius:12px}.brand,.check-row,.connection-summary,.head-pills,.header-actions,.pill,.promises,.session-note,.side-title,.theme-picker,.toolbar{display:flex;align-items:center}.brand{gap:10px;font-size:17px;font-weight:600;letter-spacing:-.02em}.brand-lockup{display:inline-flex;align-items:center;gap:10px}.brand-lockup-copy{display:grid;grid-gap:1px;gap:1px}.brand-name{font:600 17px/1.15 IBM Plex Sans,system-ui,sans-serif;letter-spacing:-.02em}.brand-descriptor{color:var(--muted);font:500 11px/1.2 IBM Plex Sans,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.brand-tagline{color:var(--muted);font:400 13px/1.25 IBM Plex Sans,system-ui,sans-serif}.brand-lockup-full{align-items:flex-start}.brand-lockup-full .brand-mark{width:48px;height:48px;margin-top:3px}.brand-lockup-full .brand-name{font-size:32px}.brand-lockup-full .brand-lockup-copy{gap:4px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:0;overflow:hidden}.brand-mark-image{display:block;width:100%;height:100%;object-fit:contain}.environment{padding:3px 6px;border:1px solid var(--line);color:var(--muted);border-radius:5px;font:10px IBM Plex Mono,monospace;letter-spacing:.12em}.header-actions{gap:14px}.connection-summary{gap:8px;color:var(--muted);font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);display:inline-block}.status-dot.live{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 15%,transparent)}.theme-picker{gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:7px;color:var(--muted);background:transparent}.icon-button.selected,.icon-button:hover{background:var(--raised);color:var(--text)}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#d8e6ff;color:#183b78;font:500 11px IBM Plex Mono,monospace}.workspace{flex:1 1;width:min(1480px,100%);margin:0 auto;padding:34px 32px 64px;display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:28px;gap:28px}.main-column{min-width:0}.session-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.eyebrow{margin:0 0 6px;color:var(--muted);font:500 10px IBM Plex Mono,monospace;letter-spacing:.11em}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:24px;letter-spacing:-.04em}.platform-label{display:inline-block;margin-top:7px;color:var(--muted);font-size:12px}h2{margin:0;font-size:20px;letter-spacing:-.03em}.head-pills{gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{gap:6px;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.pill.green{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,var(--line))}.viewer-frame{position:relative;min-width:0;aspect-ratio:16/9;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#050505;box-shadow:var(--shadow)}.viewer-frame video{width:100%;max-width:100%;height:100%;object-fit:contain;display:block;background:#050505}.viewer-frame video.reconnecting{opacity:.45}.capture-banner{position:absolute;z-index:21;top:12px;left:50%;width:max-content;max-width:calc(100% - 24px);padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;background:rgba(80,34,18,.94);font-size:13px;text-align:center;transform:translateX(-50%)}.android-nav-controls{display:flex;justify-content:center;gap:10px;margin:12px 0}.session-toast{position:absolute;z-index:20;top:16px;left:50%;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:10px 14px;border:1px solid rgba(255,255,255,.22);border-radius:9px;color:#fff;background:rgba(13,13,13,.9);box-shadow:0 8px 30px rgba(0,0,0,.35);font-size:12px;text-align:center;transform:translateX(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.session-toast.persistent{border-color:rgba(255,122,26,.8)}.session-toast-dismiss{display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center;padding:0;border:0;border-radius:5px;color:#fff;background:transparent;font-size:20px;line-height:1}.session-toast-dismiss:focus-visible,.session-toast-dismiss:hover{background:rgba(255,255,255,.14)}.clipboard-capture{position:fixed;top:-10000px;left:-10000px;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.viewer-frame:-webkit-full-screen{width:100vw;height:100vh;min-height:100vh;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.viewer-frame:-webkit-full-screen,.viewer-frame:fullscreen{width:100vw;height:100vh;min-height:100vh;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.viewer-frame:-webkit-full-screen video{width:100%;height:100%;min-height:0}.viewer-frame:-webkit-full-screen video,.viewer-frame:fullscreen video{width:100%;height:100%;min-height:0}.fullscreen-bar{position:absolute;z-index:10;top:12px;left:50%;display:none;align-items:center;gap:6px;padding:5px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(13,13,13,.86);box-shadow:0 8px 30px rgba(0,0,0,.35);opacity:0;transform:translateX(-50%);transition:opacity .12s ease}.viewer-frame:-webkit-full-screen .fullscreen-bar{display:flex}.viewer-frame:-webkit-full-screen .fullscreen-bar,.viewer-frame:fullscreen .fullscreen-bar{display:flex}.viewer-frame:-webkit-full-screen .fullscreen-bar:focus-within,.viewer-frame:-webkit-full-screen .fullscreen-bar:hover{opacity:1}.viewer-frame:-webkit-full-screen .fullscreen-bar:focus-within,.viewer-frame:-webkit-full-screen .fullscreen-bar:hover,.viewer-frame:fullscreen .fullscreen-bar:focus-within,.viewer-frame:fullscreen .fullscreen-bar:hover{opacity:1}.fullscreen-bar .tool-button{min-height:36px;padding:0 10px;border-color:rgba(255,255,255,.18);color:#f5f5f5;background:transparent}.fullscreen-bar .tool-button:hover{background:rgba(255,255,255,.12)}.fullscreen-bar .fullscreen-end{color:#ff8d91}.fullscreen-keys{position:relative}.fullscreen-keys-menu{position:absolute;top:calc(100% + 8px);left:0;width:220px;padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:var(--shadow)}.viewer-frame canvas{position:absolute;pointer-events:none}.viewer-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;grid-gap:10px;gap:10px;color:#f5f5f5;text-align:center;background:radial-gradient(circle at 50% 35%,#222 0,#090909 50%,#030303 100%)}.viewer-empty span{color:#a3a3a3}.viewer-recovery{position:absolute;inset:0;display:grid;place-items:center;align-content:center;grid-gap:10px;gap:10px;color:#f5f5f5;text-align:center;background:rgba(0,0,0,.78)}.viewer-recovery span{color:#a3a3a3}.viewer-recovery .button{margin-top:4px}.empty-icon{width:58px;height:58px;display:grid;place-items:center;color:var(--orange);border:1px solid #49301f;border-radius:16px;background:#1b120c}.encryption-badge{width:-moz-fit-content;width:fit-content;margin-top:10px;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--panel);font-size:11px}.toolbar{min-height:76px;gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}.tool-button{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--panel);font-size:12px}.tool-button:hover{background:var(--raised)}.tool-button.active{color:var(--orange-ink);background:var(--orange);border-color:var(--orange)}.toolbar-spacer{flex:1 1}.danger-text{color:var(--danger)}.soon{color:var(--muted);font-size:10px}.toolbar-menu{position:relative}.popover{position:absolute;z-index:5;top:52px;left:0;width:220px;padding:16px;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:var(--shadow)}.popover-up{top:auto;bottom:52px}.popover-down{top:52px;bottom:auto}.menu button{display:flex;width:100%;justify-content:space-between;padding:10px;border:0;border-radius:5px;color:var(--text);background:transparent;text-align:left;font-size:12px}.menu button:hover{background:var(--raised)}.menu small{color:var(--muted);font-size:9px}.locked-overlay{position:absolute;right:18px;bottom:18px;z-index:2;padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;background:rgba(0,0,0,.78);font-size:12px}.diagnostics-toggle{margin:18px 0 16px;width:100%;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:var(--panel);text-align:left;font-size:12px}.diagnostics-toggle span{margin-left:auto}.diagnostics-toggle svg:last-child{margin-left:0}.diagnostics{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;padding:14px 12px;border:1px solid var(--line);border-radius:7px;background:var(--raised)}.diagnostics div{display:grid;grid-gap:3px;gap:3px}.diagnostics span{color:var(--muted);font-size:10px}.diagnostics strong{font:500 12px IBM Plex Mono,monospace}.diagnostics p{grid-column:1/-1;margin:3px 0 0;color:var(--muted);font-size:11px}.side-panel{min-height:440px;align-self:start;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.side-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--line)}.side-tabs button{position:relative;min-height:64px;border:0;color:var(--muted);background:transparent;font-size:12px}.side-tabs button.selected{color:var(--text)}.side-tabs button.selected:after{position:absolute;right:12px;bottom:-1px;left:12px;height:2px;background:var(--orange);content:""}.side-tabs span{display:block;margin-top:2px;font-size:9px}.side-tabs .chat-unread{display:inline-grid;min-width:17px;height:17px;margin:0 0 0 4px;padding:0 4px;place-items:center;border-radius:9px;color:var(--panel);background:var(--orange)}.side-content{padding:22px 18px}.side-title{justify-content:space-between;gap:10px;margin-bottom:22px}.side-title>div:first-child{min-width:0;flex:1 1 auto}.session-id{overflow-wrap:anywhere;font:400 14px/1.45 IBM Plex Mono,monospace;letter-spacing:0}.copy-session-id{flex:none;border:0;padding:4px;color:var(--blue);background:transparent;font-size:11px}.secure-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:8px;color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.detail-card{position:relative;display:grid;grid-gap:4px;gap:4px;padding:13px;border:1px solid var(--line);border-radius:7px;background:var(--raised)}.detail-card span,dl dt{color:var(--muted);font-size:11px}.detail-card strong{font:500 14px IBM Plex Mono,monospace}.copy-code{position:absolute;top:16px;right:16px;border:0;color:var(--blue);background:transparent;font-size:11px}.side-content dl{display:grid;grid-gap:16px;gap:16px;margin:24px 0}.side-content dl div{display:flex;justify-content:space-between;gap:10px}.side-content dd{max-width:170px;margin:0;text-align:right;font-size:12px}.session-note{align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:11px}.disabled-panel{display:grid;place-items:center;align-content:center;grid-gap:10px;gap:10px;min-height:300px;padding:30px;color:var(--muted);text-align:center}.disabled-panel strong{color:var(--text)}.chat-panel{display:grid;grid-template-rows:minmax(210px,1fr) 20px auto;min-height:390px;padding:16px}.chat-messages{display:flex;flex-direction:column;align-items:stretch;gap:10px;overflow-y:auto;max-height:410px}.chat-empty,.chat-typing{margin:0;color:var(--muted);font-size:11px}.chat-message{display:flex;flex-direction:column;max-width:88%;padding:9px 11px;border-radius:9px;background:var(--raised);overflow-wrap:anywhere}.chat-message .chat-author{display:block;margin-bottom:4px;color:var(--muted);font-size:11px;text-align:left}.chat-message.sent{align-self:end;background:color-mix(in srgb,var(--blue) 12%,var(--raised))}.chat-message p{margin:0;white-space:pre-wrap;font-size:12px}.chat-message span{display:block;margin-top:4px;color:var(--muted);text-align:right;font-size:9px}.chat-message.sent .chat-author{text-align:right}.chat-typing{padding-top:4px}.chat-compose{display:grid;grid-gap:7px;gap:7px}.chat-compose textarea{width:100%;resize:vertical;padding:10px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--raised);font:inherit;font-size:12px}.chat-compose div{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.chat-compose .button{align-self:center;height:32px;min-height:32px;margin-left:auto;padding:0 18px}.chat-compose .button.primary:disabled{border:1px solid var(--line);background:var(--raised);color:var(--muted);opacity:1;cursor:not-allowed}.files-panel{display:grid;align-content:start;grid-gap:14px;gap:14px;padding:18px}.files-panel[hidden]{display:none}.files-state{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:12px}.files-state.allowed{color:var(--green)}.files-dropzone{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:20px 12px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);text-align:center;font-size:11px}.files-dropzone strong{color:var(--text);font-size:13px}.files-dropzone.dragging{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 8%,transparent)}.button.secondary{border:1px solid var(--line);color:var(--text);background:var(--raised)}.button:disabled{opacity:.48;cursor:not-allowed}.files-hint{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.file-transfer{display:grid;grid-gap:8px;gap:8px;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--raised);font-size:10px}.file-transfer-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.file-history-item strong,.file-transfer-title strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.file-transfer-title button{border:0;color:#c33;background:transparent;font-size:10px}.file-transfer progress{width:100%;height:6px;accent-color:var(--orange)}.file-history{display:grid;grid-gap:8px;gap:8px}.file-history h3{margin:4px 0 0;font-size:11px}.file-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:3px 8px;gap:3px 8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:10px}.file-history-item span{color:var(--muted)}.file-history-item em{color:var(--green);font-style:normal}.files-unavailable{display:grid;place-content:center;grid-gap:8px;gap:8px;min-height:300px;padding:24px;color:var(--muted);text-align:center;font-size:11px}.files-unavailable strong{color:var(--text);font-size:13px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:0;border-radius:7px;text-decoration:none;font-weight:600}.button.primary{color:var(--orange-ink);background:var(--orange)}.button.primary:hover{filter:brightness(1.06)}.full-width{width:100%}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.62)}.connect-card{width:min(430px,100%);grid-gap:16px;gap:16px}.confirm-card,.connect-card{display:grid;padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.confirm-card{width:min(420px,100%);grid-gap:12px;gap:12px}.confirm-card h2,.confirm-card p{margin:0}.confirm-card>p:not(.eyebrow){color:var(--muted);font-size:13px}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.danger-fill{color:#fff;background:var(--danger)}.modal-heading{display:flex;justify-content:space-between;gap:18px}.modal-heading p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:12px}.connect-card label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:11px}.connect-card .connect-input{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:7px;outline:0;color:var(--text);background:var(--panel);opacity:1}.connect-card input:focus{border-color:var(--orange)}.check-row{display:flex!important;align-items:center;gap:8px;color:var(--text)!important}.check-row input{flex:none;width:16px;height:16px;accent-color:var(--orange)}.check-row span{color:var(--muted);font-size:10px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;color:var(--muted);font-size:11px}.brand-surface{--bg:#f5f7fb;--panel:#ffffff;--raised:#eef2f9;--line:#dde3ee;--text:#0b1222;--muted:#5a6478;--shadow:0 24px 70px rgba(30,58,138,0.12);--accent:#0e7490;--accent-glow:rgba(14,116,144,0.12);--lede:#3b4559;--chip-text:#2b3446;--step-bg:rgba(255,255,255,0.78);--step-bg-current:#ffffff;--step-edge:rgba(14,116,144,0.5);--link:#1d4ed8;--dot:rgba(47,123,255,0.28);--grid-line:rgba(47,123,255,0.07);--glass:linear-gradient(160deg,rgba(255,255,255,0.86),rgba(240,247,255,0.62));--glass-soft:rgba(255,255,255,0.62);--glass-edge:rgba(255,255,255,0.9);--glass-highlight:rgba(255,255,255,0.95);--card-glow:rgba(34,211,238,0.16);--halo:rgba(47,123,255,0.18);--surface-bg:radial-gradient(ellipse 40% 45% at 72% 42%,rgba(47,123,255,0.16),transparent 70%),radial-gradient(ellipse 35% 40% at 85% 15%,rgba(34,211,238,0.14),transparent 70%),radial-gradient(ellipse 40% 45% at 10% 90%,rgba(167,139,250,0.1),transparent 70%),linear-gradient(135deg,#f8fbff,#eef5ff 45%,#f6fbff 75%,#ffffff);color:var(--text)}:root[data-theme=dark] .brand-surface,:root[data-theme=system][data-system-dark=true] .brand-surface{--bg:#05070c;--panel:#0c1426;--raised:#101b33;--line:rgba(148,178,230,0.16);--text:#e8edf6;--muted:#9aa6bd;--shadow:0 30px 90px rgba(0,0,0,0.55);--accent:#22d3ee;--accent-glow:rgba(34,211,238,0.15);--lede:#b6c1d6;--chip-text:#c9d2e3;--step-bg:rgba(12,20,38,0.72);--step-bg-current:rgba(16,27,51,0.95);--step-edge:rgba(34,211,238,0.55);--link:#7cc4ff;--dot:rgba(148,178,230,0.22);--grid-line:rgba(148,178,230,0.06);--glass:linear-gradient(160deg,rgba(20,32,60,0.72),rgba(10,16,32,0.6));--glass-soft:rgba(12,20,38,0.55);--glass-edge:rgba(148,178,230,0.18);--glass-highlight:rgba(255,255,255,0.06);--card-glow:rgba(47,123,255,0.22);--halo:rgba(47,123,255,0.16);--surface-bg:radial-gradient(ellipse 55% 60% at 78% 30%,rgba(47,123,255,0.2),transparent 70%),radial-gradient(ellipse 45% 50% at 12% 85%,rgba(34,211,238,0.08),transparent 70%),linear-gradient(180deg,#0a1430,#05070c 70%)}.brand-surface:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,var(--dot) 1.2px,transparent 1.6px),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;background-position:-24px -24px,0 0,0 0;-webkit-mask-image:radial-gradient(ellipse 85% 85% at 55% 45%,#000 35%,transparent 85%);mask-image:radial-gradient(ellipse 85% 85% at 55% 45%,#000 35%,transparent 85%);pointer-events:none}.join-page{position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;align-content:center;grid-gap:26px;gap:26px;padding:40px 20px 88px;overflow:hidden;background:var(--surface-bg)}.join-shell{display:grid;width:min(1040px,100%);grid-gap:28px;gap:28px;align-items:center}@media (min-width:960px){.join-shell{grid-template-columns:1fr minmax(0,500px);grid-template-areas:"story card";gap:56px}.join-card{grid-area:card}.join-story{grid-area:story}}.join-brand{position:static;align-self:flex-start;text-align:left}.join-brand-side{display:none}@media (min-width:960px){.join-brand-top{display:none}.join-brand-side{display:flex}}.join-story{display:grid;grid-gap:22px;gap:22px;justify-self:center;width:min(500px,100%)}.join-story-lede{margin:0;max-width:440px;color:var(--lede);font-size:16px;line-height:1.6}.join-timeline{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.join-timeline li{display:grid;grid-template-columns:34px 1fr;grid-gap:14px;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--step-bg);transition:border-color .3s ease,background .3s ease}.join-timeline-current{border-color:var(--step-edge)!important;background:var(--step-bg-current)!important;animation:join-current 2.4s ease-in-out infinite}.join-timeline-current .join-timeline-index{border-color:var(--accent)}.join-timeline-done .join-timeline-index{border-color:transparent;background:linear-gradient(135deg,#22d3ee,#2f7bff);color:#ffffff;font-weight:600}.join-timeline-done strong{color:var(--chip-text)}.join-timeline-next{opacity:.8}.join-timeline strong{display:block;font-size:14px;font-weight:600}.join-timeline small{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.45}.join-timeline-index{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent);font:500 11px IBM Plex Mono,monospace}@keyframes join-current{0%,to{box-shadow:0 0 0 0 rgba(34,211,238,0)}50%{box-shadow:0 0 0 5px var(--accent-glow)}}.join-trust{display:flex;flex-wrap:wrap;justify-content:center;width:min(1040px,100%);gap:10px;margin:0;padding:0;list-style:none}.join-trust li{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;color:var(--chip-text);font-size:12px}.join-trust li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}@media (prefers-reduced-motion:reduce){.join-timeline li{animation:none;transition:none}}.join-card{position:relative;justify-self:center;width:min(500px,100%);padding:42px 46px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow);text-align:center}.join-card h1{margin-bottom:10px;font-size:28px}.join-lede{margin:0 0 26px;color:var(--muted)}.code-box{display:grid;grid-gap:5px;gap:5px;margin-bottom:18px;padding:18px;border:1px dashed color-mix(in srgb,var(--orange) 55%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--orange) 6%,var(--panel))}.code-box>span{color:var(--muted);font:10px IBM Plex Mono,monospace;letter-spacing:.1em}.code-box strong{display:inline-flex;gap:.35em;color:var(--text);font:600 28px IBM Plex Mono,monospace;letter-spacing:.14em}.code-box>small{color:var(--muted);font-size:10px}.join-form{display:grid;grid-gap:8px;gap:8px;text-align:left}.join-label{color:var(--muted);font:10px IBM Plex Mono,monospace;letter-spacing:.1em}.join-input{width:100%;border:1px solid var(--line);border-radius:9px;padding:13px 14px;background:var(--panel);color:var(--text);font:600 28px IBM Plex Mono,monospace;letter-spacing:.14em;text-align:center}.join-input:focus{outline:2px solid color-mix(in srgb,var(--orange) 65%,transparent);outline-offset:2px}.join-help,.join-open p,.join-platform{color:var(--muted);font-size:12px}.join-error{margin:16px 0 0;color:var(--danger);font-size:12px}.join-platform{margin:18px 0 0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--raised)}.join-open{margin-top:24px;padding-top:24px;border-top:1px solid var(--line);text-align:left}.join-open h2{margin:8px 0;font-size:22px}.join-open p{margin:10px 0}.join-open strong{color:var(--text)}.join-steps{display:grid;grid-gap:10px;gap:10px;margin:12px 0 14px;padding-left:20px;color:var(--muted);font-size:12px;line-height:1.55}.join-steps li::marker{color:var(--text);font-weight:600}.join-open .join-note{margin:8px 0 0}.join-download-again{color:var(--blue)}.join-card .promises{margin-top:24px}.steps{display:grid;grid-gap:0;gap:0;margin:28px 0;text-align:left}.steps div{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.steps div:last-child{border-bottom:0}.steps span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;color:var(--orange-ink);background:var(--orange);font-size:12px;font-weight:700}.steps p{margin:0;color:var(--muted);font-size:12px}.steps strong{color:var(--text)}.promises{justify-content:center;flex-wrap:wrap;gap:11px 16px;color:var(--muted);font-size:10px}.join-footer{position:absolute;right:0;bottom:28px;left:0;padding:0 20px;text-align:center;margin:0;color:var(--muted);font-size:11px}.join-footer a{color:var(--link)}@media (max-width:959px){.auth-shell{padding-right:24px;padding-left:24px}.auth-content{grid-template-columns:minmax(0,480px);justify-content:center;gap:30px;padding:28px 0 36px}.auth-intro h1{margin-bottom:0;font-size:clamp(38px,7vw,52px);white-space:normal}.auth-features{display:none}}@media (max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr);padding:24px 18px 40px}.side-panel{min-height:0}.topbar{padding:0 18px}.connection-summary{display:none}.diagnostics{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.auth-shell{padding:18px 18px 16px}.auth-content{gap:24px;padding:22px 0 28px}.auth-intro h1{margin-top:10px;font-size:34px}.auth-card{padding:30px 24px;border-radius:18px}.auth-card-heading{margin:28px 0 20px}.auth-card-security{margin-top:24px;padding-top:18px}.topbar{height:80px;padding:0 12px}.topbar .brand-mark{width:32px;height:32px}.topbar .brand-lockup{gap:8px}.topbar .brand-name{font-size:13px}.console-nav{gap:8px;margin-right:10px}.header-actions{gap:4px}.header-actions .icon-button{width:28px;height:28px}.header-actions>.button{min-height:38px;padding:0 8px;font-size:12px;white-space:nowrap}.hero .button{flex:none;white-space:nowrap}.brand,.brand-name{font-size:15px}.environment{display:none}.workspace{padding:20px 12px 32px}.session-head{display:block}.head-pills{justify-content:flex-start;margin-top:12px}.viewer-frame{aspect-ratio:4/3}.toolbar{overflow-x:auto}.toolbar-spacer{display:none}.tool-button{flex:none}.toolbar .danger-text{margin-left:auto}.join-card{padding:32px 22px}.join-brand{align-self:center}.join-brand .brand-name{font-size:22px}.join-card h1{font-size:24px}}.join-page .button.primary:disabled{border:1px solid rgba(255,122,26,.4);background:rgba(255,122,26,.08);color:#c2560d;opacity:1}:root[data-theme=dark] .join-page .button.primary:disabled,:root[data-theme=system][data-system-dark=true] .join-page .button.primary:disabled{color:#ffb27a}.surface-toolbar{position:absolute;top:24px;right:clamp(24px,5vw,72px);z-index:2}.brand-surface .theme-picker{background:color-mix(in srgb,var(--panel) 70%,transparent)}.auth-shell.brand-surface{position:relative;isolation:isolate;overflow:hidden;background:var(--surface-bg)}.brand-surface .auth-card{position:relative}.brand-surface .auth-card:before,.join-card:before{content:"";position:absolute;top:-1px;left:24px;right:24px;height:2px;border-radius:2px;background:linear-gradient(100deg,#22d3ee,#2f7bff 55%,#1e3a8a)}.brand-surface .auth-feature-icon{border:1px solid var(--line);border-radius:50%;color:var(--accent)}.brand-surface .eyebrow{color:var(--accent)}.brand-surface .auth-card,.join-card{isolation:isolate;border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--shadow),0 0 120px var(--halo),inset 0 1px 0 var(--glass-highlight)}.brand-surface .auth-card:after,.join-card:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(120% 60% at 50% 0,var(--card-glow),transparent 60%);pointer-events:none}.brand-surface .auth-card:before,.join-card:before{background:linear-gradient(100deg,#22d3ee,#2f7bff 30%,#ffffff 45%,#2f7bff 60%,#1e3a8a);background-size:300% 100%;animation:band-glint 6s ease-in-out infinite}@keyframes band-glint{0%,55%{background-position:100% 0}85%,to{background-position:0 0}}.join-timeline li,.join-trust li{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.join-trust li{background:var(--glass-soft)}@media (prefers-reduced-motion:reduce){.brand-surface .auth-card:before,.join-card:before{animation:none;background-position:100% 0}}