.account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:24px;max-width:960px}
.account-card{padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:22px;min-width:0}
.account-card h2{font-family:var(--font-serif,Georgia,serif);font-size:24px;margin:0 0 14px}
.account-card p{color:var(--muted);line-height:1.65;overflow-wrap:anywhere}
.account-form{display:grid;gap:17px}.account-form label{display:grid;gap:8px;font-size:14px;font-weight:600}
.account-form input{box-sizing:border-box;width:100%;min-width:0;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:var(--bg);color:var(--ink);font:inherit}
.account-form .button-row{flex-wrap:wrap}.account-form button,.account-card button,.account-card a.primary{min-height:44px}
.account-divider{border:0;border-top:1px solid var(--line);margin:24px 0}.account-google{width:100%;justify-content:center}
.account-message{min-height:24px;font-size:14px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.account-message.error{color:#ad493c}
.account-sync{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--green);padding:10px 14px;border-radius:20px;background:var(--green-soft,#edf2e7)}
.account-sync:before{content:'';width:7px;height:7px;background:currentColor;border-radius:50%}.account-sync[data-state="error"]{color:#ad493c}.account-sync[data-state="offline"]{color:#8a6d39}
.account-migration{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.account-migration .button-row{flex-wrap:wrap;gap:12px}
.account-email{font-weight:600;color:var(--ink)!important}.account-small{font-size:13px}.account-note-list{padding-left:20px;color:var(--muted);line-height:1.8}
.account-nav-status{font-size:11px;margin:2px 0 0 37px;color:var(--muted)}
html[data-theme="dark"] .account-sync{background:#24392d;color:#b8d2ac}html[data-theme="dark"] .account-message.error{color:#f2a494}
@media(max-width:700px){.account-layout{grid-template-columns:1fr;gap:18px}.account-card{padding:23px}.account-form .button-row>*{flex:1}.account-sync{font-size:13px}}

.support-link{display:inline-flex;margin:12px 0;gap:12px;align-items:center}.support-qr{text-align:center}.support-qr img{display:block;width:min(100%,288px);height:auto;margin:22px auto;background:white;border-radius:12px}.support-qr a{overflow-wrap:anywhere}