:root{--bg:#f9fafb;--surface:#fff;--border:#e5e7eb;--text:#111827;--text-muted:#6b7280;--primary:#5a2a8f;--primary-hover:#4a2278;--primary-light:#f3e8ff;--success:#15803d;--success-bg:#dcfce7;--warning:#92400e;--warning-bg:#fef9c3;--danger:#b91c1c;--danger-bg:#fee2e2;--radius:8px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}code{background:var(--bg);border-radius:4px;padding:2px 5px;font-family:JetBrains Mono,Menlo,Monaco,Consolas,monospace;font-size:.92em}.page{max-width:960px;margin:0 auto;padding:24px 16px 48px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px}.btn{border-radius:var(--radius);border:1px solid #0000;align-items:center;gap:6px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{color:var(--text);border-color:var(--border);background:0 0}.btn-outline:hover{background:var(--bg)}.btn:disabled{opacity:.55;cursor:not-allowed}.input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;padding:10px 12px}.input:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:#0000}.label{color:var(--text-muted);margin-bottom:6px;font-size:13px;display:block}@media (width<=640px){.page{padding:16px 12px 32px}.card{padding:16px}}