:root{--cream: #fafaf8;--cream-mid: #f4f1ec;--warm-black: #0c0c0c;--body: #5e5c57;--muted: #9c9a95;--border: #e0ddd6;--burnt: #c45d2c;--burnt-dark: #a84e25;--burnt-light: #e89968}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{font-family:Outfit,system-ui,sans-serif;background:var(--cream);color:var(--warm-black);-webkit-font-smoothing:antialiased;line-height:1.6}.wrap{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--cream)}.inner{max-width:640px;width:100%;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--burnt);margin-bottom:24px;padding:8px 14px;background:#c45d2c0f;border:1px solid rgba(196,93,44,.18);border-radius:100px}.dot{width:6px;height:6px;border-radius:50%;background:var(--burnt);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.title{font-family:Outfit,sans-serif;font-size:clamp(32px,5vw,48px);font-weight:700;letter-spacing:-.03em;line-height:1.04;color:var(--warm-black);margin-bottom:20px}.title em{font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:700}.sub{font-size:15px;font-weight:300;line-height:1.7;color:var(--body);max-width:520px;margin:0 auto 48px}.stage{background:#fff;border:1px solid var(--border);border-radius:14px;padding:56px 40px 48px;position:relative;overflow:hidden}.stage:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--burnt),var(--burnt-light))}.orb{width:140px;height:140px;margin:0 auto 32px;position:relative}.orb-core{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--burnt-light),var(--burnt) 60%,var(--burnt-dark));box-shadow:0 0 40px #c45d2c40;transition:all .5s cubic-bezier(.32,.72,0,1)}.orb-ring{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(196,93,44,.2);border-radius:50%;transition:all .5s cubic-bezier(.32,.72,0,1)}.orb-ring.ring2{top:0;right:0;bottom:0;left:0;border-color:#c45d2c1a}.orb.live .orb-core{animation:breathe 2.4s ease-in-out infinite;box-shadow:0 0 60px #c45d2c66}.orb.live .orb-ring{animation:ring-pulse 2.4s ease-in-out infinite}.orb.live .orb-ring.ring2{animation:ring-pulse 2.4s ease-in-out infinite .4s}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.15);opacity:.9}}.orb.speaking .orb-core{animation:speaking .6s ease-in-out infinite;box-shadow:0 0 80px #c45d2c8c}@keyframes speaking{0%,to{transform:scale(1.05)}50%{transform:scale(1.18)}}.status-label{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:28px;min-height:14px}.btn-primary,.btn-end{display:inline-block;font-family:Outfit,sans-serif;font-weight:600;font-size:14.5px;letter-spacing:.01em;padding:16px 36px;border-radius:6px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-primary{background:var(--burnt);color:#fff;box-shadow:0 6px 24px #c45d2c47}.btn-primary:hover{background:#d06832;transform:translateY(-2px);box-shadow:0 10px 36px #c45d2c66}.btn-end{background:transparent;color:var(--warm-black);border:1px solid var(--border)}.btn-end:hover{background:#f4f1ec;border-color:#d5d2cb}.error{margin-top:20px;padding:12px 16px;background:#c45d2c14;border:1px solid rgba(196,93,44,.2);border-radius:6px;color:var(--burnt-dark);font-size:13px;font-weight:500}.hint{margin-top:24px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.04em;color:var(--muted);line-height:1.6}@media (max-width: 600px){.stage{padding:44px 24px 36px}.orb{width:120px;height:120px}}