.account-site { min-height:100dvh; }
#account-back { display:block; width:fit-content; margin:0 auto 14px; font-size:13px; font-weight:700; color:#62574f; text-decoration:none; }
.account-site .account-page { display:block; padding:8px 16px 20px; }
.account-site .account-page-card { width:min(100%,420px); padding:16px 22px 18px; border:1px solid #e4dbd0; border-radius:20px; background:#fffdfa; box-shadow:0 5px 0 #e9e0d5,0 14px 32px #54432f09; }
.account-fox { display:block; flex:0 0 64px; width:64px; height:64px; object-fit:contain; margin:0; }
.account-site .account-dialog-head { display:flex; align-items:center; justify-content:flex-start; gap:12px; padding:0; border:0; margin:0 0 12px; text-align:left; }
.account-site .account-dialog-head h1 { flex:1; margin:0; min-width:0; font-size:23px; line-height:1.2; letter-spacing:-.5px; }
.account-page-tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; margin-bottom:12px; border-radius:12px; background:#f0eae2; }
.account-page-tabs button { min-height:40px; padding:8px 10px; border:0; border-radius:9px; background:transparent; box-shadow:none; color:#62574f; font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.account-page-tabs button[aria-pressed=true] { color:#302a24; background:#fffdfa; box-shadow:0 2px 3px #6d51341c; }
.account-site .account-form { padding:0; gap:10px; }
.account-site .account-form>p { font-size:13px; line-height:1.4; color:#62574f; }
.account-site .account-form label { gap:4px; }
.account-site .account-form input { min-height:44px; border:1px solid #d9cfc3; border-radius:10px; background:#fff; padding:10px 12px; color:#302a24; }
.account-site .account-form input:focus { outline:2px solid #ed956a; outline-offset:2px; }
.account-site .account-form .primary-button,.account-site .account-email-sent .primary-button { width:100%; min-height:46px; }
.account-site .account-form-links { gap:4px 10px; }
.account-site .account-switch { display:none; }
.account-site .account-text-button { border:0; background:transparent; box-shadow:none; font-family:inherit; cursor:pointer; }
.account-site .account-email-sent { padding:0; }
.account-site .account-message.error { color:#a53728; }
.account-site .account-message.success { color:#365f50; }
.account-site .account-guest-note { margin:16px 0 6px; text-align:center; font-size:11px; line-height:1.4; color:#74675c; }
.account-site .account-page-footer { display:flex; justify-content:center; gap:10px; margin:0; padding:0; font-size:11px; line-height:1.5; color:#74675c; }
.account-page-footer a { color:inherit; }
@media(max-width:600px) {
 #account-back { display:block; width:fit-content; margin:0 auto 14px; font-size:12px; }
 .account-site .account-page { padding:6px 12px 20px; }
 .account-site .account-page-card { padding:14px 16px 16px; border-radius:16px; }
 .account-fox { flex-basis:56px; width:56px; height:56px; }
 .account-site .account-dialog-head { gap:10px; }
 .account-site .account-dialog-head h1 { font-size:21px; }
}