:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16110e;--bg-raise:#221b16;--bg-raise-2:#2c231c;--line:#3b3027;--cream:#f3e6d4;--cream-dim:#c9b8a2;--gold:#e8a45a;--mint:#9ee3c0;--rose:#f0a0a0;--ok:#8fdb9a;--shadow:0 18px 50px #00000059;font-family:Iowan Old Style,Palatino Linotype,Palatino,Songti TC,Noto Serif TC,Georgia,serif}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 600px at 80% -10%, #3a2a1c 0%, transparent 55%), var(--bg);min-height:100%;color:var(--cream);margin:0}body{min-height:100dvh}button,textarea,input{font:inherit}button{cursor:pointer}.app{width:min(44rem,100%);padding:1.25rem 1.1rem calc(1.5rem + env(safe-area-inset-bottom));margin:0 auto}.top{padding:.4rem 0 1rem}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0;font-family:ui-sans-serif,PingFang TC,Noto Sans TC,sans-serif;font-size:.78rem}h1{letter-spacing:-.03em;margin:.2rem 0 0;font-size:clamp(2rem,8vw,3.2rem);font-weight:600}.unit,.goal,.hint,.lead,.status,.note,.window,.rates,.live,label,dt{font-family:ui-sans-serif,PingFang TC,Microsoft JhengHei,Noto Sans TC,sans-serif}.unit{color:var(--cream-dim);margin:.35rem 0 0;font-size:1rem}.status{background:var(--bg-raise);border:1px solid var(--line);border-radius:.7rem;margin:.7rem 0 0;padding:.55rem .7rem;font-size:.92rem}.status[data-state=ok]{color:var(--ok)}.status[data-state=warn]{color:var(--gold)}.status[data-state=error]{color:var(--rose)}.gate,.practice,.cost,.done{background:color-mix(in srgb, var(--bg-raise) 92%, transparent);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1.15rem}.gate,.practice{margin-bottom:1rem;padding:1.15rem 1.15rem 1.25rem}.lead{margin:0 0 1rem;font-size:1.15rem;line-height:1.45}.goal{color:var(--gold);margin:0 0 .8rem;font-size:1rem}.hint{color:var(--cream-dim);margin:.85rem 0 0;font-size:.92rem}.log{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.log li{background:var(--bg-raise-2);border-radius:.95rem;padding:.85rem .95rem}.log .who{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem;font-family:ui-sans-serif,PingFang TC,sans-serif;font-size:.75rem;display:block}.log p{margin:0;font-size:clamp(1.25rem,4.5vw,1.55rem);line-height:1.35}.log .you{background:#2a2114}.replay,.row button,.type-form button,#end-btn,#type-btn,#again-btn{appearance:none;border:1px solid var(--line);color:var(--cream);background:0 0;border-radius:999px;min-height:44px;padding:.45rem .85rem}.replay{margin-top:.55rem}.live{min-height:1.4em;color:var(--cream-dim);margin:.9rem 0}.composer{justify-items:center;gap:.75rem;display:grid}#mic-btn,#start-btn{appearance:none;background:var(--gold);color:#21150c;letter-spacing:.02em;border:0;font-family:ui-sans-serif,PingFang TC,sans-serif;font-weight:700}#start-btn{border-radius:999px;width:100%;min-height:52px;font-size:1.1rem}#mic-btn{width:9.5rem;height:9.5rem;box-shadow:0 0 0 10px color-mix(in srgb, var(--gold) 18%, transparent);border-radius:50%;font-size:1.15rem}#mic-btn[data-live="1"]{background:#f2c27a;animation:1.2s ease-in-out infinite pulse}#mic-btn:disabled,#start-btn:disabled{opacity:.55}.row{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.type-form{gap:.45rem;margin-top:.9rem;display:grid}.type-form[hidden]{display:none}textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:4.5rem;color:var(--cream);background:#1a1511;border-radius:.8rem;padding:.7rem .8rem}.cost{padding:1rem 1.1rem 1.1rem}.cost h2,.cost h3,.done h2{margin:0;font-family:ui-sans-serif,PingFang TC,sans-serif}.cost h2{letter-spacing:.08em;text-transform:uppercase;color:var(--cream-dim);font-size:1rem}.cost h3{margin-bottom:.4rem;font-size:.95rem}.window{margin:.35rem 0 .8rem}.cost-grid{gap:.9rem;display:grid}@media (width>=640px){.cost-grid{grid-template-columns:1fr 1fr}}dl{gap:.35rem;margin:0;display:grid}dl div{justify-content:space-between;gap:.75rem;font-size:1rem;display:flex}dt{color:var(--cream-dim)}dd{font-variant-numeric:tabular-nums;color:var(--mint);margin:0;font-family:ui-sans-serif,SF Mono,Source Code Pro,monospace}.note,.rates{color:var(--cream-dim);font-size:.86rem;line-height:1.45}.note{margin:.85rem 0 0}.rates{margin-top:1rem;padding:0 .2rem 2rem}.rates p{margin:.35rem 0}.rates a{color:var(--gold)}.rates table{border-collapse:collapse;width:100%;margin:.6rem 0;font-size:.86rem}.rates th,.rates td{text-align:left;border-bottom:1px solid var(--line);padding:.35rem .3rem}.rates code{color:var(--mint);font-family:ui-sans-serif,SF Mono,monospace}.done{background:var(--bg-raise);width:min(24rem,100vw - 2rem);color:var(--cream);border:1px solid var(--line);border-radius:1rem;padding:1.1rem}.done::backdrop{background:#0a0806a6}.done p{margin:.4rem 0;font-family:ui-sans-serif,PingFang TC,sans-serif}#again-btn{background:var(--gold);color:#21150c;border:0;width:100%;margin-top:.8rem;font-weight:700}button:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@keyframes pulse{50%{box-shadow:0 0 0 16px color-mix(in srgb, var(--gold) 8%, transparent)}}@media (width<=420px){#mic-btn{width:8.4rem;height:8.4rem}}