:root{--bg: #0b0e14;--bg-raised: #121826;--bg-card: #151c2c;--border: #243049;--text: #e6ebf4;--text-dim: #9aa7bd;--accent: #4f8cff;--accent-strong: #2f6fe8;--accent-soft: rgba(79, 140, 255, .12);--ok: #3ecf8e;--ok-soft: rgba(62, 207, 142, .14);--danger: #ff5d6c;--danger-soft: rgba(255, 93, 108, .12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.6;-webkit-font-smoothing:antialiased}.shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px}.shell>*{width:100%;max-width:480px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 22px;font-weight:700;letter-spacing:.01em;width:100%;max-width:480px}.topbar-start{display:flex;align-items:center;gap:8px}.brand-mark{color:var(--accent)}.brand-by{font-weight:400;color:var(--text-dim);font-size:.85em}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px 22px;margin-bottom:16px}.card h1,.card h2,.card p{margin:0 0 12px}.card p:last-child{margin-bottom:0}.card-ok{border-color:var(--ok);background:var(--ok-soft)}.dim{color:var(--text-dim)}.lead{color:var(--text-dim);font-size:.95em;margin:0 0 16px}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.btn:disabled{opacity:.55;cursor:default}.btn-block{display:flex;width:100%}.btn-primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.btn-danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.btn-small{min-height:0;padding:8px 14px;font-size:.9em}a.card-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:8px;background:var(--accent-strong);border:1px solid var(--accent-strong);color:#fff!important;font-weight:600;text-decoration:none;width:100%}a.card-link:hover{background:var(--accent);border-color:var(--accent)}.error-box{display:block;background:var(--danger-soft);border:1px solid var(--danger);border-radius:8px;color:var(--text);padding:14px 16px;margin:0 0 12px}.notice-box{display:block;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:14px 16px;margin:0 0 12px}input{width:100%;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;min-height:48px;padding:11px 14px;margin-bottom:10px}input:focus{outline:none;border-color:var(--accent)}.who-line{font-size:.95em;color:var(--text-dim);margin:0 0 16px;max-width:480px;width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}