.auth-screen{min-height:100svh;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(ellipse at 15% 15%,#d6ebac50,transparent 55%)}
.auth-card{width:min(100%,460px);padding:36px;box-shadow:0 18px 65px #173e350b}
.auth-brand{display:flex;align-items:center;gap:12px;color:var(--green);font-size:32px;margin-bottom:30px}
.auth-brand span{font-size:22px;font-weight:800;letter-spacing:5px}
.auth-card h1{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin-top:10px}
.auth-intro{font-size:14px;line-height:1.75;color:var(--muted);margin:18px 0 26px}
.auth-card form{display:grid;gap:17px}.auth-card label{font-size:13px}.auth-card input{min-height:46px}
.auth-card form .error{margin:0;min-height:0}.auth-card form button{min-height:46px;font-size:14px}
.auth-footnote{font-size:12px;line-height:1.7;color:var(--muted);margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.auth-toggle{margin-top:20px;font-size:13px}.auth-card [hidden]{display:none}
.account-name{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;max-width:140px}
.cloud-notice{margin-bottom:20px;display:grid;gap:12px}.cloud-notice[hidden]{display:none}
.cloud-notice p{overflow-wrap:anywhere}.cloud-notice .btn-row{gap:8px}
.save-status[data-status="error"],.save-status[data-status="conflict"],.save-status[data-status="auth"]{color:var(--red)}
.top-status{flex-wrap:wrap}.topbar{gap:12px;height:auto;min-height:76px;padding-top:12px;padding-bottom:12px}
[data-theme="dark"] .auth-screen{background:radial-gradient(ellipse at 15% 15%,#25574740,transparent 55%)}
[data-theme="dark"] .auth-card input{background:var(--paper);color:inherit;border-color:var(--line)}
@media(max-width:640px){.auth-card{padding:25px}.auth-card h1{font-size:25px}.top-status{gap:8px}.account-name{max-width:100px}.top-status .save-status{display:block;font-size:10px}}