/* Shared Wellness visual language for the member experience. */
:root,html[data-theme]{--bg:#050505;--ink:#efede9;--text:#efede9;--muted:#aaa6a2;--line:rgba(239,237,233,.17);--panel:rgba(24,23,22,.65);--soft:#242220;--accent:#c98a50;color-scheme:dark}
body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important;font-size:16px;font-weight:400;line-height:1.3;background:radial-gradient(ellipse at 90% 5%,rgba(80,115,123,.13),transparent 48%),radial-gradient(ellipse at 0% 70%,rgba(158,73,24,.09),transparent 45%),#050505;background-attachment:fixed;color:var(--ink);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}h1,h2,h3,.art-label,.summary .price{font-family:inherit!important;font-weight:400;letter-spacing:-.035em}h1,.client-welcome h1{font-size:clamp(38px,4.8vw,64px)!important;line-height:1.04!important;letter-spacing:-.045em}h2{line-height:1.12}p{line-height:1.4;letter-spacing:-.015em}.intro,#description{font-size:19px;line-height:1.3}.mini,.hint,.aside-note{line-height:1.5}
header{min-height:72px;height:auto;padding:16px 40px;max-width:1320px;border-bottom:1px solid var(--line)}header .brand img,header .logo{width:96px!important;height:auto;filter:brightness(0) invert(1)}.nav-right .link,header nav a{font-size:14px}.brand{border:0;background:none}.eyebrow,.kicker{color:#c98a50}.eyebrow{font-weight:400;letter-spacing:.12em}.line{background:#c98a50}main{max-width:1240px;padding-top:40px} .client-nav,.member-tabs{border-color:var(--line)}.client-nav a,.client-nav button,.member-tabs a{border-radius:999px;color:var(--muted);font-weight:400}.client-nav .selected,.tabs .selected{background:#efede9;color:#25231f;border-color:#efede9}
.primary,.card a.primary,.google,.plan-change-checkout #pay{background:#efede9!important;color:#25231f!important;border:1px solid #efede9!important;border-radius:999px!important;font-weight:500}.primary:hover{background:#fffaf4!important}.secondary,.actions button,.journey-button{border-radius:999px}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.card,.summary,.checkout,.calendar,.empty-dashboard,.service,.tip,#summary,.modal{background:var(--panel);border-color:var(--line);border-radius:20px}.empty-dashboard,.next-visit{background:radial-gradient(ellipse at 100% 0%,rgba(80,115,123,.16),transparent 70%),var(--panel)}.membership-pass,.art{background:radial-gradient(ellipse at 70% 0%,rgba(158,73,24,.18),transparent 65%),#171615}.orbit{border-color:rgba(239,237,233,.17)}.next-visit,.membership-pass{border-color:var(--line)}.pass-status,.status-chip,.onboarding-complete{color:var(--muted);border-color:var(--line)}.pass-bottom,.coaching-row,.appointment-item{border-color:var(--line)}.benefits li,.pass-bottom,label{color:#c6c1ba}.benefits li:before{color:#c98a50}
.plan-card,.day-option,.time,.toggle,.rhythm-card,.onboarding-option,.choice-option{background:var(--panel);border-color:var(--line);color:var(--ink)}.plan-card:not(.selected){background:var(--panel);border-color:var(--line)}.plan-card.selected,.time.selected,.toggle button.selected,.onboarding-option:has(input:checked),.choice-option:has(input:checked){background:rgba(201,138,80,.12);border-color:#c98a50;color:var(--ink)}.day-option:hover,.day-option:focus-visible{background:rgba(201,138,80,.1);border-color:#c98a50}.day-option.recommended-card{background:var(--panel);border-color:#c98a50}.recommendation,.recommended-card .recommendation,.savings-pill,.badge{background:#c98a50;color:#17120e;border-radius:999px}.saving-proof{color:#e5b58b}.upgrade-offer{background:radial-gradient(ellipse at top right,rgba(158,73,24,.16),transparent 70%),var(--panel);border-color:#c98a50}.selected-summary{background:var(--panel)}.selected .check,.day.chosen,.rhythm-days .on{background:#efede9;color:#25231f;border-color:#efede9}.day.paired{background:#352b22;color:#efede9;box-shadow:inset 0 0 0 1px #c98a50}.payment-today{background:#efede9;color:#25231f}.payment-today p{color:#68635d}.payment-timeline,.payment-event{border-color:var(--line)}.notice{background:rgba(201,138,80,.09);border-color:#c98a50;color:#c6c1ba}.step.active i{background:#efede9;color:#25231f;border-color:#efede9}.step{color:var(--muted)}.footer-note{color:var(--muted)}
input,select,textarea,label input,label select,label textarea{background:rgba(24,23,22,.65)!important;color:var(--ink)!important;border-color:var(--line)!important}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #c98a50;outline-offset:4px}select option{background:#171615;color:#efede9}.birth-wheel,.dob-wheel{border-color:var(--line);background:linear-gradient(to bottom,transparent 96px,rgba(201,138,80,.14) 96px,rgba(201,138,80,.14) 144px,transparent 144px)}.birth-wheel [aria-selected=true],.dob-wheel [aria-selected=true]{color:#efede9}.birth-wheel [role=option],.dob-wheel [role=option]{font-weight:400}.question-track,.progress-track{background:#302c28}.question-track span,.progress-track span,#progress{background:#c98a50}.actions,.book-dock,.credit-checkout-footer{background:rgba(5,5,5,.96);border-color:var(--line)}
@media(max-width:680px){header{padding:16px 24px;gap:12px}header .brand img,header .logo{width:80px!important}main{padding-left:24px!important;padding-right:24px!important}h1,.client-welcome h1{font-size:36px!important}.intro,#description{font-size:18px}.client-nav a,.client-nav button{padding:12px 14px;font-size:13px}.actions{padding-left:24px;padding-right:24px}.card,.empty-dashboard{padding:24px}.plan-title{flex-wrap:wrap}.time-grid{gap:8px}.time{font-size:13px}.day{max-width:100%}.nav-right{gap:10px}}
/* Use the same gutter for cards stacked in dashboard side columns. */
.client-grid>aside{display:grid;gap:24px;align-content:start}
.client-grid>aside>.card,.client-grid>aside>.membership-pass{margin:0}
.client-grid .card>.eyebrow{display:block;margin-bottom:12px}
.client-grid .card>h2{margin-bottom:20px}
@media(max-width:680px){.client-grid,.client-grid>aside{gap:20px}}
.client-dashboard .card>.eyebrow{display:block;margin-bottom:12px}
.client-dashboard .card>h2{margin-bottom:20px}
.client-dashboard .card>.empty+.primary,.client-dashboard .card>.empty+.secondary,.client-dashboard .card>.empty+.link{margin-top:24px}
.client-dashboard .card>.primary{gap:8px}