/* Shared calm skin, loaded last on every active page. Tokens live in skin-config.js. */
:root{
 --ms-background:#f7f6ef;--ms-paper:#fffdf7;--ms-soft:#eaf0e4;--ms-ink:#304b43;--ms-muted:#61736b;--ms-line:#dce3d5;--ms-primary:#527664;--ms-primary-deep:#3e5e50;--ms-blush:#b97979;--ms-felt:#527868;--ms-felt-deep:#385e50;--ms-gold:#bb9049;
 --sn-pink:var(--ms-primary);--sn-purple:var(--ms-primary-deep);--sn-ink:var(--ms-ink);--sn-muted:var(--ms-muted);--sn-line:var(--ms-line);--sn-cream:var(--ms-background);
 --c-bg:var(--ms-background);--c-paper:var(--ms-paper);--c-ink:var(--ms-ink);--c-muted:var(--ms-muted);--c-line:var(--ms-line);--c-soft:var(--ms-soft);--c-jade:var(--ms-primary);--c-jade-deep:var(--ms-primary-deep);--c-jade-soft:var(--ms-soft);--c-felt:var(--ms-felt);--c-felt-2:var(--ms-felt-deep);--c-gold:var(--ms-gold);
 --ink:var(--ms-ink);--muted:var(--ms-muted);--paper:var(--ms-paper);--line:var(--ms-line);--rose:var(--ms-blush);
}
body,body.page-body,body.coach{background:var(--ms-background);color:var(--ms-ink);font-family:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif}
.site-nav{background:var(--ms-paper);border-bottom:1px solid var(--ms-line);box-shadow:0 3px 18px #304b4305;backdrop-filter:none}
.site-nav::after{display:none}.snav-brandtext b{color:var(--ms-ink)}.snav-brandtext small{color:var(--ms-muted)}
.snav-mark,.snav-tab.active,.snav-login,.snav-ava{background:var(--ms-primary);color:white;box-shadow:none}.snav-tab{color:var(--ms-muted);font-size:14px}.snav-tab.active{color:white!important}.snav-login{color:white!important}
.snav-tab:hover{background:var(--ms-soft);color:var(--ms-primary-deep)}.snav-tab.active:hover,.snav-login:hover{background:var(--ms-primary-deep)}
.snav-lang,.snav-user{background:var(--ms-paper);border-color:var(--ms-line);color:var(--ms-muted)}.snav-lang:hover{border-color:var(--ms-primary);color:var(--ms-ink)}
.snav-tabs{margin-left:24px}.snav-lang-select,.snav-login{font-size:13px}#mhauth-ok{background:var(--ms-primary)!important}
.station-sound{width:36px;height:36px;flex:none;border:1px solid var(--ms-line);border-radius:50%;background:var(--ms-soft);color:var(--ms-primary-deep);font:600 21px Georgia,serif;cursor:pointer}.station-sound[aria-pressed=false]{background:var(--ms-paper);color:var(--ms-muted)}
.cz-card,.uc-card,.game-card{background:var(--ms-paper);border-color:var(--ms-line);border-radius:20px;box-shadow:0 6px 25px #304b4305}.cz-card.soft{background:var(--ms-soft)}
.cz-btn,.me-btn,.primary{border-radius:12px;min-height:42px}.cz-btn.pri,.me-btn,.primary{background:var(--ms-primary);color:white;border-color:var(--ms-primary)}.cz-btn.pri:hover,.primary:hover{background:var(--ms-primary-deep)}
.cz-btn:not(.pri):not(.hot){border-color:var(--ms-line)}.cz-hero{background:linear-gradient(130deg,var(--ms-primary-deep),var(--ms-felt));border-radius:22px;box-shadow:none}
.coach .tb-felt{background:radial-gradient(ellipse at 50% 40%,var(--ms-felt),var(--ms-felt-deep));color:#f5f6ed}.coach-panel{background:var(--ms-paper)}.cz-modal{background:var(--ms-paper);border-radius:20px}
.pet-heading h1,.page-head h1{color:var(--ms-ink);font-weight:500}.pet-heading p,.collection-head p,.how-to p,.saved-note,.eyebrow,.pet-footer{color:var(--ms-muted)}
.pet-choice{background:var(--ms-paper);border-color:var(--ms-line)}.pet-choice[aria-pressed=true]{border-color:var(--ms-primary)}.pet-choice[aria-pressed=true]:after{background:var(--ms-primary)}.pet-choice small{color:var(--ms-muted)}
.daily-card{background:var(--ms-soft);border-color:var(--ms-line)}.daily-button,.pet-footer a{color:var(--ms-primary-deep)}.progress-pill{background:var(--ms-soft);border-color:var(--ms-line);color:var(--ms-muted)}.progress-pill span:first-child{color:var(--ms-primary-deep)}
.game-toolbar button{background:var(--ms-paper);border-color:var(--ms-line);color:var(--ms-primary-deep);font-size:12px;min-height:40px}.game-toolbar button[aria-pressed=true]{background:var(--ms-soft);border-color:var(--ms-primary)}.game-footer p{color:var(--ms-muted);font-size:13px}.text-button{color:var(--ms-primary-deep)}
.page-wrap{max-width:1120px}.page-head{margin:12px 0 28px}.page-head p{color:var(--ms-muted);line-height:1.8}.page-foot{color:var(--ms-muted)}
.account-page .page-wrap{max-width:740px}.account-page .page-head{text-align:center}.account-page .page-head p{margin-left:auto;margin-right:auto}.account-page .me-top{display:block;max-width:520px;margin:auto}.account-page #profileCard{padding:28px}.account-page .me-form input{background:var(--ms-paper);border-color:var(--ms-line);min-height:44px;color:var(--ms-ink)}.account-page .me-form input:focus{outline:2px solid var(--ms-primary);outline-offset:2px}.account-page .me-ava{background:var(--ms-primary)}
.account-page .sso-btn.facebook,.account-page .sso-btn.x{background:var(--ms-soft);color:var(--ms-ink);border-color:var(--ms-line)}.account-page .me-btn.ghost{background:var(--ms-soft);color:var(--ms-ink)}
.account-page .sso-btn.facebook .sso-ic,.account-page .sso-btn.x .sso-ic{background:var(--ms-primary);border-radius:4px;padding:2px}
button:focus-visible,a:focus-visible{outline:3px solid var(--ms-gold);outline-offset:3px}
@media(max-width:600px){.snav-tabs{margin-left:0}.snav-tab{font-size:12px;padding:8px 6px}.snav-right{gap:4px}.station-sound{width:30px;height:30px;font-size:19px}.game-toolbar button{font-size:11px}.game-footer p{font-size:12px}.snav-lang-select{max-width:61px;font-size:11px}.account-page #profileCard{padding:22px}.pet-heading h1{font-size:26px}}
