:root{--color-primary:#2676bb;--color-ink:#1f2023;--color-ink-2:#3a3c40;--color-muted:#6b6e73;--color-muted-2:#76797e;--color-faint:#9a9da3;--color-nav:#8a8d92;--color-hair:#f0f0f1;--color-line:#e7e7e9;--color-line-2:#e2e2e4;--color-border:#c9cace;--color-surface:#fff;--color-surface-bar:#fafafa;--color-surface-soft:#f1f1f3;--color-page-auth:#f3f3f4;--color-on-dark:#fff;--color-ok:#3a7a52;--color-error:#b13b3b;--color-error-text:#a53131;--color-error-surface:#fdecec;--color-error-border:#f1c9c9;--color-overlay:#14141673;--font-body:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-size-2xs:11px;--font-size-xs:11.5px;--font-size-sm:12px;--font-size-base:12.5px;--font-size-md:13px;--font-size-lg:14px;--font-size-xl:15px;--font-size-auth-title:16px;--font-size-code:19px;--font-size-title:20px;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--line-height:1.5;--line-height-relaxed:1.55;--letter-spacing-avatar:.02em;--letter-spacing-key:.1em;--space-1:3px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-9:18px;--space-10:20px;--space-11:22px;--space-12:24px;--space-13:26px;--space-14:32px;--space-15:44px;--radius-xs:4px;--radius-sm:5px;--radius-input:6px;--radius-button:7px;--radius-box:8px;--radius-card:10px;--radius-modal:11px;--radius-round:50%;--border-width:1px;--rule-width:2px;--focus-width:2px;--focus-offset:2px;--shadow-card:0 1px 2px #0000000d;--shadow-menu:0 8px 22px #0000001f;--shadow-modal:0 10px 30px #00000024;--height-appbar:52px;--height-logo:32px;--height-logo-auth:48px;--size-avatar:28px;--height-input:38px;--height-button:34px;--height-button-block:40px;--width-code-box:40px;--height-code-box:50px;--width-auth-card:400px;--width-modal:420px;--width-menu:170px;--width-content:1200px;--width-account:640px;--size-qr:192px;--opacity-disabled:.55;--transition-fast:.12s}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s}}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font-body);font-size:var(--font-size-md);line-height:var(--line-height);color:var(--color-ink);background:var(--color-surface);-webkit-font-smoothing:antialiased}a{color:var(--color-ink-2)}a:hover{color:var(--color-primary)}:focus-visible{outline:var(--focus-width) solid var(--color-primary);outline-offset:var(--focus-offset)}.visually-hidden{width:var(--border-width);height:var(--border-width);margin:calc(-1 * var(--border-width));clip-path:inset(50%);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-3);height:var(--height-button);padding:0 var(--space-8);border-radius:var(--radius-button);font:inherit;font-size:var(--font-size-base);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);text-decoration:none;display:inline-flex}.btn:disabled{opacity:var(--opacity-disabled);cursor:default}.btn-primary{background:var(--color-ink);color:var(--color-on-dark);font-weight:var(--font-weight-semibold);border:var(--border-width) solid var(--color-ink)}.btn-primary:hover:not(:disabled){background:var(--color-ink-2);border-color:var(--color-ink-2);color:var(--color-on-dark)}.btn-outline{background:var(--color-surface);color:var(--color-ink);font-weight:var(--font-weight-semibold);border:var(--border-width) solid var(--color-ink)}.btn-ghost{background:var(--color-surface);color:var(--color-ink-2);border:var(--border-width) solid var(--color-border)}.btn-ghost:hover:not(:disabled),.btn-outline:hover:not(:disabled){background:var(--color-line-2)}.btn-block{width:100%;height:var(--height-button-block);font-size:var(--font-size-md)}.btn-block+.btn-block{margin-top:var(--space-5)}.link-button{font:inherit;color:var(--color-ink-2);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link-button:hover{color:var(--color-primary)}.link-button:disabled{opacity:var(--opacity-disabled);cursor:default}.field{margin-bottom:var(--space-5)}.field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-ink-2);margin-bottom:var(--space-3);display:block}.input{width:100%;height:var(--height-input);padding:0 var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);font:inherit;font-size:var(--font-size-md);color:var(--color-ink);background:var(--color-surface)}.input:focus{border-color:var(--color-ink)}.field-hint{margin-top:var(--space-2);font-size:var(--font-size-2xs);color:var(--color-muted)}.field-problems{margin:var(--space-2) 0 0;padding-left:var(--space-8);font-size:var(--font-size-2xs);color:var(--color-error-text)}.otp{gap:var(--space-4);margin:0 0 var(--space-9);border:0;justify-content:center;min-width:0;padding:0;display:flex}.otp-box{width:var(--width-code-box);height:var(--height-code-box);text-align:center;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-box);font:inherit;font-size:var(--font-size-code);color:var(--color-ink);background:var(--color-surface);padding:0}.otp-box:focus{border-color:var(--color-ink)}.otp-box-filled{border-color:var(--color-ink);font-weight:var(--font-weight-semibold)}.notice{margin-bottom:var(--space-7);padding:var(--space-5) var(--space-6);border-radius:var(--radius-button);font-size:var(--font-size-sm);line-height:var(--line-height)}.notice-error{background:var(--color-error-surface);border:var(--border-width) solid var(--color-error-border);color:var(--color-error-text)}.notice-info{background:var(--color-surface-soft);border:var(--border-width) solid var(--color-line-2);color:var(--color-muted)}.notice-ok{background:var(--color-surface-soft);border:var(--border-width) solid var(--color-line-2);color:var(--color-ok)}.notice ul{margin:var(--space-2) 0 0;padding-left:var(--space-8)}.auth-page{min-height:100vh;padding:var(--space-15) var(--space-8);background:var(--color-page-auth);justify-content:center;align-items:center;display:flex}.auth-card{width:var(--width-auth-card);max-width:100%;padding:var(--space-13);background:var(--color-surface);border:var(--border-width) solid var(--color-line-2);border-radius:var(--radius-card)}.auth-logo{height:var(--height-logo-auth);width:auto;margin:0 auto var(--space-9);display:block}.auth-title{font-size:var(--font-size-auth-title);font-weight:var(--font-weight-bold);text-align:center;margin:0}.auth-title:focus{outline:none}.auth-sub{margin:var(--space-3) 0 var(--space-10);font-size:var(--font-size-sm);color:var(--color-muted);text-align:center;line-height:var(--line-height)}.auth-sub strong{color:var(--color-ink-2);font-weight:var(--font-weight-semibold)}.auth-foot{margin-top:var(--space-7);font-size:var(--font-size-sm);color:var(--color-muted-2);text-align:center}.auth-foot a,.auth-foot .link-button{color:var(--color-ink-2)}.qr{width:var(--size-qr);height:var(--size-qr);margin:0 auto var(--space-5);display:block}.secret{margin:0 0 var(--space-9);font-family:var(--font-mono);font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-key);color:var(--color-muted);text-align:center;word-break:break-all}.appbar{z-index:20;height:var(--height-appbar);padding:0 var(--space-11);border-bottom:var(--border-width) solid var(--color-line);background:var(--color-surface-bar);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.appbar-left{align-items:center;gap:var(--space-13);display:flex}.appbar-brand{height:var(--height-appbar);align-items:center;display:flex}.appbar-brand img{height:var(--height-logo);width:auto;display:block}.appbar-nav{gap:var(--space-10);height:var(--height-appbar);font-size:var(--font-size-md);color:var(--color-nav);align-items:center;display:flex}.appbar-nav a{height:var(--height-appbar);color:inherit;align-items:center;text-decoration:none;display:flex}.appbar-nav a:hover{color:var(--color-ink)}.appbar-nav a[aria-current=page]{color:var(--color-primary);font-weight:var(--font-weight-semibold);box-shadow:inset 0 calc(-1 * var(--rule-width)) 0 var(--color-primary)}.appbar-user{align-items:center;gap:var(--space-5);font-size:var(--font-size-base);color:var(--color-muted-2);display:flex;position:relative}.user-trigger{align-items:center;gap:var(--space-5);padding:var(--space-2) var(--space-3);border-radius:var(--radius-box);font:inherit;font-size:var(--font-size-base);color:var(--color-muted-2);cursor:pointer;background:0 0;border:0;display:flex}.user-trigger:hover,.user-trigger[aria-expanded=true]{background:var(--color-line-2)}.user-caret{font-size:var(--font-size-2xs);color:var(--color-muted-2)}.avatar{width:var(--size-avatar);height:var(--size-avatar);border-radius:var(--radius-round);background:var(--color-primary);color:var(--color-on-dark);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-avatar);text-transform:uppercase;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.user-menu{top:calc(100% + var(--space-3));z-index:30;min-width:var(--width-menu);padding:var(--space-2);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-box);box-shadow:var(--shadow-menu);margin:0;list-style:none;position:absolute;right:0}.user-menu-item{width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-size-base);color:var(--color-ink-2);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;text-decoration:none;display:block}.user-menu-item:hover,.user-menu-item:focus-visible{background:var(--color-line-2);color:var(--color-ink-2)}.content{max-width:var(--width-content);padding:var(--space-12) var(--space-13);margin:0 auto}.page-head{margin-bottom:var(--space-9);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:var(--font-size-title);font-weight:var(--font-weight-bold);margin:0}.page-title:focus{outline:none}.page-title small{font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);color:var(--color-muted)}.panel{max-width:var(--width-account);margin-bottom:var(--space-8);padding:var(--space-10);background:var(--color-surface);border:var(--border-width) solid var(--color-line-2);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.panel h2{margin:0 0 var(--space-6);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.panel p{margin:0 0 var(--space-6);font-size:var(--font-size-base);color:var(--color-ink-2)}.facts{gap:var(--space-3) var(--space-8);font-size:var(--font-size-base);grid-template-columns:max-content 1fr;margin:0;display:grid}.facts dt{color:var(--color-muted)}.facts dd{font-weight:var(--font-weight-semibold);overflow-wrap:anywhere;margin:0}.passkeys{margin:0 0 var(--space-6);padding:0;list-style:none}.passkeys li{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-5) 0;border-bottom:var(--border-width) solid var(--color-hair);font-size:var(--font-size-base);display:flex}.passkeys .when{color:var(--color-muted)}.actions{gap:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.inline-form{gap:var(--space-5);flex-wrap:wrap;align-items:flex-end;display:flex}.inline-form .field{margin-bottom:0}.confirmed{color:var(--color-ok);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin:0}.modal{width:var(--width-modal);max-width:calc(100vw - var(--space-12) * 2);padding:var(--space-12);border:var(--border-width) solid var(--color-line-2);border-radius:var(--radius-modal);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-modal)}.modal::backdrop{background:var(--color-overlay)}.modal-title{margin:0 0 var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.modal-body{margin:0 0 var(--space-8);font-size:var(--font-size-base);color:var(--color-muted);line-height:var(--line-height-relaxed)}.modal-actions{gap:var(--space-5);justify-content:flex-end;display:flex}.num{font-variant-numeric:tabular-nums}