:root{color-scheme:light;--ink:#142e36;--muted:#506872;--accent:#096b65;--line:#d5e1e4;--surface:#f1f6f8;font:100%/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--surface)}*{box-sizing:border-box}body{margin:0}header{background:#123640;color:white;min-height:88px;display:flex;align-items:center;gap:24px;padding:20px max(24px,calc((100vw - 1180px)/2))}.brand{font-weight:800;font-size:1.5rem;text-decoration:none;color:white;flex:1}.brand span{font-weight:400;font-size:.875rem;display:block;letter-spacing:.08em}.pill{font-size:.875rem;border:1px solid #719ca2;border-radius:30px;padding:4px 14px;white-space:nowrap}main{max-width:1180px;margin:48px auto;padding:0 24px}h1{font-size:clamp(1.8rem,3.5vw,2.5rem);line-height:1.2;letter-spacing:-.04em;margin:0 0 20px}h2{font-size:1.2rem;margin:0 0 20px}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.15em;color:var(--accent);margin:0 0 12px}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:28px}.login{max-width:610px;margin:64px auto}.login>p{margin:24px 0}.login form{display:grid;gap:10px;margin:28px 0}label{font-weight:650}input{font:inherit;padding:12px;border:1px solid #879da6;border-radius:8px;width:100%;min-width:0}button{font:inherit;font-weight:600;cursor:pointer;border:1px solid #879da6;border-radius:8px;background:white;color:var(--ink);min-height:44px;padding:9px 18px;white-space:normal}button:hover{background:#e5f1ef}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#064b47}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ecad30;outline-offset:4px}.login .primary{margin-top:14px}.muted{color:var(--muted);font-size:.9375rem}.notice{background:#e4f2f0;border-left:4px solid var(--accent);padding:16px 20px;border-radius:4px;font-size:.9375rem;margin:24px 0}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px}nav{display:flex;gap:12px;margin:32px 0 24px;flex-wrap:wrap}nav button[aria-pressed=true]{background:var(--ink);color:white}.columns{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:24px}#accounts{display:grid;gap:10px}#accounts button{text-align:left;overflow-wrap:anywhere}.profile,.backup{padding:20px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.profile h3{margin:0 0 12px}.counts{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0 18px}.counts span{background:var(--surface);padding:8px 14px;border-radius:8px}.actions{display:flex;gap:12px;flex-wrap:wrap}.backup .actions{margin-top:12px}#message{white-space:pre-wrap;overflow-wrap:anywhere;color:#7c351e}dialog{border:1px solid var(--line);border-radius:16px;max-width:560px;padding:32px;margin:auto}dialog::backdrop{background:#092d36aa}footer{max-width:1180px;padding:24px;margin:auto;color:var(--muted);font-size:.875rem}[hidden]{display:none!important}@media(max-width:700px){header{gap:12px;padding:20px}.columns{grid-template-columns:1fr}.panel{padding:20px}.login{margin:24px auto}main{margin:28px auto;padding:0 16px}.heading{align-items:flex-start}.pill{display:none}h1{font-size:1.85rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}