:root{--ink:#2a2723;--muted:#6b665e;--bg:#f5f2ec;--card:#fffdf9;--line:#e4ded3;--accent:#6b5b4a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,Times New Roman,serif;line-height:1.6}.page{max-width:820px;margin:0 auto;padding:48px 24px 64px;min-height:100vh;display:flex;flex-direction:column;gap:28px}.head h1{font-size:28px;font-weight:500;margin:0 0 6px;letter-spacing:.2px}.sub{color:var(--muted);margin:0;font-style:italic}.intro{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px}.intro p{margin:0 0 16px}.note{font-size:15px;color:var(--muted);border-left:3px solid var(--line);padding-left:14px}.begin{font-family:inherit;font-size:17px;color:#fff;background:var(--accent);border:none;border-radius:8px;padding:12px 22px;cursor:pointer}.begin:hover{background:#57493b}.mic{font-size:14px;color:var(--muted);margin:12px 0 0}.stage{aspect-ratio:16/10;width:100%;background:#000;border-radius:12px;overflow:hidden}.foot{margin-top:auto;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}