:root{--color-background:#fff;--color-surface:#f7f7f8;--color-border:#d8d8dd;--color-text:#1a1a1e;--color-text-muted:#5c5c66;--color-accent:#1f5fa8;--color-accent-text:#fff;--color-error:#a11a1a;--color-notice-background:#fff6e0;--color-notice-border:#e0b74a;--radius:6px;--spacing:1rem}@media (prefers-color-scheme:dark){:root{--color-background:#16161a;--color-surface:#1e1e24;--color-border:#35353f;--color-text:#ececf0;--color-text-muted:#a3a3ad;--color-accent:#6aa9e9;--color-accent-text:#10101a;--color-error:#ff8f8f;--color-notice-background:#33290f;--color-notice-border:#8a6d1f}}*{box-sizing:border-box}body{background:var(--color-background);color:var(--color-text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.page{max-width:26rem;padding:calc(var(--spacing) * 3) var(--spacing);margin:0 auto}.page--wide{max-width:44rem}.brand{letter-spacing:-.01em;margin:0;font-size:1.75rem;font-weight:700}.brand__tagline{color:var(--color-text-muted);margin:.25rem 0 calc(var(--spacing) * 2);font-size:.9rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:calc(var(--spacing) * 1.5)}.card__title{margin-top:0;font-size:1.25rem}.field{margin-bottom:var(--spacing);display:block}.field__label{margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:block}.field__hint{color:var(--color-text-muted);margin-top:.25rem;font-size:.8rem;display:block}input[type=text],input[type=email],input[type=password]{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background);width:100%;color:inherit;font:inherit;padding:.55rem .7rem}.field--checkbox{align-items:flex-start;gap:.55rem;font-size:.9rem;display:flex}.field--checkbox input{margin-top:.35rem}.button{border-radius:var(--radius);background:var(--color-accent);width:100%;color:var(--color-accent-text);font:inherit;cursor:pointer;border:1px solid #0000;padding:.6rem 1rem;font-weight:600}.button:disabled{opacity:.6;cursor:progress}.button--secondary{border-color:var(--color-border);color:inherit;background:0 0;width:auto;padding:.4rem .8rem;font-weight:500}.form__error{color:var(--color-error);margin:0 0 var(--spacing);font-size:.9rem}.form__footer{margin:var(--spacing) 0 0;color:var(--color-text-muted);font-size:.9rem}.notice{background:var(--color-notice-background);border:1px solid var(--color-notice-border);border-radius:var(--radius);padding:var(--spacing);margin-bottom:calc(var(--spacing) * 1.5);font-size:.9rem}.notice__actions{margin-top:.6rem}.muted{color:var(--color-text-muted);font-size:.85rem}.topbar{justify-content:space-between;align-items:baseline;gap:var(--spacing);margin-bottom:calc(var(--spacing) * 1.5);display:flex}.legal-document h1{font-size:1.5rem}.legal-document h2{margin-top:calc(var(--spacing) * 1.5);font-size:1.1rem}.legal-document blockquote{margin:var(--spacing) 0;padding:.75rem var(--spacing);border-left:3px solid var(--color-notice-border);background:var(--color-notice-background);font-size:.9rem}.dialog{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background);color:var(--color-text);width:min(42rem,100vw - 2rem);max-height:min(80vh,44rem);padding:0}.dialog::backdrop{background:#0000008c}.dialog__panel{max-height:inherit;flex-direction:column;display:flex}.dialog__header{justify-content:space-between;align-items:center;gap:var(--spacing);padding:var(--spacing);border-bottom:1px solid var(--color-border);display:flex}.dialog__title{margin:0;font-size:1.1rem}.dialog__content{padding:0 var(--spacing);min-height:12rem;overflow-y:auto}.dialog__footer{padding:var(--spacing);border-top:1px solid var(--color-border);margin:0;font-size:.9rem}body:has(dialog[open]){overflow:hidden}.field__with-action{align-items:center;display:flex;position:relative}.field__with-action input{padding-right:2.75rem}.field__action{border-radius:var(--radius);width:2.1rem;height:2.1rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:.35rem}.field__action:hover{color:var(--color-text)}