:root{--bg: #f4f1ea;--text: #0a0f2c;--text-muted: rgba(10, 15, 44, .75);--text-faint: rgba(10, 15, 44, .42);--gold: #c5a55a;--navy: #0a0f2c;--cream: #f4f1ea;--rule: rgba(10, 15, 44, .14);--rule-gold: rgba(197, 165, 90, .5);--error: #a33d2a;--serif: "Libre Caslon Display", Georgia, serif;--sans: "Hanken Grotesk", system-ui, sans-serif;--col: 680px;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{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:17px;line-height:1.6;-webkit-font-smoothing:antialiased}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);transition:background-color .6s var(--ease-out)}.page[data-phase=live]{background:var(--navy);color:var(--cream)}.masthead{padding:26px clamp(24px,6vw,72px) 20px;position:relative}.masthead:after{content:"";position:absolute;left:clamp(24px,6vw,72px);right:clamp(24px,6vw,72px);bottom:0;height:1px;background:var(--rule-gold)}.page[data-phase=live] .masthead:after{background:#c5a55a59}.masthead-logo{display:block;height:24px;width:auto}main{flex:1;display:flex;flex-direction:column;padding:clamp(48px,10vh,110px) clamp(24px,6vw,72px) clamp(32px,6vh,72px)}.phase{width:100%;max-width:var(--col);margin-right:auto;animation:fadeUp .7s var(--ease-out) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}h1{font-family:var(--serif);font-size:clamp(38px,6.4vw,58px);font-weight:400;line-height:1.1;letter-spacing:.005em;margin:0 0 clamp(18px,3vh,26px);max-width:16ch}.h1-quiet{font-size:clamp(30px,4.8vw,42px);max-width:22ch}.sub{font-size:17px;color:var(--text-muted);max-width:50ch;margin:0}.note{font-size:13px;color:var(--text-faint);margin:24px 0 0}.error-note{font-size:14.5px;color:var(--error);max-width:50ch;margin:22px 0 0}.invite-start{display:flex;align-items:center;gap:24px;margin-top:clamp(40px,7vh,64px)}.start-label{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.mic-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;border:none;background:var(--navy);color:var(--cream);cursor:pointer;box-shadow:0 16px 28px -16px #0a0f2c80;transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out)}.mic-btn:hover{transform:translateY(-2px);box-shadow:0 20px 34px -16px #0a0f2c8c,0 0 0 1px var(--gold),0 0 0 5px #c5a55a2e}.mic-btn:active{transform:translateY(0);box-shadow:0 8px 16px -10px #0a0f2c80}.mic-btn:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.mic-btn:disabled{opacity:.45;cursor:default}.stage{flex:1;display:flex;flex-direction:column;width:100%;max-width:1040px;margin-right:auto;color:var(--cream);animation:fadeUp .7s var(--ease-out) both}.stage-head{display:flex;justify-content:space-between;align-items:baseline}.stage-status{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.stage-status.is-listening{color:#9fb3a3}.stage-timer{font-size:14px;font-weight:300;color:#f4f1eab3;font-variant-numeric:tabular-nums}.visualizer{display:block;width:100%;flex:1;min-height:160px;max-height:42vh;margin:auto 0}.stage-foot{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(197,165,90,.35)}.stage-hint{font-size:14px;color:#f4f1ea8c}.btn-end{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid rgba(244,241,234,.35);color:var(--cream);font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:12px 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}.form-block{margin-top:clamp(32px,5vh,48px);border-top:1px solid var(--rule)}.field{display:block;padding:20px 0 16px;border-bottom:1px solid var(--rule)}.field-label{display:flex;justify-content:space-between;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.field-optional{color:var(--text-faint);font-weight:300;text-transform:none;letter-spacing:.02em}.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:var(--error)}.field-error{font-size:13px;color:var(--error);margin-top:5px}.actions{display:flex;margin-top:36px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--navy);background:var(--navy);color:var(--bg);font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:16px 36px;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}.foot{padding:18px clamp(24px,6vw,72px) 24px;border-top:1px solid var(--rule);font-size:11.5px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);transition:color .6s var(--ease-out),border-color .6s var(--ease-out)}.page[data-phase=live] .foot{color:#f4f1ea66;border-top-color:#f4f1ea1f}@media(max-width:560px){.masthead{padding-top:20px}.invite-start{gap:20px}.stage-foot{flex-direction:column;gap:14px;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.phase,.stage{animation:none}.page,.foot{transition:none}}