:root{--bg: #f4f1ea;--text: #0a0f2c;--text-muted: rgba(10, 15, 44, .78);--text-faint: rgba(10, 15, 44, .4);--gold: #c5a55a;--gold-text: #8a6a2e;--sage: #6b7b6e;--card: #ffffff;--navy: #0a0f2c;--rule: rgba(10, 15, 44, .14);--rule-gold: rgba(197, 165, 90, .5);--serif: "Cormorant Garamond", Georgia, serif;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;flex-direction:column}.masthead{text-align:center;padding:22px 24px 18px;border-bottom:1px solid var(--rule-gold)}.masthead-logo{display:inline-block;height:30px;width:auto}main{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px}.card{width:100%;max-width:720px;background:var(--card);border:1px solid var(--rule);padding:72px 56px 56px;text-align:center;animation:fadeUp .5s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.card{animation:none}}h1{font-family:var(--serif);font-size:clamp(21px,3.6vw,28px);font-weight:400;line-height:1.3;margin:0 0 12px}.card-sub{font-size:15px;color:var(--text-muted);margin:0 auto;max-width:44ch}.card-note{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:18px 0 0}.mic-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;margin-top:36px;border-radius:50%;border:none;background:radial-gradient(120% 90% at 50% 0%,#fffffff2,#fff0 55%),linear-gradient(180deg,#fbfbfd,#eef0f6 45%,#dfe2ee);color:var(--navy);cursor:pointer;box-shadow:0 30px 44px -16px #0a0f2c61,0 10px 18px -8px #0a0f2c2e,0 1px 2px #0a0f2c1a,inset 0 0 0 1px #ffffffbf,inset 0 2px 2px #fff,inset 0 -10px 16px #6b6f9438,inset 0 -1px 2px #ffffffe6;transition:transform .16s ease,box-shadow .16s ease}.mic-btn:before{content:"";position:absolute;top:5px;left:20px;right:20px;height:30px;border-radius:50%;background:linear-gradient(180deg,#ffffffe6,#ffffff40 60%,#fff0);filter:blur(.5px);pointer-events:none}.mic-btn:after{content:"";position:absolute;bottom:4px;left:30px;right:30px;height:8px;border-radius:50%;background:linear-gradient(0deg,#ffffff80,#fff0);filter:blur(2px);pointer-events:none}.mic-btn:hover{transform:translateY(-2px);box-shadow:0 36px 52px -18px #0a0f2c6b,0 12px 22px -8px #0a0f2c33,0 1px 2px #0a0f2c1a,inset 0 0 0 1px #fffc,inset 0 2px 2px #fff,inset 0 -10px 16px #6b6f9438,inset 0 -1px 2px #ffffffe6}.mic-btn:active{transform:translateY(1px) scale(.99);box-shadow:0 14px 22px -12px #0a0f2c52,0 4px 8px -4px #0a0f2c29,inset 0 0 0 1px #fff9,inset 0 4px 8px #0a0f2c24,inset 0 -2px 4px #fffc}.mic-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #0a0f2c1f,0 30px 44px -16px #0a0f2c61,inset 0 2px 2px #fff,inset 0 -10px 16px #6b6f9438}.mic-btn:disabled{opacity:.45;cursor:default}.error-note{font-size:14px;color:#a33d2a;max-width:44ch;margin:20px auto 0}.form-block{margin-top:28px;text-align:left;border-top:1px solid var(--rule)}.field{display:block;padding:18px 0 16px;border-bottom:1px solid var(--rule)}.field-label{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11.5px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.field-optional{color:var(--text-faint);text-transform:none;letter-spacing:.04em}.field input{width:100%;border:none;background:transparent;font-family:var(--sans);font-weight:300;font-size:17px;color:var(--text);padding:2px 0;outline:none}.field input::placeholder{color:var(--text-faint)}.field.has-error{border-bottom-color:#a33d2a}.field-error{font-size:12.5px;color:#a33d2a;margin-top:4px}.actions{display:flex;justify-content:center;margin-top:32px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--navy);background:var(--navy);color:var(--bg);font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;padding:15px 34px;cursor:pointer;transition:background .18s ease,color .18s ease}.btn:hover{background:transparent;color:var(--navy)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn:disabled{opacity:.45;cursor:default}.stage{background:var(--navy);color:var(--bg);padding:36px 32px 30px;margin:-24px -8px -8px;text-align:left}.stage-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:26px}.stage-status{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.stage-status.is-listening{color:#9fb3a3}.stage-timer{font-family:var(--mono);font-size:13px;font-weight:300;color:#f4f1eab3;font-variant-numeric:tabular-nums}.visualizer{display:block;width:100%;height:130px}.stage-foot{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-top:18px;border-top:1px solid rgba(197,165,90,.35)}.stage-hint{font-size:13px;color:#f4f1ea8c}.btn-end{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid rgba(244,241,234,.35);color:var(--bg);font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:11px 22px;cursor:pointer;transition:border-color .18s ease,color .18s ease}.btn-end:hover{border-color:var(--gold);color:var(--gold)}.btn-end:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.foot{text-align:center;padding:18px 24px 22px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}@media(max-width:560px){.card{padding:48px 24px 36px}.stage{padding:26px 18px 22px;margin:-16px -4px -4px}.stage-foot{flex-direction:column;gap:14px;align-items:flex-start}}