.account-page{max-width:980px;margin:0 auto;padding:28px 0 58px}.account-heading{max-width:640px;margin-bottom:31px}.account-heading h1{font-family:var(--heading);font-size:clamp(33px,5vw,49px);letter-spacing:-1.9px;line-height:1.15;margin:10px 0 15px}.account-heading>p{color:var(--muted);font-size:15px;line-height:1.75;margin:0;max-width:510px}.account-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:25px}.account-primary,.account-side{min-width:0}.account-card{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:29px}.account-card h2{font-family:var(--heading);font-size:25px;line-height:1.25;letter-spacing:-.9px;margin:0 0 12px}.account-card h3{font-family:var(--heading);font-size:20px;letter-spacing:-.6px;margin:0 0 17px}.account-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 18px}.account-card .account-note{font-size:11px;line-height:1.8;margin:13px 0 0}.account-wide{width:100%;text-align:center;min-height:46px}.account-field{display:block;font-size:12px;font-weight:600;margin:0 0 17px}.account-field>span{font-weight:400;color:var(--muted)}.account-field input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:9px;padding:11px 13px;background:var(--bg);font-size:13px;margin-top:7px}.account-field input::placeholder{color:var(--muted);font-weight:400}.account-divider{position:relative;display:flex;align-items:center;gap:14px;margin:28px 0;color:var(--muted);font-size:11px}.account-divider:before,.account-divider:after{content:'';height:1px;background:var(--line);flex:1}.account-help{border-top:1px solid var(--line);margin-top:26px;padding-top:17px;font-size:12px}.account-help summary{font-weight:600;cursor:pointer;line-height:1.6}.account-help form{padding-top:14px}.account-help form>p{font-size:12px}.account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.account-actions .btn{min-height:42px}.account-art{padding:25px 28px 30px;background:#eee5d8;border-radius:16px;color:#0e0f23;margin-bottom:23px;overflow:hidden}.account-art>span{display:grid;place-items:center;width:63px;height:63px;background:#f7f2e9;border-radius:19px;transform:rotate(-7deg);margin-bottom:20px}.account-art svg{width:48px;height:48px;color:#cc272e}.account-art h2{font-family:var(--heading);font-size:27px;line-height:1.25;letter-spacing:-1px;margin:0 0 11px}.account-art p{font-size:12px;line-height:1.8;max-width:270px;margin:0;color:#61626f}.account-backup{padding:25px}.account-backup>.eyebrow{display:block;margin-bottom:11px;color:var(--muted)}.account-backup h2{font-size:21px;letter-spacing:-.6px}.account-backup .account-actions{margin-top:19px}.account-backup .btn{font-size:11px;padding:10px 12px}.account-file-button{position:relative;overflow:hidden;cursor:pointer}.account-file-button input{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}.account-file-button:focus-within{outline:3px solid var(--accent);outline-offset:4px}.account-feedback{font-size:12px;line-height:1.7;border-radius:10px;color:var(--ink);background:var(--soft);padding:12px 15px;margin:16px 0 0}.account-card .account-feedback{margin:17px 0 0;color:var(--ink);font-size:12px}.account-feedback.is-error{border:1px solid var(--accent);color:var(--ink)}.account-banner{margin:0 0 15px}.account-step{font-size:10px;letter-spacing:1.1px;font-weight:700;display:block;color:var(--muted);margin-bottom:13px}.account-field .account-key{font-family:var(--mono,monospace);font-size:12px;letter-spacing:.25px;min-height:55px}.account-recovery>.account-field{margin-top:22px}.account-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:12px;line-height:1.7;margin:23px 0 20px}.account-check input{accent-color:var(--accent);width:17px;height:17px;flex:none;margin:2px 0 0}.account-disabled{opacity:.5;cursor:default;pointer-events:none}.account-text-link{display:inline-block;padding:0;border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px;margin-top:20px;line-height:1.6}.account-status{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:16px}.account-status>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#40533a;background:#dce8d3}.account-import-preview{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;font-size:12px;overflow-wrap:anywhere}.account-import-preview>strong{display:block;margin-bottom:8px}.account-import-preview p{font-size:12px;margin:0 0 7px}.account-loading{color:var(--muted);font-size:13px}.account-recovery .account-actions .btn{flex:1}.account-card .btn:disabled{transform:none}body.dark .account-art{background:#302c31;color:var(--ink)}body.dark .account-art>span{background:#443a3a}body.dark .account-art svg{color:var(--accent)}body.dark .account-art p{color:var(--muted)}@media(max-width:740px){.account-page{padding:21px 0 42px}.account-heading{margin-bottom:23px}.account-heading h1{letter-spacing:-1.4px}.account-heading>p{font-size:13px}.account-content{grid-template-columns:1fr;gap:21px}.account-card{padding:24px}.account-card h2{font-size:23px}.account-art{display:none}.account-backup h2{font-size:21px}.account-actions .btn{flex-grow:1}.account-backup .btn{font-size:12px}.account-page .breadcrumb{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.account-page .btn{transition:none}.account-page .btn:hover{transform:none}}
.account-google{background:#fff;color:#292729;border-color:#b9b6b0;gap:11px;min-height:46px}.account-google:hover{background:#f6f5f3;color:#292729}.account-google-mark{width:19px;height:19px;flex:none}.account-connected{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;background:var(--soft);padding:12px 14px;border-radius:9px;margin:0 0 20px}.account-connected .account-google-mark{width:17px;height:17px}.account-connect{border-top:1px solid var(--line);padding-top:23px;margin-top:23px}.account-card .account-guest-note{margin-top:23px}.account-guest-note+.account-text-link{margin-top:8px}.account-help summary:focus-visible{outline:3px solid #9282d4;outline-offset:4px}.account-card .btn{max-width:100%;white-space:normal}.account-card h2,.account-card h3{overflow-wrap:anywhere}
