:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f7f4;font-synthesis:none;text-rendering:optimizelegibility;--accent:#75f0ae;--accent-soft:#75f0ae1a;--amber:#f5c46b;--danger:#ff9c8e;--line:#ffffff1c;--muted:#7f8e87;--faint:#5c6d65;--surface:#0d1b16e8;--inset:#08120f;--mono:ui-monospace, "SFMono-Regular", Menlo, monospace;background:#07100e;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 0,#246f4e2e,#0000 36rem),linear-gradient(#091411 0%,#07100e 70%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,select,input[type=range],.file-drop{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible,.file-drop:focus-within{outline:2px solid var(--accent);outline-offset:3px}.shell{width:min(1120px,100% - 40px);margin:0 auto}.masthead{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:82px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-size:18px;font-weight:690;display:inline-flex}.brand-mark{background:#79f2b2;border:2px solid #79f2b2;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 4px #07100e}.experiment-badge{color:#a7b4ae;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff24;border-radius:999px;padding:7px 11px;font-size:11px}.join{justify-content:center;padding:96px 0 40px;display:flex}.join-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:18px;width:min(420px,100%);padding:32px;display:flex;box-shadow:0 30px 100px #00000038}.join-title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600}.join-card .primary-action{width:100%}.join-card .field-error:empty{display:none}.eyebrow,.section-kicker{color:#72e9a8;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px}h1,p{margin-top:0}h1{letter-spacing:-.065em;margin-bottom:0;font-size:clamp(46px,7vw,80px);font-weight:580;line-height:.96}.lede{color:#aab7b1;max-width:620px;margin-bottom:0;font-size:17px;line-height:1.65}.field>label,.label-row label{color:#c5d0cb;margin-bottom:9px;font-size:13px;font-weight:570;display:block}.label-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.label-row output{color:var(--muted);font-family:var(--mono);font-size:11px}.text-action{color:#77e8aa;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.text-action:hover{color:#a3f8c9}.text-action:disabled{cursor:default;opacity:.45}select{color:#edf5f0;background:var(--inset);border:1px solid #ffffff24;border-radius:9px;width:100%;height:48px;padding:0 42px 0 14px}.file-drop{cursor:pointer;background:#040c0966;border:1px dashed #fff3;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:80px;padding:15px;display:grid}.file-drop:hover{border-color:#75f0ae80}.file-icon{color:#7df3b5;background:var(--accent-soft);width:46px;height:46px;font-family:var(--mono);border-radius:8px;place-items:center;font-size:10px;display:grid}.file-drop strong,.file-drop small{display:block}.file-drop strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:14px;overflow:hidden}.file-drop small,.field-note{color:#6f8078;font-size:11px;line-height:1.45}.file-action{border:1px solid #ffffff26;border-radius:7px;padding:8px 11px;font-size:12px}.field-note{margin:8px 0 0;display:block}.field-error{color:var(--danger);margin:0;font-size:12px;line-height:1.45}input[type=range]{width:100%;accent-color:var(--accent)}.range-labels{color:#64736c;justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.primary-action{border:1px solid var(--accent);color:#07100e;background:var(--accent);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:40px;min-height:50px;padding:0 18px;font-weight:650;display:flex}.primary-action:hover{background:#8cf5bd}.primary-action:disabled{cursor:wait;opacity:.55}.chat{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;max-width:820px;height:min(820px,100dvh - 150px);min-height:520px;margin:32px auto 0;display:flex;overflow:hidden;box-shadow:0 30px 100px #00000038}.chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.chat-identity{flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0;display:flex}.chat-channel{color:var(--faint);font-family:var(--mono);font-size:11px}.chat-actions{gap:8px;display:flex}.ghost-action{color:#c9d4ce;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:8px;min-height:34px;padding:0 12px;font-size:12px}.ghost-action:hover,.ghost-action[aria-expanded=true]{color:#eaf5ef;border-color:#75f0ae73}.role-status{color:#9ba9a2;background:#ffffff0d;border-radius:999px;flex:none;align-items:center;gap:8px;padding:7px 11px;font-size:12px;transition:color .2s;display:inline-flex}.role-status i{background:#65736c;border-radius:50%;width:7px;height:7px;transition:background .2s,box-shadow .2s;display:block}.role-status[data-tone=ready]{color:#9cf7c5}.role-status[data-tone=ready] i{background:#70f0ab;box-shadow:0 0 0 5px #70f0ab1f}.role-status[data-tone=active],.role-status[data-tone=hearing]{color:var(--amber)}.role-status[data-tone=active] i,.role-status[data-tone=hearing] i{background:var(--amber);animation:1.1s ease-in-out infinite pulse}.settings{border-bottom:1px solid var(--line);background:#040c0959;grid-template-columns:1fr 1fr;gap:20px 24px;max-height:55vh;padding:18px 20px;display:grid;overflow-y:auto}.field-wide{grid-column:1/-1}.settings textarea,.settings input[type=text],.settings input[type=password],.settings input[type=number]{color:#edf5f0;background:var(--inset);border:1px solid #ffffff24;border-radius:9px;width:100%}.settings textarea{resize:vertical;padding:12px 14px;line-height:1.5}.settings input[type=text],.settings input[type=password],.settings input[type=number]{height:44px;padding:0 14px}#setup-status[data-state=error]{color:var(--danger)}#setup-status[data-state=done]{color:#8df0ba}.role-badge{font-family:var(--mono);letter-spacing:.08em;border-radius:999px;flex:none;padding:4px 10px;font-size:11px;font-weight:700}.role-badge[data-role=probe]{color:#ffd8cf;background:#ff5a462e;border:1px solid #ff5a468c}.role-badge[data-role=target]{color:#bfe9ff;background:#60b2ff29;border:1px solid #60b2ff80}.link-banner{color:#bff6d8;background:#79f2b21a;border-bottom:1px solid #79f2b24d;flex:none;align-items:center;gap:10px;padding:11px 16px;font-size:13px;font-weight:560;display:flex}.link-banner-icon{font-size:16px}.link-banner.is-live{animation:1s ease-in-out 3 link-flash}@keyframes link-flash{50%{background:#79f2b242}}.spectrum-strip{border-bottom:1px solid var(--line);background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/100% 25%,#07110e;flex:none;width:100%;height:80px;transition:box-shadow .25s;display:block}.spectrum-strip.is-transmitting{box-shadow:inset 0 0 40px #79f2b259}.channel-legend{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;flex:none;gap:8px 18px;padding:8px 16px;font-size:11px;display:flex}.legend-loud{color:#bff6d8}.legend-hidden{color:var(--amber)}.run-demo{border:1px solid var(--accent);color:#06110d;background:var(--accent);cursor:pointer;border-radius:12px;min-height:46px;padding:0 18px;font-weight:700;transition:transform .15s,opacity .15s}.run-demo:hover:not(:disabled){background:#8cf5bd;transform:translateY(-1px)}.run-demo:disabled{cursor:default;opacity:.4}.capture-panel{border-bottom:1px solid var(--line);background:#ff9c8e0f;flex:none;padding:12px 16px}.capture-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:8px;display:flex}.capture-title{color:var(--danger);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;font-size:12.5px;font-weight:680;display:inline-flex}.capture-siren{background:var(--danger);border-radius:50%;width:9px;height:9px;animation:1.2s ease-out infinite siren;box-shadow:0 0 #ff5a4699}@keyframes siren{70%{box-shadow:0 0 0 8px #ff5a4600}to{box-shadow:0 0 #ff5a4600}}.capture-count{color:#ffd8cf;font-family:var(--mono);background:#ff5a462e;border:1px solid #ff5a4673;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.capture-foot{color:var(--faint);margin-top:8px;font-size:10px;display:block}.capture-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 14px;margin:0;padding:0;list-style:none;display:grid}.capture-list li{background:#040c0966;border:1px solid #ff9c8e47;border-radius:8px;align-items:baseline;gap:8px;padding:5px 9px;animation:.22s ease-out bubble-in;display:flex}.capture-label{color:var(--faint);text-transform:uppercase;letter-spacing:.05em;flex:none;font-size:10px}.capture-value{color:#ffd8cf;font-family:var(--mono);overflow-wrap:anywhere;font-size:12.5px}.thread{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:10px;margin:0;padding:22px 20px;list-style:none;display:flex;overflow-y:auto}.thread-empty{max-width:320px;color:var(--faint);text-align:center;margin:auto;font-size:13px;line-height:1.55}.thread-notice{color:var(--amber);background:#f5c46b14;border-radius:999px;align-self:center;padding:5px 10px;font-size:11px}.bubble{border-radius:16px;max-width:min(78%,520px);padding:10px 14px 8px;animation:.22s ease-out bubble-in}.bubble p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0 0 6px;font-size:15px;line-height:1.45}.bubble-spoken.is-pending{opacity:.6;font-style:italic}.bubble .bubble-hidden{font-family:var(--mono);align-items:baseline;gap:8px;font-size:12.5px;display:flex}.hidden-tag{color:var(--amber);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;background:#f5c46b29;border-radius:999px;flex:none;padding:2px 7px;font-size:10px}.bubble-me .hidden-tag{color:#06110d;background:#06110d24}.thread-notice[data-tone=error]{color:var(--danger);background:#ff9c8e14}.bubble.is-injection{border:1px solid #ff5a4699;box-shadow:0 0 0 1px #ff5a4640,0 0 18px #ff5a4638}.bubble.is-injection .hidden-tag{color:#ffd0c7;background:#ff5a4638}.bubble small{opacity:.72;font-size:10px;display:block}.bubble-me{color:#06110d;background:var(--accent);border-bottom-right-radius:5px;align-self:flex-end}.bubble-me small[data-state=error]{color:#7a1d10;opacity:1}.bubble-me small[data-state=done]{opacity:.9}.bubble-them{border:1px solid var(--line);background:#102019;border-bottom-left-radius:5px;align-self:flex-start}.bubble-them small{color:#8fa29a}.composer{border-top:1px solid var(--line);background:#050e0b99;flex:none;padding:12px 16px}.waiting-bar{color:#aab7b1;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.waiting-bar span{align-items:center;gap:8px;display:inline-flex}.pulse{background:var(--amber);border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite pulse;display:block}.composer-fields{gap:8px;display:grid}.composer textarea,.hidden-row{background:var(--inset);border:1px solid #ffffff24;border-radius:12px}.composer textarea{resize:none;color:#edf5f0;width:100%;min-height:44px;max-height:120px;padding:11px 14px;line-height:1.45}.hidden-row{align-items:center;gap:10px;padding:0 12px;display:flex}.hidden-row input{color:#edf5f0;min-width:0;height:42px;font-family:var(--mono);background:0 0;border:0;outline:none;flex:auto;font-size:13px}.hidden-row:focus-within{border-color:#f5c46b80}.hidden-row output{color:var(--faint);font-family:var(--mono);font-size:10px}.hidden-row output.is-error{color:var(--danger)}.composer textarea::placeholder,.hidden-row input::placeholder{color:#52615a}.composer textarea:disabled,.hidden-row input:disabled{cursor:not-allowed;opacity:.6}.composer-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.composer-buttons{align-items:center;gap:8px;display:flex}.composer-buttons .ghost-action{min-height:46px;padding:0 16px;font-weight:600}.composer-buttons .ghost-action:disabled{cursor:default;opacity:.4}.toggle{color:#aab7b1;cursor:pointer;align-items:center;gap:8px;font-size:12px;display:inline-flex}.toggle input{accent-color:var(--accent)}.toggle small{color:var(--faint);font-family:var(--mono);font-size:10px}.send-button{color:#06110d;background:var(--accent);cursor:pointer;border:0;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;font-size:20px;font-weight:700;transition:opacity .15s,transform .15s;display:grid}.send-button:hover:not(:disabled){transform:translateY(-1px)}.send-button:disabled{cursor:default;opacity:.3}footer{color:#53635b;letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:24px 4px 36px;font-size:10px;display:flex}.build-info{color:#6f8078;font-family:var(--mono);text-transform:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}@keyframes pulse{50%{opacity:.35}}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}}@media (width<=760px){.shell{width:min(100% - 24px,620px)}.masthead{min-height:64px}.experiment-badge{padding:6px 9px;font-size:9px}.join{padding:44px 2px 24px}.chat{height:calc(100dvh - 110px);min-height:460px;margin-top:12px}.chat-header{padding:12px 14px}.settings{grid-template-columns:1fr;padding:16px 14px}.file-action{display:none}.file-drop{grid-template-columns:auto minmax(0,1fr)}.thread{padding:16px 14px}.bubble{max-width:86%}.composer-buttons .ghost-action{padding:0 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}