/* Login and family onboarding: the same quiet surfaces and red action color. */
#toast{z-index:3000}
body[data-theme] .account-family .account-button{color:#fff;background:var(--hh-brand,#cc5542)}
.account-family-footer{position:fixed;bottom:0;left:0;right:0;z-index:50;max-width:375px;margin:auto;padding:16px 20px max(20px,env(safe-area-inset-bottom));background:var(--hh-canvas,#fffefb);box-sizing:border-box}
.account-family{padding-bottom:100px}
.account-page{position:fixed;inset:0;z-index:1000;max-width:375px;margin:auto;background:var(--hh-canvas,#fffefb);color:#2b211e;overflow:auto;padding-bottom:190px;font-family:var(--hh-font-ui)}
.account-content{padding:24px 20px}.account-content h1{font-size:22px;line-height:1.4;margin:0 0 12px;font-weight:700;letter-spacing:-.5px}.account-content p,.account-family p{font-size:15px;line-height:1.7;color:#89817c;margin:0 0 24px}
.account-welcome{text-align:center;padding-top:44px}.account-logo{width:148px;height:auto}.account-pot{display:block;width:136px;height:136px;object-fit:contain;margin:28px auto 24px}.account-welcome h1{font-size:22px}
.account-footer{position:fixed;bottom:0;left:0;right:0;max-width:375px;margin:auto;box-sizing:border-box;padding:16px 20px max(28px,env(safe-area-inset-bottom));background:var(--hh-canvas,#fffefb);z-index:2}
.account-button{width:100%;min-height:48px;border:0;box-shadow:none;border-radius:var(--hh-radius-button,10px);background:#cc5542;color:#fff;font:600 16px var(--hh-font-ui);padding:12px 16px;line-height:1.5;margin:0 0 10px;cursor:pointer}
.account-secondary{background:#f2eeeb;color:#2b211e}.account-button:disabled{opacity:.4;cursor:default}.account-button:active{filter:brightness(.95)}
.account-caption,.account-footer .account-caption,.account-family .account-caption,.account-content .account-caption{font-size:12px;color:#928b86;line-height:1.7;margin:8px 0 0;text-align:center}
.account-roles{display:flex;gap:16px;margin-top:38px}.account-role{flex:1;background:#f3efec;border:0;border-radius:var(--hh-radius-card,16px);display:flex;align-items:center;flex-direction:column;gap:12px;padding:24px 8px;color:#2b211e}.account-role.selected{background:#fbe8e2;color:#cc5542}.account-role img{width:80px;height:80px;object-fit:contain}.account-role strong{font-size:17px}.account-role span{font-size:13px}
.account-pair,.account-members{display:flex;align-items:center;justify-content:center;gap:26px;margin:48px 0}.account-pair>img{width:80px;height:80px;object-fit:contain}.account-pair>span,.account-members>span{color:#cc5542;font-size:28px}.account-member-empty{width:80px;height:80px;border-radius:50%;background:#f2eeeb;display:flex;align-items:center;justify-content:center;color:#aaa09a;font-size:18px}
.account-members>div{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:90px}.account-members img{width:80px;height:80px;object-fit:contain}.account-members strong{font-size:16px}.account-members small{font-size:13px;color:#89817c}.account-label{display:block;font-size:14px;margin-top:34px;margin-bottom:12px}.account-input{width:100%;box-sizing:border-box;background:#f2eeeb;border:0;border-radius:var(--hh-radius-button,10px);padding:16px;font-size:16px;color:#2b211e;height:54px}.account-input:focus{outline:2px solid #cc5542}.account-text{border:0;background:transparent;color:#cc5542;font-size:14px;padding:16px 0;min-height:44px}.account-content .account-error{color:#cc5542;margin-top:16px;font-size:14px}.account-family h2{font-size:22px;margin:10px 0 12px}.account-family .account-members{margin:12px 0 32px}.account-status{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.account-status strong{font-size:16px}.account-status span{font-size:14px;color:#89817c}

body[data-theme] .account-page{padding-bottom:0;display:flex;flex-direction:column;overflow:hidden}.account-page .profile-topbar{flex-shrink:0;height:76px}.account-page .account-content{flex:1;min-height:0;overflow-y:auto}.account-page .account-footer{position:static;flex-shrink:0;width:100%}.account-page .profile-wechat-capsule{color:#111;background:transparent;border-color:rgba(0,0,0,.08)}.account-page .profile-wechat-capsule i{background:rgba(0,0,0,.12)}.account-page .profile-nav-title{left:50%;transform:translateX(-50%);white-space:nowrap}.account-page .account-error:empty{display:none}