:root{
  color-scheme:dark;
  --bg:#08090d;--panel:rgba(22,23,31,.82);--panel2:rgba(255,255,255,.035);
  --line:rgba(255,255,255,.085);--line2:rgba(255,255,255,.14);
  --text:#f6f3ef;--soft:#b8b2ae;--muted:#77747d;
  --orange:#ff8247;--coral:#ff4f69;--green:#72e39c;--blue:#74a9ff;--red:#ff7183;
  --shadow:0 22px 55px rgba(0,0,0,.38);--radius:25px;--content:520px;
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -8%,rgba(255,112,66,.11),transparent 30%),linear-gradient(#0b0c11,var(--bg));color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(255,130,71,.7);outline-offset:2px}
.app-shell{min-height:100vh}.app-header{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 32px),var(--content));margin:auto;padding:calc(18px + env(safe-area-inset-top)) 0 15px}
.brand{display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--text);font-size:.78rem;font-weight:900;letter-spacing:.12em}.brand img{width:35px;height:35px}
.profile-button{position:relative;z-index:31;display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--coral));color:#170806;font-size:.78rem;font-weight:900}
.screen{display:none;width:min(calc(100% - 32px),var(--content));margin:auto;padding:18px 0 calc(104px + env(safe-area-inset-bottom))}.screen.active{display:block}
.eyebrow{margin:0 0 6px;color:var(--muted);font-size:.59rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.challenge-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:12px 4px 25px}.hero-copy h1{display:flex;gap:8px;margin:0;font-size:1.92rem;letter-spacing:-.055em}.hero-copy h1 b{color:var(--muted);font-weight:400}.hero-copy>p:not(.eyebrow){margin:8px 0 11px;color:var(--muted);font-size:.72rem}.challenge-status{display:inline-block;border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.05);font-size:.62rem}.challenge-status[data-status="ahead"],.challenge-status[data-status="on"]{color:var(--green);background:rgba(114,227,156,.08)}.challenge-status[data-status="behind"]{color:var(--red);background:rgba(255,79,105,.09)}
.challenge-ring{--progress:0deg;display:grid;width:103px;height:103px;place-items:center;border-radius:50%;background:radial-gradient(circle,#11131a 58%,transparent 59%),conic-gradient(from -90deg,var(--orange),var(--coral) var(--progress),rgba(255,255,255,.07) var(--progress));box-shadow:0 0 34px rgba(255,80,80,.13)}.challenge-ring div{display:grid;place-items:center}.challenge-ring strong{font-size:1.05rem}.challenge-ring span{margin-top:1px;color:var(--soft);font-size:.72rem}.challenge-ring small{margin-top:5px;color:var(--muted);font-size:.52rem;text-transform:uppercase}
.panel,.coach-card,.form-card{margin-bottom:14px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.012) 55%),var(--panel);box-shadow:inset 0 1px rgba(255,255,255,.04),var(--shadow);backdrop-filter:blur(20px)}.panel{padding:20px}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}.section-heading.inline{align-items:center}.section-heading h2{margin:0;font-size:1.15rem;letter-spacing:-.035em}
.goal-grid{display:grid;gap:10px}.goal-card{border:1px solid var(--line);border-radius:19px;padding:16px;background:rgba(255,255,255,.025)}.goal-card[data-status="ahead"],.goal-card[data-status="on"]{border-color:rgba(114,227,156,.17)}.goal-card[data-status="behind"]{border-color:rgba(255,79,105,.2)}
.goal-head,.goal-main,.goal-stats,.goal-foot{display:flex;justify-content:space-between;gap:12px}.goal-head span,.goal-main small,.goal-stats span,.goal-foot{color:var(--muted);font-size:.57rem;font-weight:760;text-transform:uppercase}.goal-head strong{display:block;margin-top:4px;font-size:.82rem}.goal-head em{font-style:normal;font-size:1.1rem;font-weight:850}.goal-main{margin:17px 0 13px}.goal-main p{margin:0}.goal-main strong{display:block;margin-top:3px;font-size:1.12rem}.goal-main p:last-child{text-align:right}
.progress-bar,.target-card>div{height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.progress-bar i,.target-card>div i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--coral));transition:width .4s ease}.goal-card[data-status="ahead"] .progress-bar i,.goal-card[data-status="on"] .progress-bar i{background:linear-gradient(90deg,#4bc881,var(--green))}
.goal-stats{margin-top:15px}.goal-stats p{display:grid;gap:3px;margin:0}.goal-stats p:last-child{text-align:right}.goal-stats strong{font-size:.72rem}.goal-card[data-status="ahead"] [id$="PaceDifference"],.goal-card[data-status="on"] [id$="PaceDifference"]{color:var(--green)}.goal-card[data-status="behind"] [id$="PaceDifference"]{color:var(--red)}.goal-foot{margin-top:15px;padding-top:12px;border-top:1px solid var(--line);text-transform:none}
.whoop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.whoop-grid article{display:grid;justify-items:center;text-align:center}.metric-ring{--progress:0deg;display:grid;width:78px;height:78px;place-items:center;border-radius:50%;background:radial-gradient(circle,#151720 58%,transparent 59%),conic-gradient(from -90deg,var(--green) var(--progress),rgba(255,255,255,.07) 0)}.metric-ring.sleep{background:radial-gradient(circle,#151720 58%,transparent 59%),conic-gradient(from -90deg,var(--blue) var(--progress),rgba(255,255,255,.07) 0)}.metric-ring.strain{background:radial-gradient(circle,#151720 58%,transparent 59%),conic-gradient(from -90deg,var(--orange) var(--progress),rgba(255,255,255,.07) 0)}.metric-ring strong{font-size:1rem}.whoop-grid b{margin-top:9px;font-size:.62rem;text-transform:uppercase}.whoop-grid span{margin-top:3px;color:var(--muted);font-size:.57rem}.sync-dot{color:var(--orange);font-size:.57rem;font-weight:900}
.text-button{border:0;background:none;color:var(--orange);font-size:.6rem;font-weight:900}
.targets-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.target-card{display:grid;gap:7px;border:1px solid var(--line);border-radius:16px;padding:13px;background:rgba(255,255,255,.025);text-align:left}.target-card span{color:var(--muted);font-size:.56rem;font-weight:850;letter-spacing:.06em}.target-card strong{font-size:.72rem}.target-card.water>div i{background:var(--blue)}.target-card.alcohol{grid-template-columns:1fr auto;align-items:center}.target-card.alcohol strong{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:rgba(255,255,255,.06);color:var(--muted)}.target-card.alcohol small{color:var(--muted);font-size:.58rem}.target-card.alcohol.complete{border-color:rgba(114,227,156,.18)}.target-card.alcohol.complete strong{background:var(--green);color:#07120c}.target-card.alcohol.complete small{color:var(--green)}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compare-card{display:grid;gap:5px;border:1px solid var(--line);border-radius:15px;padding:12px;background:rgba(255,255,255,.025)}.compare-card>span{color:var(--muted);font-size:.55rem;font-weight:850;text-transform:uppercase}.compare-card>strong{font-size:.9rem}.compare-card small{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:.56rem}.compare-card[data-status="improved"] small{color:var(--green)}.compare-card[data-status="declined"] small{color:var(--red)}
.coach-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:20px;background:linear-gradient(135deg,rgba(255,121,67,.16),rgba(255,78,104,.065)),var(--panel)}.coach-avatar{display:grid;width:43px;height:43px;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--orange),var(--coral));color:#170807;font-weight:900}.coach-card p:last-child{margin:0;color:#f0e9e5;font-size:.88rem;line-height:1.55}
.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-action{position:relative;z-index:1;display:grid;gap:8px;justify-items:start;border:1px solid var(--line);border-radius:17px;padding:13px 11px;background:var(--panel2);text-align:left}.quick-action>span{color:var(--orange)}.quick-action b{display:block;font-size:.58rem}.quick-action small{display:block;margin-top:4px;color:var(--muted);font-size:.53rem;line-height:1.3}
.bottom-nav{position:fixed;z-index:40;right:11px;bottom:calc(9px + env(safe-area-inset-bottom));left:11px;display:grid;grid-template-columns:repeat(5,1fr);max-width:540px;margin:auto;border:1px solid var(--line);border-radius:23px;padding:7px;background:rgba(17,18,24,.9);box-shadow:0 20px 50px rgba(0,0,0,.55);backdrop-filter:blur(24px)}.nav-item{display:grid;justify-items:center;gap:4px;border:0;border-radius:15px;padding:8px 2px;background:none;color:var(--muted)}.nav-item span{font-size:1rem}.nav-item b{font-size:.48rem}.nav-item.active{background:rgba(255,121,67,.1);color:var(--orange)}
.page-heading{padding:16px 3px 24px}.page-heading h1{margin:0;font-size:2.35rem;letter-spacing:-.055em}.page-heading>p:last-child{margin:9px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}
.history-timeline{display:grid;gap:10px}.history-entry{position:relative;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;width:100%;border:1px solid var(--line);border-radius:19px;padding:15px;background:var(--panel);text-align:left}.timeline-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(var(--orange),var(--coral));box-shadow:0 0 0 5px rgba(255,121,67,.08)}.history-day{display:grid;min-width:62px}.history-day small{color:var(--muted);font-size:.55rem}.history-day strong{margin-top:3px;font-size:.76rem}.history-values{display:flex;flex-wrap:wrap;gap:6px}.history-values span{border-radius:999px;padding:5px 7px;background:rgba(255,255,255,.04);color:var(--muted);font-size:.52rem}.history-values b{color:var(--soft)}.history-entry em{color:var(--orange);font-size:1.3rem}.empty-state{display:grid;justify-items:center;border:1px dashed var(--line2);border-radius:22px;padding:44px 20px;text-align:center}.empty-state p{color:var(--muted);font-size:.75rem}.empty-state button{border:0;border-radius:13px;padding:11px 14px;background:linear-gradient(90deg,var(--orange),var(--coral));color:#180806;font-weight:850}
.settings-form{padding:20px}.form-section+ .form-section{margin-top:24px}.form-section h2{margin:0 0 12px;font-size:1rem}.field-grid{display:grid;gap:8px}.field-grid label{display:grid;gap:7px;border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.025)}.field-grid label>span{color:var(--soft);font-size:.68rem;font-weight:700}.field-grid input,.field-grid textarea{width:100%;border:0;border-radius:10px;padding:10px;background:rgba(255,255,255,.055);color:var(--text)}.input-unit{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.input-unit b{color:var(--muted);font-size:.62rem;font-weight:700}.input-unit input{text-align:right}.primary-button,.danger-button{width:100%;border:0;border-radius:15px;padding:14px;font-weight:900}.primary-button{margin-top:20px;background:linear-gradient(90deg,var(--orange),var(--coral));color:#170806}.danger-button{margin-top:9px;background:rgba(255,79,105,.08);color:var(--red)}
.full-screen-flow{position:fixed;z-index:100;inset:0;overflow:auto;background:radial-gradient(circle at 50% -5%,rgba(255,112,66,.13),transparent 26%),#090a0f;opacity:0;transform:translateY(14px);transition:.2s ease}.full-screen-flow.visible{opacity:1;transform:none}.flow-open{overflow:hidden}.flow-header{position:sticky;z-index:5;top:0;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 16px 15px;background:rgba(9,10,15,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.flow-header h1{margin:0;font-size:1.5rem;letter-spacing:-.04em}.flow-header span{display:block;margin-top:4px;color:var(--muted);font-size:.65rem}.icon-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.04);font-size:1.3rem}.flow-content{width:min(calc(100% - 28px),var(--content));margin:auto;padding:18px 0 calc(34px + env(safe-area-inset-bottom))}.form-card{padding:18px}.form-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}.form-card-heading h2{margin:0;font-size:1rem}.form-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:13px;background:rgba(255,121,67,.11);color:var(--orange)}.whoop-icon{color:var(--green);background:rgba(114,227,156,.09);font-weight:900}.yesterday-icon{color:var(--blue);background:rgba(116,169,255,.09)}.toggle-field{display:flex!important;align-items:center;justify-content:space-between}.toggle-field input{position:absolute;opacity:0}.toggle-field i{position:relative;width:45px;height:25px;border-radius:999px;background:rgba(255,255,255,.1)}.toggle-field i::after{position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#888;content:"";transition:.18s}.toggle-field input:checked+i{background:rgba(114,227,156,.25)}.toggle-field input:checked+i::after{left:23px;background:var(--green)}.notes-field{grid-column:1/-1}.notes-field textarea{resize:vertical;min-height:90px}.sticky-save{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:0 12px 32px rgba(0,0,0,.45)}
.toast{position:fixed;z-index:150;right:20px;bottom:105px;left:20px;display:flex;justify-content:center;visibility:hidden;opacity:0;transform:translateY(8px);transition:.18s}.toast.show{visibility:visible;opacity:1;transform:none}.toast span{border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:#1a1b22;font-size:.7rem}
@media(min-width:460px){.goal-grid{grid-template-columns:1fr 1fr}.field-grid{grid-template-columns:1fr 1fr}.notes-field,.toggle-field{grid-column:1/-1}.compare-grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Phoenix v0.9 — Journey and Body */
.journey-header{display:grid;gap:20px}.journey-header h1{margin:0;font-size:2rem;letter-spacing:-.055em}.journey-status{display:inline-block;margin-top:11px;border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.05);color:var(--muted);font-size:.62rem;font-weight:850}.journey-status[data-status="ahead"],.journey-status[data-status="on"]{background:rgba(114,227,156,.09);color:var(--green)}.journey-status[data-status="behind"]{background:rgba(255,79,105,.09);color:var(--red)}
.journey-current-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.journey-current-grid article,.prediction-grid article{display:grid;gap:6px;border:1px solid var(--line);border-radius:15px;padding:12px;background:rgba(255,255,255,.025)}.journey-current-grid span,.prediction-grid span{color:var(--muted);font-size:.55rem;font-weight:800;text-transform:uppercase}.journey-current-grid strong,.prediction-grid strong{font-size:.9rem}
.journey-timeline{display:grid;gap:7px;max-height:390px;overflow:auto}.journey-day{display:grid;grid-template-columns:55px 1fr 1fr 1fr auto;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;padding:11px;background:rgba(255,255,255,.022);text-align:left}.journey-day span{color:var(--orange);font-size:.58rem;font-weight:850}.journey-day strong{font-size:.72rem}.journey-day em,.journey-day small{color:var(--muted);font-size:.56rem;font-style:normal}.journey-day b{color:var(--orange)}
.chart-heading{align-items:center}.chart-heading select{border:1px solid var(--line);border-radius:11px;padding:8px 9px;background:#171820;color:var(--soft);font-size:.65rem}.range-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:13px}.range-tabs button,.body-toggle button{border:0;border-radius:10px;padding:8px 4px;background:rgba(255,255,255,.04);color:var(--muted);font-size:.55rem;font-weight:800}.range-tabs button.active,.body-toggle button.active{background:rgba(255,121,67,.13);color:var(--orange)}
.chart-wrap{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:17px;padding:6px;background:rgba(4,5,8,.28)}#journeyChart{width:100%;height:auto;overflow:visible}.chart-grid{stroke:rgba(255,255,255,.06);stroke-width:1}.chart-axis,.chart-empty{fill:#77747d;font-size:9px}.chart-line{fill:none;stroke:url(#journeyLine);stroke:#ff704f;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(255,92,70,.25));animation:chartDraw .7s ease}.chart-point{fill:#11131a;stroke:#ff8247;stroke-width:3;cursor:pointer}.chart-tooltip{position:absolute;z-index:2;display:grid;gap:2px;transform:translate(-50%,-100%);border:1px solid var(--line2);border-radius:10px;padding:7px 9px;background:#1a1b23;box-shadow:0 8px 22px rgba(0,0,0,.4);pointer-events:none}.chart-tooltip strong{font-size:.68rem}.chart-tooltip span{color:var(--muted);font-size:.52rem}.chart-insight,.prediction-insight,.body-insight{margin:13px 2px 0;color:var(--soft);font-size:.7rem;line-height:1.5}
.milestones{position:relative;display:grid;gap:0}.milestones::before{position:absolute;top:15px;bottom:15px;left:14px;width:1px;background:var(--line);content:""}.milestone{position:relative;z-index:1;display:grid;grid-template-columns:29px 1fr;align-items:center;gap:10px;padding:9px 0}.milestone>span{display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--line2);border-radius:50%;background:#15161d;color:var(--muted)}.milestone.complete>span{border-color:transparent;background:var(--green);color:#07130c}.milestone div{display:grid;gap:3px}.milestone strong{font-size:.72rem}.milestone small{color:var(--muted);font-size:.57rem}
.prediction-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.highlight-card{display:grid;gap:5px;border:1px solid var(--line);border-radius:15px;padding:12px;background:rgba(255,255,255,.025)}.highlight-card span{color:var(--muted);font-size:.53rem;font-weight:850;text-transform:uppercase}.highlight-card strong{font-size:.92rem}.highlight-card small{color:var(--muted);font-size:.53rem}.highlight-card.positive strong{color:var(--green)}
.body-page-heading{padding-bottom:16px}.body-map-panel{overflow:hidden}.body-toggle{display:flex;gap:4px}.body-stage{display:grid;gap:14px}.body-map{width:min(62%,250px);margin:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.4))}.body-region{fill:rgba(255,255,255,.07);stroke:rgba(255,255,255,.18);stroke-width:2;cursor:pointer;transition:fill .3s ease,stroke .2s ease,transform .2s ease;transform-origin:center}.body-region:hover,.body-region.selected{stroke:#ffd0ba;stroke-width:3}.body-region.no-data{fill:rgba(255,255,255,.045);stroke-dasharray:4 5}.region-detail{border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(255,255,255,.025)}.region-detail h2{margin:0 0 14px;font-size:1.25rem}.region-values{display:grid;grid-template-columns:1fr 1fr;gap:8px}.region-values p{display:grid;gap:4px;margin:0;border-radius:11px;padding:9px;background:rgba(255,255,255,.03)}.region-values span{color:var(--muted);font-size:.52rem;text-transform:uppercase}.region-values strong{font-size:.72rem}.mini-chart{width:100%;height:70px;margin-top:12px;border-radius:11px;background:rgba(0,0,0,.15)}.mini-chart-line{fill:none;stroke:#ff8247;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.mini-chart-empty{fill:#77747d;font-size:9px}.region-coach{margin:11px 0 0;color:var(--soft);font-size:.67rem;line-height:1.5}
.replay-control{margin-top:17px}.replay-control>div{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.54rem}.replay-control strong{color:var(--orange);font-size:.62rem}.replay-control input{width:100%;margin-top:9px;accent-color:var(--orange)}
.composition-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.composition-grid article{display:grid;gap:5px;border:1px solid var(--line);border-radius:14px;padding:11px;background:rgba(255,255,255,.025)}.composition-grid span{color:var(--muted);font-size:.52rem;font-weight:850;text-transform:uppercase}.composition-grid strong{font-size:.86rem}.composition-grid small{display:flex;gap:4px;color:var(--muted);font-size:.52rem}.composition-grid article[data-status="down"] small,.composition-grid article[data-status="up"] small{color:var(--soft)}
.empty-state.compact{padding:24px 16px}
@keyframes chartDraw{from{stroke-dasharray:800;stroke-dashoffset:800}to{stroke-dasharray:800;stroke-dashoffset:0}}
@media(min-width:460px){.journey-header{grid-template-columns:1fr 1.1fr;align-items:center}.body-stage{grid-template-columns:.85fr 1.15fr;align-items:center}.body-map{width:100%}.composition-grid{grid-template-columns:repeat(4,1fr)}}

/* Phoenix v1.0 — Hume body composition */
.regional-entry{grid-column:1/-1;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.regional-entry-heading h3{margin:0;font-size:1rem}.regional-entry-heading>span{display:block;margin-top:5px;color:var(--muted);font-size:.62rem}
.regional-entry-grid{display:grid;gap:8px;margin-top:13px}.regional-entry-grid fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid var(--line);border-radius:14px;padding:11px;background:rgba(255,255,255,.02)}.regional-entry-grid legend{padding:0 5px;color:var(--orange);font-size:.61rem;font-weight:850}.regional-entry-grid label{padding:8px!important}
.body-overview-panel{overflow:hidden}.body-scan-count{border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.05);color:var(--muted);font-size:.56rem;font-weight:800}
.hume-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hume-metric-card{display:grid;gap:8px;min-width:0;border:1px solid var(--line);border-radius:16px;padding:13px;background:rgba(255,255,255,.025);cursor:pointer;transition:transform .18s ease,border-color .18s ease}.hume-metric-card:active{transform:scale(.985)}.hume-metric-card[data-status="improved"]{border-color:rgba(114,227,156,.17)}.hume-metric-card[data-status="declined"]{border-color:rgba(255,79,105,.19)}.hume-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.hume-card-head span{overflow:hidden;color:var(--muted);font-size:.52rem;font-weight:850;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.hume-card-head b{color:var(--muted);font-size:.65rem}.hume-metric-card[data-status="improved"] .hume-card-head b{color:var(--green)}.hume-metric-card[data-status="declined"] .hume-card-head b{color:var(--red)}.hume-metric-card>strong{font-size:1rem}.hume-changes{display:grid;gap:4px}.hume-changes small{display:flex;justify-content:space-between;gap:5px;color:var(--muted);font-size:.48rem}.hume-changes b{color:var(--soft);font-weight:750}.metric-spark{width:100%;height:34px;border-radius:8px;background:rgba(0,0,0,.14)}.metric-spark path{fill:none;stroke:#ff8247;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.metric-spark text{fill:#6f6c74;font-size:8px}.hume-metric-card>p{margin:0;color:var(--muted);font-size:.51rem;line-height:1.42}
.body-map-panel select,.comparison-selectors select{border:1px solid var(--line);border-radius:11px;padding:8px;background:#171820;color:var(--soft);font-size:.61rem}.body-head-muted{fill:rgba(255,255,255,.045);stroke:rgba(255,255,255,.12);stroke-width:2}
.comparison-selectors{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:13px}.comparison-selectors label{display:grid;gap:6px}.comparison-selectors label span{color:var(--muted);font-size:.55rem;font-weight:800;text-transform:uppercase}
.body-comparison-grid{display:grid;gap:7px}.body-comparison-grid article{display:grid;gap:8px;border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.024)}.body-comparison-grid article>span{color:var(--muted);font-size:.54rem;font-weight:850;text-transform:uppercase}.body-comparison-grid article>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.body-comparison-grid p{display:grid;gap:4px;margin:0}.body-comparison-grid p:last-child{text-align:right}.body-comparison-grid small{color:var(--muted);font-size:.49rem}.body-comparison-grid strong{font-size:.72rem}.body-comparison-grid article>div>b{color:var(--orange)}.body-comparison-grid em{justify-self:start;border-radius:999px;padding:4px 7px;background:rgba(255,255,255,.05);color:var(--muted);font-size:.5rem;font-style:normal;font-weight:800}.body-comparison-grid article[data-status="improved"] em{background:rgba(114,227,156,.09);color:var(--green)}.body-comparison-grid article[data-status="declined"] em{background:rgba(255,79,105,.09);color:var(--red)}
.body-insight-stack{display:grid;gap:8px}.body-insight-stack article{border-left:2px solid var(--orange);border-radius:0 12px 12px 0;padding:10px 12px;background:rgba(255,255,255,.025)}.body-insight-stack span{color:var(--orange);font-size:.52rem;font-weight:850;text-transform:uppercase}.body-insight-stack p{margin:5px 0 0;color:var(--soft);font-size:.68rem;line-height:1.48}
@media(min-width:460px){.regional-entry-grid{grid-template-columns:1fr 1fr}.regional-entry-grid fieldset:nth-child(3){grid-column:1/-1}.hume-metric-grid{grid-template-columns:repeat(3,1fr)}.body-comparison-grid{grid-template-columns:1fr 1fr}}