.account-screen{min-height:100dvh;display:grid;place-items:center;padding:28px;background:var(--paper,#f7f7ef);color:var(--ink,#203b35)}
.account-card{position:relative;width:min(100%,440px);padding:36px;border:1px solid var(--line,#d9e1d6);border-radius:22px;background:var(--paper,#fff);box-shadow:0 22px 80px #102c2412;color:var(--ink,#203b35);box-sizing:border-box}.account-card h1{font-size:32px;line-height:1.15;margin:12px 0 16px}.account-card h2{font-size:26px;margin:12px 0}.account-card>p{line-height:1.6;color:var(--muted,#68786d)}
.account-form{display:grid;gap:16px;margin-top:24px}.account-form label{display:grid;gap:8px;font-size:13px;font-weight:600}.account-form input:not([type=checkbox]){width:100%;min-height:44px;border:1px solid var(--line,#cdd8d0);border-radius:9px;padding:10px 12px;background:var(--paper,#fff);color:var(--ink,#203b35);font:inherit;box-sizing:border-box}.account-form .account-check{display:flex;align-items:flex-start;gap:9px;font-weight:400;line-height:1.6}.account-form .account-check input{margin-top:4px}.account-error{padding:12px;background:#a8453510;color:#a43f31;border:1px solid #a8453540;border-radius:8px;line-height:1.5;font-size:13px}.account-link{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:13px;cursor:pointer;padding:10px 0;margin-top:12px}.account-link.top-account{margin:0;padding:4px;max-width:130px;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.account-footnote{font-size:11px;margin-top:24px;line-height:1.6}.account-modal{position:fixed;inset:0;background:#122a2499;display:grid;place-items:center;padding:20px;z-index:1000;overflow:auto}.account-modal .account-card{max-height:90dvh;overflow:auto}.account-form .btn{justify-content:center}.account-form button:disabled{opacity:.6;cursor:wait}body[data-auth=out]>.sidebar,body[data-auth=out]>.app-shell{display:none}.cloud-status{font-size:11px;color:var(--muted,#68786d)}.cloud-status.warn{color:#ad5636}.sync-error{max-width:550px;white-space:pre-wrap;overflow-wrap:anywhere}.sync-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sync-choice pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:200px;overflow:auto}.recording .actions{margin-top:8px}.local-status{font:inherit;cursor:pointer;background:none;border:0;color:inherit}.local-status[data-status=offline],.local-status[data-status=conflict]{color:#ad5636}
@media(max-width:560px){.account-card{padding:26px 22px}.account-card h1{font-size:27px}.sync-choice{grid-template-columns:1fr}.top-account{max-width:80px}}