:root{--bg:#100e0c;--bg-deep:#0b0a09;--orb-from:#1b1712;--orb-to:#100e0c;--gold:#be9e72;--gold-soft:#be9e7252;--gold-faint:#be9e721a;--text:#e8e3db;--text-2:#c9c3b9;--muted:#6f6f6f}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:hidden}.welcome{text-align:center;width:min(86vw,340px);transition:opacity .9s;position:absolute;top:clamp(56px,12vh,140px);left:50%;transform:translate(-50%)}.welcome p{letter-spacing:.2px;color:var(--text-2);text-wrap:balance;font-size:clamp(18px,4.6vw,21px);font-weight:300;line-height:1.62}.stage{flex-direction:column;align-items:center;gap:clamp(22px,5vh,40px);display:flex}.orb-wrap{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.glow{aspect-ratio:1;background:radial-gradient(circle, var(--gold-faint), transparent 65%);pointer-events:none;border-radius:50%;width:clamp(280px,82vw,340px);transition:opacity 1.2s,transform 1.2s;position:absolute}.orb{aspect-ratio:1;background:radial-gradient(circle at 50% 40%, var(--orb-from), var(--orb-to) 72%);border:1px solid var(--gold-soft);will-change:transform;border-radius:50%;justify-content:center;align-items:center;width:clamp(208px,62vw,236px);transition:transform .9s cubic-bezier(.4,0,.2,1),border-color .9s,box-shadow .9s;display:flex;position:relative;box-shadow:inset 0 1px #be9e7214,0 0 50px #be9e7212}.orb-label{letter-spacing:1px;color:var(--text);font-size:21px;font-weight:400;transition:opacity .6s}.ring{border:1px solid var(--gold-soft);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}body.is-idle .orb{animation:6s ease-in-out infinite breathe}body.is-listening .orb{border-color:var(--gold);transform:scale(1.05);box-shadow:inset 0 1px #be9e721f,0 0 70px #be9e722e}body.is-listening .ring{animation:1.8s ease-out infinite pulse-ring}body.is-listening .glow{transform:scale(1.1)}body.is-thinking .orb{animation:2.4s ease-in-out infinite shimmer}body.is-speaking .orb{border-color:var(--gold);animation:1.6s ease-in-out infinite speak}body.is-speaking .glow{transform:scale(1.06)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes pulse-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.28)}}@keyframes shimmer{0%,to{opacity:.78}50%{opacity:1}}@keyframes speak{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@media (prefers-reduced-motion:reduce){.orb,.glow,.ring{transition:opacity .4s;animation:none!important}}.hint{letter-spacing:.3px;min-height:20px;color:var(--muted);text-align:center;font-size:14px;font-weight:300;transition:opacity .5s}.controls{opacity:0;pointer-events:none;align-items:center;gap:28px;transition:opacity .6s;display:flex;position:absolute;bottom:clamp(40px,7vh,72px);left:50%;transform:translate(-50%)}body.in-practice .controls{opacity:1;pointer-events:auto}.ctrl{color:var(--text-2);letter-spacing:.4px;cursor:pointer;opacity:.7;background:0 0;border:none;padding:8px 4px;font-family:inherit;font-size:15px;font-weight:400;transition:opacity .3s}.ctrl:hover,.ctrl:focus-visible{opacity:1;outline:none}.ctrl:focus-visible{text-underline-offset:4px;text-decoration:underline}.debug{color:#8a8378;z-index:50;background:#0b0a09eb;border-top:1px solid #1c1a17;max-height:34vh;padding:8px 12px 10px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(100%)}.debug.open{transform:translateY(0)}.debug .err{color:#ff8a80}.debug .ok{color:#9ccc9c}.debug-toggle{color:var(--muted);cursor:pointer;z-index:51;background:#0b0a0999;border:1px solid #1c1a17;border-radius:6px;padding:5px 8px;font:11px/1 ui-monospace,monospace;position:fixed;bottom:10px;right:12px}.blocker{background:var(--bg);z-index:100;text-align:center;justify-content:center;align-items:center;padding:32px;display:none;position:fixed;inset:0}.blocker.show{display:flex}.blocker p{max-width:340px;color:var(--text-2);font-size:16px;font-weight:300;line-height:1.6}.blocker code{color:var(--gold);font-family:ui-monospace,monospace;font-size:14px}.feedback-zone{z-index:52;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:clamp(70px,12vh,110px);right:clamp(16px,5vw,28px)}.fb-btn{border:1px solid var(--gold-soft);min-width:56px;height:56px;color:var(--text);letter-spacing:.3px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#be9e721f;border-radius:28px;justify-content:center;align-items:center;padding:0 18px;font-family:inherit;font-size:15px;transition:background .3s,border-color .3s;display:inline-flex}.fb-icon{display:block}.fb-btn:hover,.fb-btn:focus-visible{border-color:var(--gold);outline:none}.fb-btn.rec{border-color:var(--gold);letter-spacing:.3px;background:#be9e7238;font-size:14px}.fb-btn:disabled{opacity:.6;cursor:default}.fb-indicator{color:var(--text-2);white-space:nowrap;background:#0b0a09b3;border:1px solid #1c1a17;border-radius:14px;align-items:center;gap:8px;padding:7px 12px;font:12px/1 Inter,-apple-system,sans-serif;display:flex}.fb-indicator.ok{color:#9ccc9c}.fb-indicator.err{color:#ff8a80}.fb-dot{background:#ff6b6b;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite fb-pulse}@keyframes fb-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.fb-dot{animation:none}}