:root{--ink: #0c0b09;--ink-2: #141210;--warm: #1c1814;--cream: #e8e0d4;--cream-dim: #b9aea0;--mute: #8a8074;--line: rgba(232, 176, 112, .14);--ember: #c45c2a;--ember-hot: #e08a3c;--gold: #f4d5a8;--safe-t: max(20px, env(safe-area-inset-top));--safe-r: max(20px, env(safe-area-inset-right));--safe-b: max(22px, env(safe-area-inset-bottom));--safe-l: max(20px, env(safe-area-inset-left))}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;min-height:100dvh;background:var(--ink);color:var(--cream);font-family:Sora,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none}body{background:radial-gradient(1200px 700px at 50% -10%,#241910 0%,transparent 55%),radial-gradient(800px 500px at 50% 110%,#1a0e0a 0%,transparent 50%),var(--ink)}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 38%,rgba(0,0,0,.42) 100%);z-index:0}#app{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.brand h1{margin:0;font-family:Newsreader,ui-serif,Georgia,serif;font-weight:500;font-size:34px;letter-spacing:-.03em;line-height:1;color:var(--cream)}.tag{margin:8px 0 0;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}.status{margin:28px 0 12px;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}body.is-listen .status,body.is-hold .status,body.is-live .status{color:var(--ember-hot)}body.is-think .status{color:var(--gold)}body.is-speak .status{color:var(--cream-dim)}.log{flex:1;overflow:hidden;padding:0;opacity:0;height:0;pointer-events:none}.turn{margin:0 0 22px}.turn .meta{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.turn .who{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.turn.is-staff .who{color:var(--ember-hot)}.turn .when{font-size:11px;color:#5e574f}.turn .text{margin:0;font-size:18px;line-height:1.45;color:var(--cream);-webkit-user-select:text;user-select:text}.turn.is-staff .text{font-family:Newsreader,ui-serif,Georgia,serif;font-size:21px;font-weight:400;letter-spacing:-.015em;color:#f3ebe1}.turn.is-live .text{color:var(--cream-dim);font-style:italic}.dock{display:flex;flex-direction:column;align-items:center;padding-top:8px}#orb{position:relative;width:96px;height:96px;min-width:96px;min-height:96px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none}#orb:focus-visible{outline:1px solid var(--gold);outline-offset:6px}.orb-core{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4d5a8,#e08a3c 22%,#b8431a 48%,#3a1810 72%,#120c0a);box-shadow:0 0 0 1px #e8b07033,0 10px 36px #b4401461,0 0 64px #c8501838;transform:scale(1);animation:breathe 3.4s ease-in-out infinite}.orb-lens{position:absolute;top:22%;left:24%;width:30%;height:18%;border-radius:50%;background:linear-gradient(180deg,#fff6e8b8,#e08a3c05);filter:blur(.4px);pointer-events:none}.orb-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(244,213,168,.14);opacity:0;transform:scale(.92)}body.is-hold .orb-core,body.is-listen .orb-core{animation:none;transform:scale(1.06);box-shadow:0 0 0 1px #f4d5a859,0 12px 40px #c45c2a80,0 0 90px #e08a3c66}body.is-hold .orb-ring,body.is-listen .orb-ring,body.is-live .orb-ring{opacity:1;animation:ring 1.6s ease-out infinite}body.is-speak .orb-core{animation:speakPulse 1.8s ease-in-out infinite}body.is-think .orb-core{animation:think 1.1s ease-in-out infinite}.hint{margin:14px 0 0;min-height:44px;display:flex;align-items:flex-start;justify-content:center;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}@keyframes breathe{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.03);filter:brightness(1.08)}}@keyframes ring{0%{transform:scale(.96);opacity:.55}to{transform:scale(1.22);opacity:0}}@keyframes speakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes think{0%,to{filter:brightness(.92)}50%{filter:brightness(1.15)}}@media(prefers-reduced-motion:reduce){.orb-core,.orb-ring{animation:none!important}}