:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;color:#f5f5f5;--dock-height: 320px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:#000}button,input{font:inherit}[hidden]{display:none!important}.brand{position:fixed;top:max(16px,env(safe-area-inset-top));left:0;right:0;z-index:10;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none}.brand-name{color:#6a6a6a;font-size:.72rem;font-weight:500;letter-spacing:.08em}.stack{max-width:80vw;color:#4a4a4a;font-size:.68rem;font-weight:400;letter-spacing:.02em;overflow-wrap:anywhere}.stage{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.stage:has(#view-stage:not([hidden])){display:block;padding:0;min-height:0}.view{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}#view-connecting{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;padding-top:max(72px,calc(22vh + env(safe-area-inset-top)))}.sleep-video{width:min(44vw,210px);aspect-ratio:1 / 1;object-fit:contain;flex:none}.connect-title{height:63px;display:flex;align-items:center;justify-content:center;margin:24px 0 0;padding:0 20px;font-size:clamp(1.45rem,6vw,1.9rem);font-weight:500;line-height:1.2;letter-spacing:-.02em;color:#f5f5f5}.connect-step{height:64px;display:flex;align-items:flex-start;justify-content:center;margin:0;padding:0 20px;max-width:420px;font-size:clamp(1.05rem,4.5vw,1.3rem);line-height:1.35;color:#7d7d7d;transition:opacity .25s ease}.connect-step.fading{opacity:0}#view-connecting .pill{margin-top:12px;flex:none}#view-stage.view-live{position:relative;min-height:100dvh;transform:none;align-items:stretch;text-align:left}.feed{width:80vw;margin:0 auto;padding-top:max(72px,calc(env(safe-area-inset-top) + 52px));padding-bottom:calc(var(--dock-height) + 28px);display:flex;flex-direction:column;gap:1.35rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.feed>*{scroll-margin-bottom:calc(var(--dock-height) + 16px)}.block{display:flex;flex-direction:column;gap:.35rem}.line{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem;margin:0;max-width:100%;font-size:clamp(.85rem,2vw,1.05rem);font-weight:400;line-height:1.45;letter-spacing:-.02em;overflow-wrap:break-word}.gutter{color:#4a4a4a;font-size:.72rem;font-weight:500;line-height:1.7}.line.user{color:#7a7a7a}.line.user.partial{color:#c9a24a;font-style:italic}.line.user.speaking-hint{color:#7a7a7a}.line.assistant{color:#f2f2f2}.line.assistant .word.enter{animation:word-stream-in .28s ease both;animation-delay:calc(var(--word-i, 0) * 40ms)}@keyframes word-stream-in{0%{opacity:0;transform:translateY(.25em)}to{opacity:1;transform:translateY(0)}}.speaking-dots{display:inline-flex;align-items:center;gap:.28em;min-height:1em}.speaking-dots span{width:.32em;height:.32em;border-radius:50%;background:currentColor;animation:speaking-dot 1.2s ease-in-out infinite}.speaking-dots span:nth-child(2){animation-delay:.16s}.speaking-dots span:nth-child(3){animation-delay:.32s}@keyframes speaking-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-.12em)}}.line.tool,.line.progress,.line.notes{color:#5a5a5a;font-size:.82rem;font-style:italic}.dock{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 16px max(12px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#0000,#000 32%)}.orb-cluster{display:flex;flex-direction:column;align-items:center;gap:4px}.orb-wrap{width:108px;aspect-ratio:1 / 1;flex:none}.orb-state{margin:0;color:#5a5a5a;font-size:.78rem;font-weight:500;letter-spacing:.04em}.orb-state.live{color:#d4a017}#orbcv{display:block;width:100%;height:100%}.stage-hint{min-height:1.5em;margin:0;color:#7d7d7d;font-size:.95rem;line-height:1.5;max-width:340px;text-align:center}.stage-hint:empty{display:none}.pill{min-height:56px;padding:0 22px;border:0;border-radius:999px;cursor:pointer;font-weight:700;font-size:1.05rem;color:#000;background:#f5f5f5}.pill:disabled{cursor:wait;opacity:.4}.call-controls{display:flex;align-items:center;justify-content:center;gap:10px}.pill.stop{background:#3a3a3c;color:#f5f5f5}.pill.mute{background:#5c5c5c;color:#fff}.pill.end{background:#f3c6c2;color:#b42318}.pill.mute.muted{background:#3a3a3c;color:#9a9a9a}.settings-wrap{position:relative;display:flex}.pill.gear{display:grid;place-items:center;width:56px;padding:0;background:#5c5c5c;color:#fff}.pill.gear svg{width:24px;height:24px}.pill.gear[aria-expanded=true]{background:#3a3a3c}.settings-menu{position:absolute;bottom:calc(100% + 10px);right:0;z-index:20;min-width:208px;padding:10px 0;border-radius:14px;background:#1c1c1e;color:#f5f5f5;box-shadow:0 12px 32px #00000073;text-align:left}.settings-heading{margin:0;padding:8px 16px 4px;color:#9a9a9a;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.settings-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:0;background:none;color:inherit;cursor:pointer;font:inherit;font-size:1rem;text-align:left}.settings-option:hover,.settings-option:focus-visible{background:#2c2c2e}.settings-option:before{content:"";width:16px;flex:none;color:#f5f5f5}.settings-option[aria-checked=true]:before{content:"✓"}.settings-option[aria-checked=true]{font-weight:700}.settings-soon{margin:0;padding:4px 16px 8px;color:#6f6f6f;font-size:.92rem}.card{max-width:430px;gap:0}.eyebrow{margin:0 0 12px;color:#7d7d7d;font-size:.72rem;font-weight:800;letter-spacing:.18em}.card h1{margin:0;font-size:clamp(1.7rem,7.5vw,2.3rem);line-height:1.08;letter-spacing:-.03em;font-weight:600}#message{min-height:52px;margin:16px auto 28px;color:#9a9a9a;line-height:1.55;max-width:340px}#diagnostics{position:fixed;left:0;right:0;bottom:0;z-index:1;padding:8px 16px max(8px,env(safe-area-inset-bottom));color:#4a4a4a;font-size:.75rem;text-align:left}#diagnostics summary{cursor:pointer;text-align:center;list-style:none}#diagnostics dl{margin:12px auto 0;max-width:430px}#diagnostics dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:6px 0;border-top:1px solid #1c1c1e}#diagnostics dt{color:#4a4a4a}#diagnostics dd{margin:0;color:#7d7d7d;overflow-wrap:anywhere}