.inline-form{display:contents}:root{--bg: #232426;--sidebar: #1b1c1e;--surface: #2a2c2f;--surface-alt: #313337;--surface-hover: #3b3d42;--line: #3a3c40;--line-hover: #4b4e53;--text: #ffffff;--muted: #b9bcc2;--faint: #9a9ea5;--accent: #55585d;--accent-hover: #63666c;--success: #86be92;--error: #d98c8c;--warn: #d9b98c;--info: #8faacb;--radius: 11px;--font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none !important}p{margin:0}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}h1{margin:0;font-size:20px;font-weight:600;line-height:1.3}p{margin:6px 0 0}.muted{color:var(--muted)}.faint{color:var(--faint)}.small-text{font-size:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);background:var(--sidebar)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600;text-decoration:none}.brand-mark{width:26px;height:26px;border-radius:8px;background:var(--accent) url("/assets/images/favicon.svg") center/cover}.back-link{color:var(--muted);font-size:13px;text-decoration:none}.back-link:hover{color:var(--text)}.center{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 16px 64px}@media(max-width: 640px){.center{padding-top:24px}}.card{width:100%;max-width:380px;box-sizing:border-box;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.card.wide{max-width:560px}.notice{width:100%;max-width:560px;box-sizing:border-box;margin:0;padding:12px 14px;border:1px solid var(--line);border-left:3px solid var(--info);border-radius:var(--radius);background:var(--surface-alt);color:var(--muted);font-size:13px}form{display:flex;flex-direction:column;gap:12px;margin-top:18px}label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:12.5px}input{box-sizing:border-box;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}input:hover{border-color:var(--line-hover)}input:focus-visible{outline:2px solid var(--info);outline-offset:1px}.code-input{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:20px;letter-spacing:6px;text-align:center}.form-error{min-height:1em;margin:0;color:var(--error);font-size:12.5px}.form-error:empty{min-height:0}button{padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-alt);color:var(--text);font:inherit;cursor:pointer}button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--line-hover)}button:disabled{opacity:.55;cursor:default}button:focus-visible{outline:2px solid var(--info);outline-offset:1px}button.primary{background:var(--accent);border-color:var(--accent)}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.ghost{background:rgba(0,0,0,0)}button.wide{width:100%}button.danger{color:var(--error)}button.link{padding:0;border:0;background:none;color:var(--info);font-size:13px}button.link:hover{background:none;text-decoration:underline}.links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:16px}.links a{color:var(--info);font-size:13px;text-decoration:none}.links a:hover{text-decoration:underline}#register-microsoft,#signin-microsoft{margin-top:10px}.account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.rows{display:flex;flex-direction:column;gap:10px;margin:20px 0 16px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface-alt)}.row p{margin:3px 0 0}@media(max-width: 640px){.row{flex-direction:column;align-items:stretch}}.toast{position:fixed;right:16px;bottom:16px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface-alt);box-shadow:0 8px 24px rgba(0,0,0,.35);font-size:13px}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--error)}