:root{--bg: #0d0d12;--card: #17171f;--ink: #f2f2f5;--quiet: #9a9aab;--line: #2a2a36;--accent: #ff3d7f;--ok: #3ddc97;--warn: #ffb547;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,sans-serif}main{max-width:720px;margin:0 auto;padding:16px 16px calc(32px + env(safe-area-inset-bottom))}h1{font-size:1.6rem;margin:8px 0 4px}h2{font-size:1.1rem;margin:0 0 12px}.tag{font-size:.8rem;color:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:1px 6px;vertical-align:middle}.lede,.hint{color:var(--quiet);font-size:.9rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0}.row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}label{display:flex;flex-direction:column;font-size:.8rem;color:var(--quiet);gap:4px}select,button,textarea{font:inherit;color:var(--ink);background:#22222c;border:1px solid var(--line);border-radius:8px}select{padding:8px;min-width:120px}button{padding:10px 16px;cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;width:100%}button.ghost{background:transparent}button:disabled{opacity:.45;cursor:default}button.rec{width:100%;margin-top:12px;padding:22px;font-size:1.1rem;font-weight:600;user-select:none;-webkit-user-select:none;touch-action:none}button.rec.on{background:var(--ok);color:#000}.progress{height:6px;background:#22222c;border-radius:3px;margin:12px 0 4px;overflow:hidden}.progress div{height:100%;width:0;background:var(--accent);transition:width .2s}.status{color:var(--quiet);font-size:.85rem;min-height:1.2em;margin:4px 0}.warn{color:var(--warn)}pre{white-space:pre-wrap;word-break:break-word;font:12.5px/1.45 ui-monospace,Menlo,monospace;color:#d8d8e0;margin:8px 0 0}textarea{width:100%;font:12px ui-monospace,Menlo,monospace;padding:8px}