:root{color-scheme:light dark;--account-bg:#f3f4ee;--account-surface:#fff;--account-text:#23352e;--account-muted:#5b6c62;--account-accent:#235d43;--account-edge:#d8e0d6;--account-error:#a4382b}
@media(prefers-color-scheme:dark){:root{--account-bg:#121a16;--account-surface:#1c2821;--account-text:#e9eee9;--account-muted:#b1c0b6;--account-accent:#a2d8b6;--account-edge:#3a4e40;--account-error:#ffb7a9}}
*{box-sizing:border-box}html{text-size-adjust:100%}body.account-page{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:var(--account-bg);color:var(--account-text);font:16px/1.6 system-ui,sans-serif}.account-card{max-width:520px;width:100%;padding:clamp(24px,6vw,48px);border:1px solid var(--account-edge);border-radius:20px;background:var(--account-surface);box-shadow:0 12px 50px #142a1710}.account-card h1{font-size:clamp(28px,6vw,38px);line-height:1.15;letter-spacing:-.03em;margin:30px 0 20px}.account-card p{color:var(--account-muted)}.account-card a{color:var(--account-accent);text-underline-offset:4px}.account-brand{font-size:21px;font-weight:700;text-decoration:none}.google-signin{display:block;text-align:center;font-weight:600;border:1px solid var(--account-edge);border-radius:8px;padding:12px 18px;margin:28px 0 12px;text-decoration:none}.google-signin:hover{outline:2px solid var(--account-accent)}.account-note{font-size:14px}.account-error{color:var(--account-error)!important}.account-card h2{font-size:18px;margin-top:28px}.account-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.account-tools button{font:inherit}.account-tools small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}