:root{background:#10131a;color:#e1e2ec;--cyan:#8aebff;--pink:#fc3bbe;--muted:#bbc9cd;--line:#3c494c;--card:rgba(18,24,36,.88)}
body{background:radial-gradient(ellipse at 95% 0%,rgba(34,211,238,.04),transparent 35%),radial-gradient(ellipse at 0% 25%,rgba(126,75,114,.035),transparent 40%),#10131a}
header{background:rgba(11,14,21,.9);border-bottom-color:#1f293d;backdrop-filter:blur(16px)}
.card{background:var(--card);border-color:#293344;box-shadow:0 24px 48px -32px rgba(2,6,12,.7);backdrop-filter:blur(16px)}
.intake-group,.entry,.exercise,.empty{background:#0c1018;border-color:#293344}
.intake-columns{grid-template-columns:minmax(0,1fr)}
#intake-view{max-width:780px;scroll-margin-top:90px}
.intake-group h3{min-height:0}
.intake-group label{font-size:.88rem;color:#dce7ed}
input,select{background:#080b11;border-color:#475765;border-radius:9px;color:#f8fafc;box-shadow:inset 0 2px 4px rgba(0,0,0,.22)}
input::placeholder{color:#a2b1bb}
input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #8aebff;outline-offset:2px}
input:focus,select:focus{border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.2)}
.primary{background:#22d3ee;color:#061217;border-radius:11px;min-height:48px}
.primary:hover{background:#8aebff;box-shadow:0 0 20px rgba(34,211,238,.2)}
.secondary{background:transparent;border-color:#425464;color:#b5effa}
.tabs button.active{background:#14323e;color:#8aebff}
.pill{background:#10212a;border-color:#426171}
.step-track{display:flex;gap:8px;margin:-6px 0 24px}
.step-track span{flex:1;height:5px;border-radius:99px;background:#2a3642;transition:background .2s}
.step-track span.current{background:#22d3ee}
.step-action{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:8px}
.step-action .primary{margin-top:0}
.live-preview{border:1px solid #365b67;background:#10232c;border-radius:14px;padding:18px;margin:20px 0;color:#d9e8ee;display:grid;gap:5px}
.live-preview strong{font-size:1.6rem;line-height:1.15;letter-spacing:-.025em;color:#f1f5f9;font-variant-numeric:tabular-nums}
.live-preview span{color:#8aebff;font-weight:650;font-variant-numeric:tabular-nums}
.live-preview p{margin:8px 0 0;font-size:.8rem}
.mode-toggle{border:1px solid #415968;border-radius:999px;color:#8aebff;background:#101c27;padding:6px 12px;font-size:.78rem;font-weight:700}
.mode-toggle[aria-pressed=true]{background:#14323e;border-color:#22d3ee}
.last-session{border:1px solid #365b67;background:#10232c;color:#d4e8ef;padding:10px 13px;border-radius:10px;margin:16px 0 0;font-size:.82rem;font-variant-numeric:tabular-nums}
.exercise-add{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;align-items:end;gap:12px;padding:15px;margin:14px 0 18px;background:#0c1018;border:1px solid #293344;border-radius:12px}
.exercise-add label{min-width:0;font-size:.78rem}
.exercise-add input,.exercise-add select{margin-top:5px;min-height:42px;padding:8px 10px;font-size:.86rem}
.exercise-add button{margin:0;min-height:42px;white-space:nowrap}
.exercise-add optgroup{color:#8aebff;background:#10131a}
.exercise-add option{color:#f1f5f9;background:#10131a}
.intake-top strong,.metric strong,.entry strong,.pill{font-variant-numeric:tabular-nums}
@media(max-width:690px){#intake-view{max-width:none}.intake-group{padding:20px}.step-action{align-items:stretch}.step-action .primary{width:100%}.intro{padding-top:28px}}
@media(max-width:690px){.exercise-add{grid-template-columns:1fr 1fr}.exercise-add button{grid-column:1/-1}.exercise{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.step-action{flex-direction:column-reverse}.step-action .quiet{align-self:flex-start}.intake-top{align-items:flex-start;flex-direction:column;gap:1px}}
@media(max-width:440px){.exercise-add{grid-template-columns:1fr}.exercise-add button{grid-column:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Member header and catalog refinements */
header{position:relative}
.bar{min-height:76px}
.brand{min-width:0;gap:10px}
.brand-lockup{width:76px;height:64px;max-height:none;object-fit:contain;object-position:center;background:none}
.brand-label{line-height:1.2}
.catalog-results{max-height:320px;overflow-y:auto;overscroll-behavior:contain;padding-right:7px;scrollbar-color:#527180 #101923;scrollbar-width:thin}
.catalog-results:focus-within{outline:1px solid #365b67;outline-offset:4px}
.catalog-option{min-height:48px}
@media(max-width:690px){.bar{min-height:68px}.brand-lockup{width:62px;height:54px;max-height:none}.brand-label{font-size:.82rem}.catalog-results{grid-template-columns:1fr;max-height:280px}}

/* Dashboard spacing and readable controls */
.app{padding-top:28px}
.layout{gap:24px}
.content,.panel,.card{min-width:0}
.card{padding:clamp(20px,2.2vw,28px);margin-bottom:20px}
.panel>.heading{margin:14px 0 22px}
.card>.heading.compact{margin:0 0 18px}
.card>.heading.compact:not(:first-child){margin-top:28px}
.heading{flex-wrap:wrap}
.heading .pill{white-space:normal;text-align:center}
.card .grid>label,.card .four>label{min-width:0}
.card input,.card select{min-width:0}
.metric{align-items:baseline}
.metric span{min-width:0}
.metric strong{white-space:normal;text-align:right;overflow-wrap:anywhere}
.weekly{position:static}
.exercise{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}
.exercise label{min-width:0;overflow-wrap:anywhere}
.exercise label:nth-child(-n+2){grid-column:span 2}
.exercise label:nth-child(5){grid-column:1/-2}
.exercise>button{justify-self:end;align-self:end;min-height:38px}
.exercise .video{grid-column:1/-1;overflow-wrap:anywhere}
.exercise .video a{overflow-wrap:anywhere}
.cardio-card .heading{margin-bottom:14px}
.cardio-card .heading p{margin:0}
.cardio-card .fine{margin:12px 0}
.cardio-estimate{display:flex;flex-direction:column;gap:3px;padding:17px 20px;margin:18px 0 14px;border:1px solid #365b67;background:#10232c;border-radius:14px}
.cardio-estimate>span{color:#cbd8df;font-size:.84rem}
.cardio-estimate strong{color:#8aebff;font-size:1.45rem;line-height:1.2;font-variant-numeric:tabular-nums}
.cardio-estimate small{color:#b9cbd3;letter-spacing:0;font-weight:500;font-size:.78rem}
.check-row{display:flex;align-items:center;gap:10px;margin:14px 0;color:#dce7ed}
.check-row input{width:19px;height:19px;min-height:19px;margin:0;accent-color:#22d3ee}
#cardio-custom-label{max-width:300px}
#cardio-list{margin-top:10px}
@media(max-width:920px){aside{order:initial;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.app{padding-top:22px}.layout{gap:16px}.card{padding:20px}.exercise{grid-template-columns:repeat(2,minmax(0,1fr))}.exercise label:nth-child(-n+2){grid-column:1/-1}.exercise label:nth-child(5){grid-column:1/-1}.exercise>button{grid-column:1/-1;justify-self:start}.exercise .video{grid-column:1/-1}aside{grid-template-columns:1fr}.cardio-card .grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.cardio-card .grid{grid-template-columns:1fr}.entry{gap:8px}.entry .right{max-width:48%;overflow-wrap:anywhere}.pill{white-space:normal}}

/* Progress summaries and private roster controls */
.volume-summary{border:1px solid #365b67;background:#10232c;border-radius:13px;padding:16px 18px;margin:16px 0 20px}
.volume-summary strong{display:block;margin-bottom:10px}.volume-summary p{margin:10px 0 0}
.volume-chips{display:flex;flex-wrap:wrap;gap:8px}.volume-chips span{padding:7px 10px;border:1px solid #425866;border-radius:999px;color:#d4e7ed;font-size:.78rem}
.trend-block,.trend-overview,.energy-balance{margin:18px 0;display:grid;gap:10px}
.trend-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;border-radius:12px;border:1px solid #314654;background:#0b151e}
.trend-item>div{display:grid;gap:3px;min-width:0}.trend-item span:not(.trend-label){font-size:.79rem;color:#b5c6cd}
.trend-label{flex:none;padding:7px 11px;border-radius:99px;font-size:.76rem;font-weight:750;color:#d8e9ed;border:1px solid #50616b}
.trend-label.up{color:#a2f5cf;border-color:#4d8f75}.trend-label.down{color:#ffc6a8;border-color:#966955}.trend-label.steady{color:#8aebff;border-color:#477c88}
.balance-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;color:#dce8ee}.balance-row strong{font-variant-numeric:tabular-nums}
.balance-track{grid-column:1/-1;background:#273844;height:14px;border-radius:99px;overflow:hidden}.balance-track i{display:block;height:100%;border-radius:99px}.balance-track .intake{background:#fc3bbe}.balance-track .output{background:#7ce6fa}
.energy-balance p{margin:8px 0 0}.coach-access{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:15px;border-radius:12px;border:1px solid #3a5562;background:#0b1b25;margin:14px 0}
.coach-access label{flex:1 1 220px}.coach-access select{margin-top:5px}.coach-access button{margin:0}.coach-access span{flex-basis:100%;font-size:.8rem;color:#a6e9db}
.archive-toggle{display:inline-flex;align-items:center;gap:9px;margin:14px 0 0;color:#cbdce3;font-size:.86rem;cursor:pointer}
.archive-toggle input{width:19px;height:19px;min-height:19px;margin:0;accent-color:#22d3ee}
#archive-member{color:#ffc9ce;border-color:#865a68}
#paused-message{margin:30px 0}
@media(max-width:600px){.trend-item{align-items:flex-start;flex-direction:column}.coach-access button{width:100%}}

.method-details,.manual-details{border-top:1px solid #354454;margin-top:18px;padding-top:14px}
.method-details summary,.manual-details summary{color:#8aebff;font-weight:700;cursor:pointer;min-height:36px;list-style-position:inside}
.method-details[open] summary,.manual-details[open] summary{margin-bottom:16px}
.method-details .fine{margin:0;color:#bac9d0}
.manual-details{margin:0;padding:0;border:0}
.manual-details h3{margin-top:0}
.manual-details .primary{margin-top:16px}

.catalog-dropdown{margin:18px 0;border:1px solid #365063;border-radius:12px;background:#0b151e}
.catalog-dropdown summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;color:#e8f6fa;font-weight:700;list-style:none}
.catalog-dropdown summary::-webkit-details-marker{display:none}
.catalog-dropdown summary::before{content:'▸';color:#8aebff;flex:none}
.catalog-dropdown[open] summary::before{content:'▾'}
.catalog-dropdown summary span{margin-left:auto;color:#b9cbd3;font-size:.82rem;font-weight:500;white-space:nowrap}
.catalog-dropdown[open] summary{border-bottom:1px solid #365063}
.catalog-dropdown .catalog-results{margin:12px;padding:0 6px 4px 0;max-height:320px}
.catalog-dropdown summary:focus-visible{outline:2px solid #8aebff;outline-offset:3px}
@media(max-width:480px){.catalog-dropdown summary{flex-wrap:wrap}.catalog-dropdown summary span{white-space:normal}}

.intake-fill #intake-other{background:#7d92a1}
#food-calories:not([readonly]){background:#080b11;border-color:#628997}

/* Public coaching and healthcare options */
.site-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.site-actions a{color:#c4d8e1;text-decoration:none;font-weight:650;font-size:.9rem}.site-actions a:hover,.site-actions a:focus-visible{color:var(--cyan);text-decoration:underline}.services{padding:58px 0 30px;scroll-margin-top:100px}.services-heading{max-width:730px;margin-bottom:28px}.services-heading h2{font-size:clamp(1.75rem,3.5vw,2.6rem)}.services-heading p{max-width:680px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.price-card{display:flex;flex-direction:column;min-width:0;margin:0}.price-card.featured{border-color:#65cde2;background:#12232d}.price-card h3{font-size:1.5rem;margin:12px 0 2px}.price-card .price{color:#f2fbff;font-size:2.3rem;font-weight:800;letter-spacing:-.05em;margin:0 0 8px}.price-card .price span{font-size:.85rem;color:#acbec8;letter-spacing:0;font-weight:500}.price-card ul{color:#d0dfe6;padding-left:20px;margin:4px 0 18px;line-height:1.8;font-size:.9rem}.price-card a{margin-top:auto;width:100%;text-align:center}.booking-card{margin-top:24px;scroll-margin-top:100px}.booking-card>div{max-width:680px}.booking-card form{max-width:860px}.booking-card .request-status{margin:12px 0 0;min-height:1.5em;color:#9eecc5}.booking-card .request-status.error{color:#ffb8d8}.request-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.healthcare-cta{margin-top:18px;margin-bottom:55px;display:flex;align-items:center;justify-content:space-between;gap:24px;scroll-margin-top:100px}.healthcare-cta>div{max-width:750px}.healthcare-cta .secondary{flex:none;margin:0}.healthcare-cta .fine{margin:0}@media(max-width:850px){.pricing-grid{grid-template-columns:1fr}.healthcare-cta{align-items:flex-start;flex-direction:column}.site-actions{gap:10px}}@media(max-width:580px){.site-actions a{font-size:.78rem}.site-actions{gap:8px}.site-actions .quiet{font-size:.78rem}.services{padding-top:36px}.booking-card .grid{grid-template-columns:1fr}.healthcare-cta .secondary{width:100%}}

/* Member username and private coach view */
.account-name{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.username-settings{position:relative}.username-settings summary{cursor:pointer;color:var(--cyan);font-size:.82rem;text-align:right}.username-settings[open] form{position:absolute;right:0;top:100%;z-index:6;width:min(320px,calc(100vw - 40px));background:#101b24;border:1px solid #385260;border-radius:14px;padding:18px;box-shadow:0 18px 40px #0009}.username-settings .fine{margin:9px 0}.username-settings button{margin-top:6px}.username-settings [role=status]{min-height:1.2em;color:#9ce9d2;font-size:.8rem}.username-help{grid-column:2;margin:-14px 0 0}.layout.coach-mode{grid-template-columns:minmax(0,1fr)}.layout.coach-mode aside{display:none}.coach-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;max-height:360px;overflow:auto}.coach-member{text-align:left;display:flex;flex-direction:column;gap:4px;background:#0a151c;color:#edf7fa;border:1px solid #2b4756;border-radius:12px;padding:14px;min-width:0}.coach-member span{font-size:.82rem;color:#adbec7}.coach-member.selected{border-color:var(--cyan);background:#15303b}.coach-detail{scroll-margin-top:100px}.coach-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.coach-metrics>div{background:#0a141b;border:1px solid #2c4652;border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:4px}.coach-metrics strong{font-size:1.35rem}.coach-metrics span{color:#adbec7;font-size:.81rem}.coach-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.coach-detail-grid>div{min-width:0}.coach-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #2b3f4a;padding:10px 0;font-size:.86rem}.coach-row span{min-width:0;overflow-wrap:anywhere;color:#cad7dc}.coach-row strong{flex:none;text-align:right}.coach-plan-day{border-top:1px solid #2b3f4a;padding:10px 0;display:flex;flex-direction:column;gap:4px}.coach-plan-day span{font-size:.85rem;color:#adbec7}@media(max-width:760px){.coach-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.coach-detail-grid{grid-template-columns:1fr}}@media(max-width:560px){.app-title{align-items:flex-start}.account-name{max-width:44%;overflow-wrap:anywhere}.coach-members,.coach-metrics{grid-template-columns:1fr}.username-help{grid-column:1;margin:-10px 0 0}}

.username-help{display:block;margin:6px 0 0;grid-column:auto}


/* Training builder, rest timer and compact learning cards. */
#custom-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;margin:16px 0}.muscle-day{border:1px solid #344b59;border-radius:14px;padding:14px;min-width:0}.muscle-day legend{font-weight:700;padding:0 6px}.muscle-choice{display:inline-flex;align-items:center;gap:5px;margin:5px 7px 5px 0;padding:7px 10px;border:1px solid #35505e;border-radius:20px;font-size:.85rem;cursor:pointer}.muscle-choice input{width:auto;min-width:16px;min-height:16px;margin:0}.exercise-kind{grid-column:1/-1;color:#a8c7d2;font-size:.81rem;margin:0}.rest-timer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:20px;margin:22px 0;border:1px solid #3a5664;border-radius:16px;background:#10222d}.rest-timer>div:first-child{display:flex;flex-direction:column;gap:4px}.rest-timer small{color:#8fe7f1;letter-spacing:.12em}.rest-timer strong{font-size:2rem;font-variant-numeric:tabular-nums}.rest-timer span{font-size:.85rem;color:#b6cbd3;max-width:38ch}.timer-actions{display:flex;gap:8px;flex-wrap:wrap}.timer-actions button{margin:0}.lesson-group{margin-bottom:18px}.lesson-group h3{margin-top:0}.lesson{border-top:1px solid #2b434f;padding:0}.lesson summary{cursor:pointer;padding:14px 2px;font-weight:700}.lesson summary:hover{color:#80e7f3}.lesson p{line-height:1.6;color:#c6d5dc;margin:0 0 16px;max-width:78ch}.cardio-card [hidden],#custom-days[hidden]{display:none!important}@media(max-width:600px){.rest-timer{align-items:flex-start}.timer-actions{width:100%}.timer-actions button{flex:1;min-width:90px}}

/* Daily training view */
.workout-day-card{padding:clamp(18px,3vw,28px)}.day-picker-label{min-width:min(100%,240px);font-size:.8rem}.day-picker-label select{margin-top:5px}.workout-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:18px 0 24px}.workout-actions .primary,.workout-actions .secondary{margin:0}#session-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}#session-controls[hidden]{display:none}#session-controls>span{font-variant-numeric:tabular-nums;font-weight:700;color:var(--cyan)}#session-controls label{display:flex;align-items:center;gap:8px}#session-controls select{min-width:120px;margin:0}.session-exercise{border:1px solid #334b59;border-radius:16px;background:#0b1720;padding:clamp(16px,2.5vw,23px);margin:15px 0}.exercise-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.exercise-top h3{font-size:1.13rem;margin:5px 0}.exercise-top p{font-size:.86rem;margin:0}.exercise-top .pill{flex:none}.session-exercise .last-session{color:#afc7d1;font-size:.82rem;margin:12px 0}.session-exercise a{display:inline-block;margin-bottom:10px}.live-set{display:flex;align-items:end;flex-wrap:wrap;gap:12px;border-top:1px solid #2d4655;padding-top:16px;margin-top:10px}.live-set label{flex:1;min-width:120px}.live-set input{margin-top:6px}.live-set button{margin:0}.exercise-editor{border-top:1px solid #335466;padding-top:18px;margin-top:18px}.exercise-editor .quiet{margin-top:8px}.structured-add{display:block;border:1px dashed #436b78;border-radius:14px;padding:20px;margin:20px 0}.structured-add h3{margin-bottom:14px}.structured-add button{margin-top:14px}#template-controls summary,#upcoming-days summary,.past-session summary{cursor:pointer;font-weight:700}#template-controls[open] summary,#upcoming-days[open] summary{margin-bottom:18px}.other-day{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid #2d4655}.other-day span{font-size:.85rem;color:#b7cbd4}.past-session{margin:20px 0;padding-top:16px;border-top:1px solid #2d4655}.past-session form{margin-top:15px}@media(max-width:650px){.workout-day-card .heading{flex-direction:column}.day-picker-label{width:100%}.exercise-top{flex-wrap:wrap}.live-set button{width:100%}#session-controls{width:100%}}

/* Cardio stopwatch and manually copied device metrics. */
.cardio-timer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 20px;margin:0 0 22px;background:#10232d;border:1px solid #355867;border-radius:16px}.cardio-timer>div:first-child{display:flex;flex-direction:column;gap:4px}.cardio-timer strong{font-size:2rem;font-variant-numeric:tabular-nums}.cardio-timer span{font-size:.85rem;color:#b8ccd5;max-width:42ch}.cardio-timer .timer-actions button{margin:0}@media(max-width:620px){.cardio-timer .timer-actions{width:100%}.cardio-timer .timer-actions button{flex:1;min-width:120px}}

/* One predictable path from setup to each member task. */
@media (min-width:1050px){
  #public:has(#intake-view:not([hidden])){display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:28px 36px;padding-top:34px}
  #public:has(#intake-view:not([hidden])) .intro{display:flex;flex-direction:column;align-items:flex-start;gap:28px;min-height:0;padding:46px 0 0;max-width:none}
  #public:has(#intake-view:not([hidden])) .intro h1{font-size:clamp(2.7rem,4.5vw,4.25rem)}
  #public:has(#intake-view:not([hidden])) .hero-brand{width:min(285px,80%);margin:0;align-self:center;justify-self:auto}
  #public:has(#intake-view:not([hidden])) #intake-view{grid-column:2;grid-row:1;max-width:none;width:100%;margin:0}
  #public:has(#intake-view:not([hidden])) #notice{grid-column:1/-1;grid-row:2}
  #public:has(#intake-view:not([hidden])) .centered{grid-column:1/-1;margin:0 0 50px}
}
@media (min-width:690px) and (max-width:1049px){.intro{min-height:0;padding:30px 0 22px}.hero-brand{max-width:240px}}

.app-title{margin-bottom:22px}
.app-title p{line-height:1.5}
.tabs{position:sticky;top:0;z-index:4;margin:0 0 22px;padding:9px 4px;background:rgba(16,19,26,.96);border:1px solid #293344;border-radius:14px;scrollbar-width:thin;scrollbar-color:#527180 #10131a;box-shadow:0 14px 26px -22px #000}
.tabs button{min-height:44px;padding:9px 16px;color:#c2d0d7}
.tabs button.active{box-shadow:inset 0 0 0 1px #477080}
.panel>.heading{margin:4px 0 18px}
.panel>.heading p{line-height:1.5;max-width:64ch}
.page-guide{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:12px 14px;border:1px solid #293b48;border-radius:14px;background:#0c151f}
.page-guide-label{font-size:.68rem;letter-spacing:.13em;font-weight:800;color:#a6bfca;margin-right:6px}
.page-guide a{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border:1px solid #395667;border-radius:9px;color:#d1edf3;background:#13232e;font-size:.83rem;font-weight:700;text-decoration:none}
.page-guide a:hover,.page-guide a:focus-visible{background:#21404c;border-color:#78d5e5}
.date-field{min-width:0}
.date-field-title{display:block;color:#dce8ee;font-size:.91rem;font-weight:650;margin-bottom:8px}
.date-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.date-parts label{min-width:0;color:#bacad2;font-size:.75rem}
.date-parts select{min-width:0;min-height:48px;margin:3px 0 0;padding:9px 8px}
.date-chosen{display:block;margin-top:7px;color:#b3cbd5;font-size:.76rem;font-variant-numeric:tabular-nums}
.empty-trend-track{border:1px solid #314654;border-radius:12px;background:#0b151e;padding:13px 15px;color:#d3e5e9;font-size:.83rem}
.empty-trend-track span{display:block;font-weight:700}
.empty-trend-track small{display:block;margin-top:7px;color:#a9bdc6;letter-spacing:0;font-size:.75rem;font-weight:500}
.macro-mini-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 4px}
.macro-mini{min-width:0;color:#b9cbd2;font-size:.75rem;font-weight:650}
.macro-mini-track{height:10px;overflow:hidden;border-radius:99px;background:#273844;margin-top:6px}
.macro-mini-track i{display:block;height:100%;width:0;border-radius:99px;transition:width .25s ease}
.macro-mini:nth-child(1) i{background:#7ce6fa}.macro-mini:nth-child(2) i{background:#fc3bbe}.macro-mini:nth-child(3) i{background:#a48cf7}
.empty-track{height:12px;border:1px solid #435360;border-radius:999px;background:repeating-linear-gradient(90deg,#23313d 0,#23313d 16%,#2b3a47 16%,#2b3a47 17%);margin-top:9px}
.trend-item{flex-wrap:wrap}
.trend-item>.empty-track{flex-basis:100%;margin-top:0}
.panel>[id]{scroll-margin-top:92px}
.panel>.card{width:100%}
#nutrition-targets{border-color:#344354}
#nutrition-targets .fine{max-width:95ch}
.panel .card>h3:first-child{margin-bottom:10px}
.panel .card>.muted{line-height:1.5}
@media(max-width:690px){
  .app{padding-top:20px}
  .app-title{gap:12px;margin-bottom:16px}
  .tabs{margin:0 -4px 18px;border-radius:10px;gap:3px;padding:6px;max-width:calc(100% + 8px)}
  .tabs button{min-height:44px;padding:9px 12px;font-size:.87rem}
  .page-guide{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding:10px;margin-bottom:18px;scrollbar-width:thin}
  .page-guide-label{position:sticky;left:0;align-self:stretch;display:flex;align-items:center;background:#0c151f;padding-right:7px;flex:none}
  .page-guide a{flex:none}
  .macro-mini-tracks{gap:8px}
  .panel>[id]{scroll-margin-top:80px}
}

/* Longer lessons and coach-published teaching videos. */
.lesson-search{padding:22px}.lesson-search .fine{margin:10px 0}.lesson-group .lesson{padding:0 4px}.lesson-group .lesson summary{font-size:1rem}.lesson-group .lesson p{max-width:76ch;line-height:1.7;margin:0 0 16px;color:#d1dce2}.lesson-group .lesson p:first-of-type{font-weight:550;color:#eef7fa}.lesson-video{display:inline-flex;align-items:center;margin:2px 0 18px;padding:10px 14px;border:1px solid #447384;background:#17323e;border-radius:10px;text-decoration:none;font-weight:750}.lesson-group .lesson .fine{font-size:.79rem;color:#a8bbc5;margin:0 0 16px}#lesson-video-admin .grid{margin-top:16px}#lesson-video-status{min-height:1.5em}