.account-link{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;min-height:44px;font-weight:600}
.account-sync{display:flex;align-items:center;gap:10px;margin:-12px 0 28px;color:var(--muted);flex-wrap:wrap}
.account-sync a{color:var(--ink);text-underline-offset:4px;margin-left:auto}
.sync-dot{width:8px;height:8px;background:#849765;border-radius:50%;flex-shrink:0}
.sync-warning .sync-dot{background:#a66a34}
.account-page{max-width:1080px;margin:12px auto 32px}
.account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.auth-grid{grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:64px;padding:28px 0}
.account-intro{padding:16px 0}
.account-intro h1{margin:16px 0 24px}
.account-intro>p{max-width:420px;color:var(--muted)}
.account-promise{display:flex;gap:18px;align-items:center;margin:32px 0}
.account-promise p{margin:3px 0 0;color:var(--muted)}
.promise-number{display:grid;place-items:center;width:60px;height:65px;background:#e5edcf;border:1px solid #cad8af;clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);flex-shrink:0;font-family:var(--display)}
.account-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px;min-width:0}
.account-panel h2{overflow-wrap:anywhere;margin:0 0 18px}
.account-panel>.eyebrow{margin-bottom:16px}
.account-panel p{color:var(--muted)}
.account-panel .button{margin-top:16px}
.account-panel .text-button,.account-panel .text-link{display:flex;margin-top:14px;align-items:center}
.account-panel form{display:grid;gap:10px}
.account-panel label{font-weight:600;margin-top:6px}
.account-panel input:not([type="file"]){border:1px solid #bac5af;border-radius:7px;min-height:50px;padding:12px 14px;max-width:100%;width:100%;background:#fcfdf8;color:var(--ink);font-family:var(--body)}
.account-panel input:focus{outline:2px solid #658441;outline-offset:2px}
.account-panel input:disabled{opacity:.65}
.account-panel form .button{margin-top:8px}
.account-panel form .small{margin:2px 0 8px}
.account-panel .account-state{padding:12px 16px;background:#eef3e3;border-radius:6px;color:#425b30}
.account-error,.account-message.is-error{padding:14px 16px;background:#fff0e6;border:1px solid #e0b99b;border-radius:7px;color:#754324}
.account-message{padding:14px 16px;border:1px solid #c9d6b4;background:#f0f5e6;border-radius:7px;margin-bottom:20px}
.account-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:24px}
.account-tabs button{flex:1;min-height:48px;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font-family:var(--body);font-weight:600}
.account-tabs button.selected{border-color:#77973f;color:var(--ink)}
.google-button{border:1px solid #bbc6af;background:#fff;color:var(--ink);justify-content:center}
.google-button svg{width:22px;height:22px;flex-shrink:0}
.account-divider{display:flex;align-items:center;gap:16px;color:var(--muted);margin:24px 0}
.account-divider:before,.account-divider:after{content:'';height:1px;flex:1;background:var(--line)}
.guest-summary,.verification-note{padding:20px;background:#f3f5ed;border-radius:8px;margin:20px 0}
.guest-summary p{margin:8px 0}
.verification-note h3{margin:0 0 12px}
.account-detail{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
.file-label{display:inline-flex;cursor:pointer;font-weight:500!important}
.file-label.is-disabled{opacity:.55;cursor:default}
.progress-file{display:block;max-width:100%;margin:12px 0}
.guest-export{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:32px;background:#edf2e3}
.guest-export .button{flex-shrink:0;margin:0}
.guest-age-note .mini-game-icon{margin-bottom:20px}
.account-panel button:disabled{cursor:wait;opacity:.6}
@media(max-width:1190px){.auth-grid{gap:32px}}
@media(max-width:960px){.account-grid{grid-template-columns:1fr}.auth-grid{max-width:620px;margin:auto;padding:0;gap:20px}.account-intro{padding:0}.account-promise{display:none}.account-intro>p{max-width:none}.account-intro>.small{margin-bottom:8px}.guest-export{display:block}.guest-export .button{margin-top:16px}}
@media(max-width:700px){.account-panel{padding:24px 20px}.account-sync{margin:0 0 24px;gap:8px}.account-sync a{flex-basis:100%;margin-left:16px}.account-link{gap:6px;color:inherit}.account-link>span:last-child{display:none}.auth-grid{gap:12px}.account-intro h1{margin:8px 0 16px}.guest-summary,.verification-note{padding:16px}.account-panel h2{margin-bottom:16px}}

.account-next{display:flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid #c8d6b0;border-radius:12px;background:#edf2df;padding:28px 32px;margin:0 0 28px}
.account-next>div:first-child{max-width:600px;min-width:0}
.account-next .eyebrow{margin-bottom:12px}
.account-next h2{margin-bottom:12px}
.account-next p{color:var(--muted);margin-bottom:10px}
.account-next-actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}
.account-next-actions .text-link{justify-content:center}
.account-next-actions .primary{white-space:nowrap}
.account-import{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}
.account-import summary{cursor:pointer;font-weight:600;min-height:44px;line-height:1.6}
.account-import summary:focus-visible{outline:3px solid #597e2c;outline-offset:4px}
.account-import p{margin:12px 0}
@media(max-width:1190px){.account-next{align-items:start;flex-direction:column;gap:20px}.account-next-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px 24px}}
@media(max-width:700px){.account-next{padding:24px 20px}.account-next-actions{width:100%;flex-direction:column;align-items:stretch}.account-next-actions .button{white-space:normal}.account-next-actions .text-link{justify-content:start}}