:root{color-scheme:light;--paper:#f7f4ee;--surface:#fff;--surface-soft:#fbfaf7;--ink:#2b2a26;--muted:#6b6960;--border:#ded9cf;--ok-bg:#dcead9;--ok:#3a6b34;--warn-bg:#f3e4c8;--warn:#8a5f1a;--bad-bg:#f2d9d6;--bad:#9b3d35;--sig-bg:#dce5f0;--sig:#2c5788;--series:#7562a8}
html,body{background:var(--paper)!important;color:var(--ink)!important}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px!important;font-weight:400!important}
body *{font-weight:400}
h1,h2,h3,h4,h5,h6,strong,b,button,.btn,.tab,.nav-item,.metric-value,.score-value,.current-value{font-weight:500!important}
h1,h2,h3,h4,h5,h6,.title,.section-title,.card-title,.metric-value,.score-value,.current-value{color:var(--ink)!important}
p,small,.muted,.sub,.subtitle,.meta,.hint,.card-copy,.metric-label{color:var(--muted)!important}
.metric-value,.score-value,.current-value,.hero-number{font-size:clamp(24px,3vw,28px)!important;font-weight:500!important}
.eyebrow,.section-kicker,.overline,.metric-label{font-size:12px!important;letter-spacing:.09em!important;text-transform:uppercase!important}
.wrap,.shell,main,#app,.dashboard,.clinical-page,.clinical-shell,.page-content,.command-center{background:transparent!important;color:var(--ink)!important}
.topbar,.site-header,.app-header,.area-nav,.tabs,.range-strip,.clinical-header{background:rgba(247,244,238,.96)!important;border-color:var(--border)!important;box-shadow:none!important;color:var(--ink)!important}
.area-nav{scrollbar-width:none}
.area-nav button,.area-tab,.tab,.nav-item{background:transparent!important;color:var(--muted)!important;border-color:transparent!important}
.area-nav button.active,.area-tab.active,.tab.active,.nav-item.active{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.card,.panel,.score-card,.metric-card,.chart-card,.lab-card,.study-card,.med-card,.timeline-card,.clinical-card,.command-card,.healthspan-card,.health-card,.outlier-card,.source-native-card,.calibration-card,.calibration-item,.calibration-panel,.native-chart,.stat-box,.summary-card,.glass{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--border)!important;box-shadow:none!important}
.card::before,.panel::before,.score-card::before,.metric-card::before,.chart-card::before,.lab-card::before{box-shadow:none!important}
input,select,textarea,.search-input,.filter-select,.sort-select,.date-input{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--border)!important;box-shadow:none!important}
button,.btn,.chip,.badge,.pill,.filter-chip,.document-chip{box-shadow:none!important;font-weight:500!important}
.btn:not(.danger):not(.state-ok):not(.state-warn):not(.state-bad),.document-chip{background:var(--surface-soft)!important;color:var(--ink)!important;border:1px solid var(--border)!important}
.badge,.pill,.chip{background:#efede7!important;color:var(--muted)!important;border-color:var(--border)!important}
.state-ok,.status-ok,.status-good,.badge-good,.pill-good,.study-status.complete,.finding-normal,.ring-ok{background:var(--ok-bg)!important;color:var(--ok)!important;border-color:#b9d0b4!important}
.state-warn,.status-warn,.status-partial,.badge-warn,.pill-warn,.study-status.partial,.ring-warn{background:var(--warn-bg)!important;color:var(--warn)!important;border-color:#ddc694!important}
.state-bad,.state-danger,.status-bad,.status-critical,.badge-bad,.pill-bad,.finding-high,.finding-low,.outlier,.ring-bad{background:var(--bad-bg)!important;color:var(--bad)!important;border-color:#deb5b0!important}
.significant,.stat-significant,.correlation-significant,.p-significant{background:var(--sig-bg)!important;color:var(--sig)!important;border-color:#b9cbe0!important}
.not-significant,.correlation-neutral{background:#efede7!important;color:var(--muted)!important;border-color:var(--border)!important}
.ring,.progress-ring,.score-ring{--ring-color:var(--warn);color:var(--ink)!important}
.ring.ok,.progress-ring.ok,.score-ring.ok{--ring-color:var(--ok)}
.ring.warn,.progress-ring.warn,.score-ring.warn{--ring-color:var(--warn)}
.ring.bad,.progress-ring.bad,.score-ring.bad{--ring-color:var(--bad)}
.ring svg circle:last-child,.progress-ring svg circle:last-child,.score-ring svg circle:last-child{stroke:var(--ring-color)!important}
.chart-card canvas,.lab-card canvas,.source-native-card canvas,.chart-wrap,.chart-shell{background:var(--surface)!important}
.chart-legend .swatch,.series-swatch{background:var(--series)}
.medication-band{background:rgba(117,98,168,.08)!important;border-color:rgba(117,98,168,.2)!important}
.medication-marker{color:#65528f!important;border-color:#7562a8!important}
.calibration-grid,.calibration-panel>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.calibration-card{padding:18px;border-radius:16px}
.calibration-panel{grid-column:1/-1;padding:18px;border-radius:16px}
.calibration-item,.calibration-panel article{padding:14px;border:1px solid var(--border);border-radius:12px;min-width:0;background:var(--surface-soft)}
.calibration-item .value,.calibration-panel strong{display:block;margin:7px 0 4px;color:var(--ink)!important;font-size:21px;font-weight:500!important}
.calibration-item .sample,.calibration-panel small{color:var(--warn)!important;font-size:12px}
.healthspan-compact,.health-compact{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.healthspan-compact .health-state,.health-compact strong{display:block;color:var(--warn)!important;font-size:17px;font-weight:500!important}
.healthspan-compact .health-progress,.health-compact small{color:var(--muted)!important;margin-left:auto}
.healthspan-compact button,.health-compact button{margin-left:auto;background:transparent!important;color:var(--ink)!important;border:1px solid var(--border)!important;border-radius:999px;padding:8px 12px}
.healthspan-expanded{margin-top:10px}
.healthspan-expanded[hidden]{display:none!important}
.source-native-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.source-native-card,.native-chart{min-height:320px;padding:18px;border-radius:16px}
.source-native-card canvas,.native-chart canvas{max-height:250px}
.range-band-note,.chart-caution{margin-top:9px;color:var(--muted)!important;font-size:12px;line-height:1.45}
.chart-caution{padding:10px 12px;background:var(--warn-bg)!important;color:var(--warn)!important;border:1px solid #ddc694!important;border-radius:10px}
.clinical-timeline::before{background:var(--border)!important}
.timeline-dot{background:var(--surface)!important;border-color:#7562a8!important}
a{color:#57467f}
hr,.divider{border-color:var(--border)!important;background:var(--border)!important}
@media(max-width:640px){.source-native-grid,.calibration-grid,.calibration-panel>div,.metric-grid,.metrics-grid,.score-grid,.lab-grid,.charts-grid{grid-template-columns:1fr!important}.healthspan-compact,.health-compact{align-items:flex-start;flex-wrap:wrap}.healthspan-compact .health-progress,.health-compact small{margin-left:0;width:100%}.healthspan-compact button,.health-compact button{margin-left:0}.source-native-card,.native-chart{min-height:280px}.chart-card,.lab-card,.source-native-card,.native-chart{overflow:hidden}.chart-card canvas,.lab-card canvas,.source-native-card canvas,.native-chart canvas{width:100%!important;max-width:100%!important}.area-nav{overflow-x:auto!important;white-space:nowrap!important}}
