:root{--vt-brand-50:#fef4f7;--vt-brand-100:#ffe5ed;--vt-brand-200:#fdcddd;--vt-brand-300:#f8afc9;--vt-brand-400:#ec80aa;--vt-brand-500:#da5690;--vt-brand-600:#c33278;--vt-brand-700:#ae1967;--vt-brand-800:#9d0059;--vt-brand-900:#730040;--vt-brand-950:#480026;--vt-accent-400:#fa9d68;--vt-accent-500:#e77f3e;--vt-accent-600:#cb6620;--vt-neutral-0:#fff;--vt-neutral-50:#fafafa;--vt-neutral-100:#f4f4f4;--vt-neutral-200:#eee;--vt-neutral-300:#dedede;--vt-neutral-400:#b4b4b4;--vt-neutral-500:#8a8a8a;--vt-neutral-600:#6b6b6b;--vt-neutral-700:#484848;--vt-neutral-800:#2c2c2c;--vt-neutral-900:#1a1b1e;--vt-neutral-950:#121316;--vt-neutral-1000:#0b0b0b;--vt-danger:#c52a38;--vt-danger-dark:#f2808c;--vt-success:#0a7e3a;--vt-success-dark:#6ec98a;--vt-warning:#a76700;--vt-warning-dark:#e8a838;--vt-font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--vt-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--vt-radius-sm:4px;--vt-radius:8px;--vt-radius-lg:12px;--vt-radius-full:9999px;--bg:var(--vt-brand-50);--surface:#fff;--border:var(--vt-neutral-300);--text:var(--vt-neutral-1000);--muted:var(--vt-neutral-700);--accent:var(--vt-brand-700);--accent-hover:var(--vt-brand-800);--accent-text:#fff;--input-bg:#fff;--rule:var(--vt-accent-500);--danger:#c52a38;--radius:8px;--shadow:0 1px 2px #1c08120f, 0 8px 24px #1c081214}@media (prefers-color-scheme:dark){:root{--bg:var(--vt-neutral-950);--surface:var(--vt-neutral-900);--border:#33353b;--text:#e9e9ec;--muted:#a1a3ab;--accent:var(--vt-brand-400);--accent-hover:var(--vt-brand-300);--accent-text:var(--vt-brand-950);--input-bg:#0e0f12;--danger:#f2808c;--shadow:0 1px 2px #0006, 0 8px 24px #00000059}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);place-items:center;margin:0;padding:24px;font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow);padding:28px;position:relative;overflow:hidden}.card:before{content:"";background:var(--rule);height:3px;position:absolute;inset:0 0 auto}.brand{text-align:center;margin-bottom:22px}.brand:before{content:"";background:url(/icon.svg) 50%/contain no-repeat;width:56px;height:56px;margin:4px auto 14px;display:block}.brand h1{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.brand p{color:var(--muted);margin:4px 0 0;font-size:13px}label{margin-bottom:6px;font-size:13px;font-weight:500;display:block}input[type=email],input[type=password],input[type=text]{width:100%;font:inherit;color:var(--text);background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius);padding:9px 11px}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{border-color:var(--accent);outline:none}.field{margin-bottom:14px}button{width:100%;font:inherit;border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:10px 14px;font-weight:500;transition:background-color .12s,border-color .12s}button[disabled]{opacity:.6;cursor:default}.primary{background:var(--accent);color:var(--accent-text)}.primary:hover:not([disabled]){background:var(--accent-hover)}.secondary{color:var(--text);border-color:var(--border);background:0 0}.secondary:hover:not([disabled]){border-color:var(--accent);color:var(--accent)}.divider{color:var(--muted);align-items:center;gap:10px;margin:16px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.error{border-radius:var(--radius);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);background:color-mix(in srgb, var(--danger) 8%, transparent);margin:0 0 14px;padding:9px 11px;font-size:13px}.muted{color:var(--muted);font-size:13px}.scopes{margin:0 0 18px;padding-left:18px}.scopes li{margin-bottom:4px}.row{gap:10px;display:flex}.picture{align-items:center;gap:16px;margin:0 0 12px;display:flex}.picture img,.picture .initial{border:1px solid var(--border);background:var(--input-bg);object-fit:cover;border-radius:50%;flex:none;width:72px;height:72px}.picture .initial{color:var(--muted);place-items:center;font-size:26px;font-weight:600;display:grid}.picture .actions{flex-wrap:wrap;gap:8px;display:flex}.picture .actions button{width:auto}