:root{--green:#0B3720;--secondary:#1D5838;--gold:#C6AA65;--cream:#fbf9f5;--ink:#173a28}*{box-sizing:border-box}body{margin:0;background:#faf8f3;color:var(--ink);font-family:'Niveau Grotesk','Avenir Next',Avenir,'Segoe UI',sans-serif}.page{max-width:1160px;margin:0 auto;padding:28px 22px}.welcome{display:grid;grid-template-columns:43% 1px 1fr;align-items:center;gap:54px;padding:50px 62px 30px;background:linear-gradient(120deg,#fffdf9,#faf7f1);border:1px solid #ebe5db;border-radius:24px;box-shadow:0 14px 42px #283e2810}.identity{text-align:center}.mark{position:relative;width:250px;height:190px;margin:0 auto;transform-origin:center}.letter{font:italic 210px/1 Georgia,'Times New Roman',serif;color:var(--green);display:block}.flourish{position:absolute;left:-10px;top:76px;width:270px;height:90px;overflow:visible}.flourish path{stroke:var(--gold);stroke-width:2;fill:none}.name{font:normal 67px/1.05 Georgia,'Times New Roman',serif;color:var(--green);letter-spacing:-2px}.eyebrow{font-size:11px;letter-spacing:.36em;margin-top:16px;color:var(--green)}.content h1 .script{font-size:1.2em;font-style:italic;font-family:Georgia,'Times New Roman',serif;color:var(--green)}.content h1 .initial{position:relative;display:inline-block}.initial-flourish{position:absolute;left:-.12em;top:.3em;width:1em;height:.4em;overflow:visible;pointer-events:none}.initial-flourish path{stroke:var(--gold);stroke-width:1.5;fill:none;vector-effect:non-scaling-stroke}.rule{height:220px;background:#d8c9b2}.content h1{font:normal clamp(36px,4.2vw,58px)/1.1 Georgia,'Times New Roman',serif;color:var(--green);margin:0 0 15px}.intro{font-size:20px;line-height:1.55;max-width:460px;margin:0 0 22px}.primary{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;max-width:470px;min-height:74px;border:0;border-radius:999px;background:var(--green);color:white;padding:10px 28px;font-size:19px;font-weight:600;line-height:1.2;font-family:inherit;cursor:pointer;box-shadow:0 9px 22px #0b372024}.primary:hover{background:var(--secondary)}.primary:disabled{opacity:.65;cursor:wait}.mic{width:26px;height:26px;flex:none;color:white}.support{text-align:center;max-width:470px;margin:18px 0 4px;font-size:16px}.support:empty{display:none}.controls{display:flex;justify-content:center;gap:10px;max-width:470px;margin:14px 0;flex-wrap:wrap}.controls[hidden]{display:none}.controls button{border-radius:12px;padding:12px 16px;cursor:pointer;font-size:14px;font-weight:600;font-family:inherit}.secondary{background:#e6eee5;border:1px solid #b4cbb3;color:var(--green)}.end{background:#fff0ec;border:1px solid #dfb0a5;color:#843c30}.status{text-align:center;max-width:470px;font-size:13px;color:#496351;min-height:18px;margin:12px 0}.error{font-size:14px;color:#8c3027;background:#fff2ef;padding:12px;border-radius:10px}.disclosure{text-align:center;font-size:12px;color:#5d665e;margin:12px 0 0}.mark[data-state='connecting'] .letter,.mark[data-state='listening'] .letter{animation:breathe 2s ease-in-out infinite}.mark[data-state='speaking'] .letter{animation:speak 1s ease-in-out infinite}.mark[data-state='speaking'] .flourish{animation:wave 1.4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.055)}}@keyframes speak{25%{transform:scaleX(.98) scaleY(1.07)}70%{transform:scaleX(1.035) scaleY(.97)}}@keyframes wave{50%{transform:translateX(7px)}}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:750px){.page{padding:16px}.welcome{display:flex;flex-direction:column;gap:20px;padding:26px 20px}.rule{display:none}.mark{height:148px;width:200px}.letter{font-size:160px}.flourish{top:54px;width:210px;left:-4px}.name{font-size:49px}.eyebrow{font-size:10px}.content{width:100%;text-align:center}.content h1{font-size:36px}.intro{font-size:16px;margin:0 auto 20px}.primary{font-size:16px;min-height:62px}.mic{width:22px;height:22px}.support{font-size:14px}.controls{justify-content:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}