:root{--bg: #f5f6f8;--card: #ffffff;--text: #1c1e21;--muted: #6b7280;--accent: #4f46e5;--error: #b91c1c;--border: #e5e7eb}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}.screen{max-width:480px;margin:0 auto;padding:16px;padding-bottom:env(safe-area-inset-bottom,16px);display:flex;flex-direction:column;gap:12px}.topbar{font-weight:700;font-size:18px;padding:8px 0 4px}.muted{color:var(--muted);margin:4px 0}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.card h2{margin:4px 0;font-size:20px}.card-error{border-color:#fca5a5}.card-error h2{color:var(--error)}.action{position:relative;width:100%;background:var(--accent);color:#fff;border:none;border-radius:14px;padding:18px 16px;font-size:17px;font-weight:600;text-align:left;cursor:pointer}.action:disabled{opacity:.55;cursor:default}.action .soon{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:500;background:#ffffff40;padding:2px 8px;border-radius:999px}.debug{margin-top:12px;font-size:13px;color:var(--muted)}.debug summary{cursor:pointer}.debug ul{margin:8px 0 0;padding-left:18px}.dev{margin-top:16px}.dev textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px;font-family:monospace;font-size:13px;resize:vertical}.dev .action{margin-top:8px}