:root{color-scheme:dark;--bg:#0b0b0f;--panel:#15151c;--border:#23232e;--text:#e8e8f0;--muted:#8a8a99;--accent:#7c5cff;--ok:#3ddc97;--danger:#ff5c7c;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text)}.page,body,html{min-height:100dvh}.page{padding:24px 20px 40px;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px}.card h2{margin:0 0 6px;font-size:17px}.card .sub{color:var(--muted);font-size:13px;line-height:1.5}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--accent);color:#fff;padding:12px 16px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center}.muted{color:var(--muted)}.ok{color:var(--ok)}.err{color:var(--danger)}pre{background:#1d1d26;padding:10px;border-radius:10px;font-size:12px;white-space:pre-wrap;word-break:break-all}