/* Restore the supplied mobile design, keeping account state and API logic intact. */
.wellness{font-family:Arial,-apple-system,BlinkMacSystemFont,sans-serif;min-width:0}
.wellness .preview-strip{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px 14px;border-radius:14px;background:#131313;max-width:100%;min-width:0}
.wellness .account-identity{min-width:0;margin:0;gap:12px;display:flex}
.wellness .account-identity-text{min-width:0;flex:1;gap:5px}
.wellness .avatar-button{width:46px!important;height:46px!important;flex:0 0 46px;font:20px Arial}
.wellness #customer-email{display:block;min-width:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;font-size:24px!important;line-height:1.15!important;font-weight:600!important;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e0e4ea;overflow-wrap:normal}
.wellness .account-profile-link{display:block;padding:0;border:0;background:none;text-align:left;color:#c4c8d0!important;font:600 11px/1.4 -apple-system,BlinkMacSystemFont,Arial,sans-serif!important;white-space:normal;overflow-wrap:break-word}
.wellness .profile-rings{grid-column:2;grid-row:1;display:flex;gap:8px;margin:0;min-width:0}
.wellness .profile-ring-item{width:42px;min-width:0}
.wellness .profile-ring{display:grid;margin:0 auto;width:36px;height:36px;font:600 14px/1 -apple-system,BlinkMacSystemFont,Arial,sans-serif}
.wellness .profile-ring-item small{font:7px/1.4 -apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:.2px;margin-top:6px;white-space:nowrap;color:#b7bac2}
.wellness #save-status{grid-column:1/-1;grid-row:2;white-space:normal;overflow-wrap:anywhere;font:11px/1.5 Arial;margin:0;color:#bfa6b1}
.wellness #retry-save{grid-column:1/-1;justify-self:start}
.wellness>.sections-dock{margin:14px 0 8px;padding:10px 0!important;min-width:0}
.wellness .sections-dock .well-tabs>button{min-height:44px;border-radius:8px!important}
.wellness .sections-dock .well-tabs>button[aria-pressed=true]{background:linear-gradient(125deg,#929aa4,#f7f9fc 28%,#b6bdc7 52%,#edf1f5 77%,#8c96a3)!important;color:#171c23!important;border-color:#d1d7df!important;font-weight:600}
.wellness .sections-header .welcome{padding:24px 0 20px!important;gap:0;display:block}
.wellness .welcome .week-stamp{display:none}
.wellness .welcome h1{font-size:30px;line-height:1.03;letter-spacing:-1.4px;margin:16px 0 22px}
.wellness .welcome p{font-size:14px;line-height:1.85;margin:0 0 12px}
.wellness .eyebrow{font-size:10px;letter-spacing:2px}
.wellness .awards{padding:20px;margin-bottom:10px}
.wellness .awards>div:first-child{margin-bottom:20px}
.wellness .awards #award-summary{font-size:13px;text-align:right}
.wellness .award-list{grid-template-columns:minmax(0,.9fr) minmax(0,1.05fr);gap:16px}
.wellness .award-list>.award{padding:12px 6px;min-height:120px;display:flex;flex-direction:column;justify-content:center}
.wellness .award-stack .award{min-height:120px;padding:10px 4px}
.wellness .award-stack .award strong{font-size:10px;line-height:1.6}
.wellness .award-list>.award .star{font-size:36px}
.wellness .rose-scene h2{font-size:38px;line-height:1.1;margin:14px 0 24px}
.wellness .oura-card{padding:18px;border-radius:24px}
.wellness .oura-card h2{font:750 32px/1.15 -apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:-1px;margin:18px 0}
.wellness .oura-card>p{font-size:14px;line-height:1.5}
.wellness .oura-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.wellness .oura-actions button{padding:12px 16px;font-size:14px;font-weight:650;min-height:44px}
.wellness .oura-card .oura-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wellness .oura-card .oura-metric{min-height:136px;padding:18px 14px;gap:10px;border-radius:12px}
.wellness .oura-card .oura-metric span{font-size:12px;line-height:1.35;min-height:0}
.wellness .oura-card .oura-metric strong{font-size:28px;line-height:1.06;white-space:normal;overflow-wrap:anywhere}
.wellness .oura-metric small{font-size:11px;line-height:1.35}
.wellness .oura-card .oura-balance{margin:20px 0;padding:20px;border:0;border-top:1px solid #7b596b;border-bottom:1px solid #7b596b;border-radius:0;background:transparent}
.wellness .oura-balance>span{font-size:15px;letter-spacing:0}
.wellness .oura-balance>strong{font-size:28px;line-height:1.15}
.wellness .oura-balance small{font-size:13px;line-height:1.5}
@media(max-width:600px){.wellness:not([hidden]){width:100%;max-width:100%;padding-top:20px!important}.wellness>.sections-header{padding:0!important}.wellness>[data-pane]:not([hidden]){padding-top:16px!important}.wellness .food-header-summary{display:none!important}}
@media(max-width:370px){.wellness .preview-strip{padding:12px 10px;gap:6px}.wellness .account-identity{gap:8px}.wellness .avatar-button{width:36px!important;height:36px!important;flex-basis:36px}.wellness #customer-email{font-size:19px!important}.wellness .account-profile-link{font-size:9px!important}.wellness .profile-rings{gap:3px}.wellness .profile-ring-item{width:35px}.wellness .profile-ring{width:30px;height:30px;font-size:12px}.wellness .profile-ring-item small{font-size:6px}.wellness .award-list{gap:10px}.wellness .oura-card .oura-metric{padding:14px 10px}.wellness .oura-card .oura-metric strong{font-size:24px}}
.wellness #account-home{display:none!important}
.wellness .welcome h1{font-size:28px}
.wellness .welcome p{font-size:13px}
.wellness .glp-about{margin:14px 0 24px;color:#bfb0b5;font-size:13px;line-height:1.6}
.wellness .glp-about summary{cursor:pointer;padding:10px 0}
.wellness .glp-facts strong{font-size:18px;overflow-wrap:anywhere}
.wellness .glp-next{font-size:17px!important;line-height:1.6}
.wellness .oura-actions button{border-radius:26px!important;font-size:13px;padding:12px;min-width:0}
.wellness #glp-edit-toggle{border-radius:28px!important;padding:13px 21px}
.wellness .glp-overview #glp-count{font-size:34px}
.wellness:has(>section[data-pane="today"][hidden])>.sections-header .welcome{margin-top:10px!important;padding-bottom:0!important}
/* Center the avatar placeholder independently of the header's span styles. */
.wellness .avatar-button{display:grid!important;place-items:center!important;line-height:1!important}
.wellness .avatar-button>span{display:block!important;margin:0!important;padding:0;line-height:1;letter-spacing:0}

/* Stable-height sliding achievement accordion. */
.wellness .award-list.award-accordion{display:flex;gap:0;width:100%;height:168px;min-width:0}
.wellness .award-accordion>.award-slide{position:relative;flex:0 0 40px;min-width:0;height:168px;min-height:168px;padding:12px 3px;overflow:hidden;border:1px solid #69515f;border-radius:8px;opacity:1;color:#e4cbc8;background:linear-gradient(135deg,#493440,#201b24);display:flex;align-items:center;justify-content:center;flex-direction:column;touch-action:pan-y;transition:flex-grow .35s ease,flex-basis .35s ease,background .2s,box-shadow .2s}
.wellness .award-accordion>.award-slide[aria-expanded=true]{flex:1 1 0%;padding:12px 7px;background:linear-gradient(145deg,#50313f,#282027);border-color:#b17b94}
.wellness .award-slide>strong{writing-mode:vertical-rl;font-size:10px;line-height:1.4;letter-spacing:.3px;margin:8px 0 0;white-space:nowrap}
.wellness .award-slide[aria-expanded=true]>strong{writing-mode:horizontal-tb;font-size:13px;white-space:normal;letter-spacing:0}
.wellness .award-slide .award-description{display:none}
.wellness .award-slide[aria-expanded=true] .award-description{display:block}
.wellness .award-slide .award-description small{font-size:11px;line-height:1.4}
.wellness .award-slide .award-status{color:#edb9cd;font-weight:600}
.wellness .award-accordion>.award-slide .star{font-size:22px;flex-shrink:0}
.wellness .award-accordion>.award-slide[aria-expanded=true] .star{font-size:32px}
.wellness .award-slide.is-touch,.wellness .award-slide:active{box-shadow:inset 0 0 22px #f2adc755;border-color:#f3bdd5}
.wellness .award-slide:focus-visible{outline:2px solid #f7c9dd;outline-offset:2px}
@media(hover:hover){.wellness .award-slide:hover{box-shadow:inset 0 0 22px #f2adc755;border-color:#f3bdd5}}
@media(min-width:500px){.wellness .award-accordion>.award-slide{flex-basis:44px}.wellness .award-accordion>.award-slide[aria-expanded=true]{flex-basis:0%}}
@media(prefers-reduced-motion:reduce){.wellness .award-accordion>.award-slide{transition:none}}

.wellness .award-accordion>.award-slide+.award-slide{margin-left:-7px}
.wellness .award-accordion>.award-slide[aria-expanded=true]{z-index:1}
@media(max-width:350px){.wellness .award-slide .award-description small{font-size:10px}.wellness .award-slide[aria-expanded=true]>strong{font-size:12px}}