/* Warm neutral light, charcoal dark, with cobalt, teal and violet accents. */
:root{color-scheme:light;--bg:#eeede7;--surface:#f6f5f1;--surface-muted:#edf0f4;--surface-strong:#dde4f0;--field-bg:#f8f7f3;--field-line:#7d899d;--nav-surface:#e8edf7;--topbar-bg:#f3f3f1;--nav-active:#dae5fd;--navy:#283346;--muted:#566174;--line:#cdd3df;--blue:#3559b5;--blue-dark:#2f4d9a;--light:#e5ecfc;--green:#286d4c;--amber:#945013;--danger:#ac4054;--primary-bg:#3c5fc4;--on-primary:#f5f7ff;--good-bg:#e0efe5;--good-fg:#285e40;--attention-bg:#f7e7d2;--attention-fg:#87480f;--critical-bg:#f4dfe3;--critical-fg:#993548;--accent-teal:#176b76;--accent-violet:#6c4d9f;--tint-blue:#e5ecfa;--tint-teal:#e1efec;--tint-violet:#ece6f5;--hero-start:#2a4b8b;--hero-end:#514481;--body-outline:#8594ac;--body-top:#e2e7f1;--body-bottom:#d2daeb;--body-ghost:#a8b4cb;--body-detail:#6c7e9c;--body-lung:#ccd8e5;--body-label:#45566f}
:root[data-theme="dark"]{color-scheme:dark;--bg:#151923;--surface:#222937;--surface-muted:#2a3040;--surface-strong:#35415b;--field-bg:#1b2230;--field-line:#7b8da9;--nav-surface:#1a2131;--topbar-bg:#1e2533;--nav-active:#2d3d63;--navy:#e0e5f0;--muted:#b5bed0;--line:#48536c;--blue:#b1c4ff;--blue-dark:#a4baff;--light:#293b63;--green:#a7d9ba;--amber:#f1c18d;--danger:#f0b0bf;--primary-bg:#4c62ae;--on-primary:#f5f7ff;--good-bg:#234335;--good-fg:#b2e2c2;--attention-bg:#4d3928;--attention-fg:#f2c38e;--critical-bg:#4e2e3c;--critical-fg:#f5b7c5;--accent-teal:#8ad8d4;--accent-violet:#d0b4fb;--tint-blue:#263657;--tint-teal:#223d40;--tint-violet:#352d49;--hero-start:#2c457e;--hero-end:#54416f;--body-outline:#8a9bb5;--body-top:#3a465f;--body-bottom:#2d3a50;--body-ghost:#7083a2;--body-detail:#9aacc5;--body-lung:#435673;--body-label:#c6d4eb}
:root body{background:var(--bg);color:var(--navy)}
:root .card,:root .stat,:root .outline,:root .icon-btn,:root .search,:root .select,:root dialog,:root .login,:root .login-visual{background:var(--surface);border-color:var(--line);box-shadow:0 4px 18px #1d354807}
:root .side,:root .topbar{background:var(--nav-surface);border-color:var(--line)}
:root .side-note,:root .segmented,:root .demo-note{background:var(--surface-muted);color:var(--muted);border-color:var(--line)}
:root .nav-item{color:var(--muted)}:root .nav-item.active,:root .nav-item:hover,:root .bottom-nav button.active{background:var(--nav-active);color:var(--navy)}
:root .bottom-nav{background:var(--nav-surface);border-color:var(--line);box-shadow:0 -3px 18px #162a3b08}:root .bottom-nav button{color:var(--muted)}
:root .brandmark{background:var(--primary-bg);color:var(--on-primary)}:root .brandname b{background:var(--surface-strong);color:var(--blue)}
:root .primary{background:var(--primary-bg);color:var(--on-primary);box-shadow:none}:root .primary:hover{background:var(--primary-bg);filter:brightness(.97)}
:root .secondary{background:var(--light);color:var(--blue)}
:root .hero{background:linear-gradient(120deg,var(--hero-start),var(--hero-end));color:#edf3f8}:root .hero p{color:#e1eaf2}:root .hero .eyebrow{color:#d7e4ef}:root .hero .btn{background:#dde7f0;color:#254a73;box-shadow:none}
:root .hero:before,:root .hero:after{opacity:.4}:root .hero-art{opacity:.82}
:root .field input,:root .field textarea,:root .field .select{background:var(--field-bg);color:var(--navy);border-color:var(--line);font-size:14px}
:root input::placeholder,:root textarea::placeholder{color:var(--muted);opacity:.92}:root .search input{color:var(--navy)}
:root .dropzone,:root .meal-image,:root .sample-file,:root .referral-box,:root .specialist-item,:root .care-context{background:var(--surface-muted);border-color:var(--line);color:var(--navy)}
:root .map-placeholder{background:linear-gradient(120deg,var(--surface-muted),var(--surface));border-color:var(--line)}:root .care-map{background:var(--surface-muted)}
:root .sheet-head .icon-btn,:root .exam-icon,:root .upload-circle,:root .avatar{background:var(--surface-strong);color:var(--blue)}
:root .notice,:root .info-box{background:var(--surface-muted);border-color:var(--line);color:var(--muted)}:root .notice strong,:root .info-box strong{color:var(--navy)}
:root .attention,:root .meal-verdict.caution{background:var(--attention-bg);border-color:var(--line);color:var(--attention-fg)}:root .attention p,:root .attention .icon,:root .attention .text-btn,:root .meal-verdict.caution ul,:root .meal-verdict.caution .icon{color:var(--attention-fg)}
:root .meal-verdict{background:var(--surface-muted);border-color:var(--line)}:root .meal-verdict ul{color:var(--muted)}
:root .critical-note,:root .error{background:var(--critical-bg);border-color:var(--line);color:var(--critical-fg)}
:root .pill{background:var(--surface-strong);color:var(--blue)}:root .pill.green{background:var(--good-bg);color:var(--good-fg)}:root .pill.amber,:root .nav-count,:root .alert-symbol{background:var(--attention-bg);color:var(--attention-fg)}
:root .badge-dot{background:#b78a4a;border-color:var(--nav-surface)}:root .segmented button{color:var(--muted)}:root .segmented button.active{background:var(--surface);color:var(--navy);box-shadow:0 1px 5px #162a3b0b}
:root .table td,:root .exam-row,:root .settings-item{border-color:var(--line)}:root .table th{color:var(--muted)}
:root .result-ring:before{background:var(--surface)}:root .step.active b{background:var(--primary-bg);border-color:var(--primary-bg);color:var(--on-primary)}:root .step b{border-color:var(--line)}
:root .nutrition-shortcut{background:linear-gradient(110deg,var(--surface),var(--surface-muted))}:root .meal-types button{background:var(--surface-muted);border-color:var(--line);color:var(--muted)}:root .meal-types button.active{background:var(--nav-active);border-color:var(--blue);color:var(--navy)}:root .meal-types button .icon{color:inherit}
:root .report-lines span,:root .progress-line{background:var(--surface-strong)}:root .progress-line span{background:var(--primary-bg)}
:root .login-story{background:var(--surface-muted)}:root .login-story p,:root .login-features{color:var(--muted)}:root .login-helper,:root .login-sub,:root .demo-banner,:root .hitech,:root .hitech strong,:root .login-legal{color:var(--muted)}
:root .care-card .row{color:var(--muted)!important}:root .stat strong[style*="color"]{color:var(--amber)!important}:root .footer-line{color:var(--muted)}
:root .chart text{fill:var(--muted)}:root .chart>path{stroke:var(--line)}:root .chart polyline{stroke:var(--blue);stroke-dasharray:1;stroke-dashoffset:0;animation:chart-reveal .85s cubic-bezier(.25,.65,.3,1) both}
:root .chart polygon{animation:chart-area .8s ease both}:root .chart-point{stroke:var(--blue);animation:chart-dot .55s ease both;transform-box:fill-box;transform-origin:center}:root .chart-point[fill="white"]{fill:var(--surface)}:root .chart-point[fill="#1760ed"]{fill:var(--blue)}
:root .chart g rect{fill:var(--primary-bg)}:root .chart g text[style]{fill:var(--on-primary)!important}:root .chart-hit:focus-visible{stroke:var(--blue)}
:root .range{background:linear-gradient(90deg,var(--surface-strong) 0 15%,#9dbba8 15% 74%,#c5ad88 74% 100%)}:root .range:after{background:var(--navy);border-color:var(--surface);box-shadow:0 0 0 1px var(--line)}
:root .btn .icon,:root .nav-item .icon{transition:transform .18s ease}:root .btn:hover .icon:first-child{transform:translateY(-1px)}:root .nav-item:active .icon{transform:scale(.94)}:root .theme-switch .icon{animation:theme-icon .3s ease both}
:root .clinical-report{color-scheme:light;background:#f2f3f1;color:#183456;padding:15px;border-radius:12px}:root .clinical-report .report-patient{background:#e7edf3}
@keyframes chart-reveal{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes chart-area{from{opacity:.3}to{opacity:1}}@keyframes chart-dot{from{opacity:.45;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes theme-icon{from{opacity:.6;transform:rotate(-12deg)}to{opacity:1;transform:rotate(0)}}
@media(max-width:760px){:root .heading p{font-size:13px}:root .stat .row{font-size:10px;white-space:normal;min-height:30px;line-height:1.45;align-items:flex-start}:root .stat .row .icon{flex-shrink:0;margin-top:1px}:root .stat small{font-size:10px}:root .marker p{font-size:12.5px}:root .text-btn{font-size:12px}:root .notice{font-size:11.5px}:root .exam-meta p{font-size:12px}:root .pill{font-size:11px}}
:root[data-motion="off"] *,:root[data-motion="off"] *:before,:root[data-motion="off"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){:root *,:root *:before,:root *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{:root body{background:white!important;color:#183456!important}:root .clinical-report{background:#fff!important;color:#183456!important;padding:0!important}:root .clinical-report .report-patient{background:#f2f6fc!important}}

:root .chart defs stop{stop-color:var(--blue)}

/* Result semantics remain identical in both themes. */
:root .severity-normal{background:var(--good-bg);color:var(--good-fg)}
:root .severity-attention{background:var(--attention-bg);color:var(--attention-fg)}
:root .severity-critical{background:var(--critical-bg);color:var(--critical-fg)}
:root .status-normal{color:var(--green)}:root .status-attention{color:var(--amber)}:root .status-critical{color:var(--danger)}
:root .severity-card-attention{border-left:3px solid var(--amber)}:root .severity-card-critical{border-left:3px solid var(--danger)}
:root .marker.severity-card-normal{border-left:3px solid var(--green)}
:root .marker-top{align-items:flex-start;gap:12px}:root .marker-top h3{font-size:15px;line-height:1.5}
:root .marker .pill{font-size:11px;white-space:normal;text-align:left;max-width:58%;line-height:1.4}
:root .marker-value{font-variant-numeric:tabular-nums;font-size:32px;margin-top:18px}:root .marker-value small{font-size:13px}
:root .marker p{font-size:13px}:root .marker-link{font-size:12px;min-height:30px}
:root .value-range{height:7px;border-radius:9px;background:var(--surface-strong);position:relative;margin:22px 0 8px}
:root .value-range:before{content:"";position:absolute;left:var(--range-start);right:calc(100% - var(--range-end));height:100%;border-radius:9px;background:var(--green);opacity:.45}
:root .value-range i{position:absolute;left:clamp(4px,var(--value-pos),calc(100% - 4px));top:50%;width:13px;height:13px;border-radius:50%;background:var(--navy);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--navy);transform:translate(-50%,-50%);animation:range-appear .45s ease-out both}
:root .range-labels{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums}
:root .result-top .eyebrow{color:var(--blue);font-size:10px;letter-spacing:1.2px}:root .result-summary-count{font-size:12px;gap:16px;flex-wrap:wrap}
:root .critical-summary{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border:1px solid var(--line);border-radius:16px;margin:16px 0;font-size:13px;line-height:1.7}
:root .critical-summary>.icon{flex-shrink:0;margin-top:3px}:root .result-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
:root .organ-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px;align-items:center}
:root .organ-links .eyebrow{font-size:10px;color:var(--muted);letter-spacing:1px}:root .organ-links h2{font-size:21px;margin:8px 0}
:root .organ-links p{font-size:13px;color:var(--muted);line-height:1.7}:root .organ-link-buttons{display:flex;gap:9px;flex-wrap:wrap}:root .organ-link-buttons .btn{font-size:12px}
:root .organ-link-buttons .text-btn{font-size:12px}
/* Readable chart scale, reference band and selected values. */
:root .reference-chart{overflow:visible}:root .reference-chart .reference-band{fill:var(--green);opacity:.12}
:root .reference-chart .axis-value{font-size:9px;fill:var(--muted)}:root .reference-chart .trend-line{stroke:var(--blue)}
:root .reference-chart .history-normal{stroke:var(--green);fill:var(--surface)}
:root .reference-chart .history-attention{stroke:var(--amber);fill:var(--surface)}
:root .reference-chart .chart-tooltip rect{fill:var(--primary-bg)}:root .reference-chart .chart-tooltip text{fill:var(--on-primary);font-size:10px}
:root .reference-swatch{display:inline-block;width:16px;height:10px;border-radius:3px;background:var(--green);opacity:.5;flex-shrink:0}
:root .reference-legend{gap:7px;flex-wrap:wrap;line-height:1.6;font-size:11px}
:root .chart-selection{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-radius:13px;background:var(--surface-muted);margin:18px 0 0;border:1px solid var(--line)}
:root .chart-selection .eyebrow{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;margin-bottom:6px}
:root .chart-selection strong{font-size:14px;font-variant-numeric:tabular-nums}:root .chart-selection strong span{font-weight:400;color:var(--muted);margin:0 4px}
:root .chart-selection .pill{font-size:10px}:root .selected-history-row{background:var(--surface-muted)}
:root .table td button{min-height:44px!important;padding:4px 10px!important}:root .table td button[aria-pressed="true"]{text-decoration:underline;text-underline-offset:4px}
:root .evolution-motion{display:flex;justify-content:flex-end;margin:-8px 0 12px}
:root .body-context-select{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 20px}
:root .body-context-select label{font-size:12px;font-weight:600}:root .body-context-select select{flex:1;min-width:200px;max-width:500px}
:root .body-context-select>span{font-size:11px;color:var(--muted);width:100%}
:root .anatomy-marker{color:var(--navy)}:root .anatomy-marker .value-range{margin-top:20px}
:root .account-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}:root .account-shortcuts .btn{font-size:12px;padding:9px}
:root .main{line-height:1.6}:root .card{box-shadow:0 3px 14px #162b3605}
:root .chart-card .chart{margin-top:28px}:root .heading p{font-size:14px}
:root .fade{animation:page-enter .22s ease-out}:root .pill{font-weight:600}
:root button:focus-visible,:root select:focus-visible,:root input:focus-visible,:root textarea:focus-visible,:root [tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
:root .brandmark{position:relative}:root .brandmark:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#b7d7ed;top:8px;right:7px}
:root .brandname{line-height:1.4}:root .alert-card .pill{margin:8px 0 3px;font-size:11px}
:root .report-demo-tag{line-height:1.6}:root .clinical-report table{table-layout:fixed;width:100%}
:root .clinical-report th:first-child{width:44%}:root .clinical-report th:nth-child(2){width:26%}:root .clinical-report td{overflow-wrap:anywhere}
@keyframes page-enter{from{transform:translateY(3px)}to{transform:translateY(0)}}
@keyframes range-appear{from{opacity:.7;scale:.8}to{opacity:1;scale:1}}
@media(min-width:1160px){:root .dashboard-right.stack{align-content:start}:root .dashboard-right>.chart-card{flex:none;min-height:360px}}
@media(max-width:1024px){:root .organ-links{grid-template-columns:1fr;gap:16px}}
@media(max-width:760px){
 :root .main{padding-left:20px;padding-right:20px}:root .topbar{padding-left:20px;padding-right:20px;gap:6px}
 :root .topbar>.brand{min-width:0}:root .topbar .brandname{font-size:12px;max-width:145px}:root .topright{gap:5px}
 :root .topright>.icon-btn{width:36px;height:40px;flex-shrink:0}:root .topbar .brandmark{width:32px;height:35px;font-size:23px;flex-shrink:0}
 :root .heading h1{font-size:28px;line-height:1.18}:root .heading p{font-size:14px}
 :root .field{font-size:13px}:root .field input,:root .field textarea,:root .field .select,:root .search input{font-size:16px}
 :root .select{font-size:14px}:root .stat .row,:root .stat small{font-size:11px}:root .stat .row{min-height:36px}
 :root .anatomy-preview-copy h2{font-size:21px}:root .anatomy-preview-copy p{font-size:13px}:root .anatomy-preview .preview-visual{width:112px}
 :root .anatomy-preview{padding:16px 16px 16px 0;gap:0}:root .anatomy-preview-copy .eyebrow{font-size:8px}
 :root .result-toolbar .segmented{display:flex;flex-wrap:wrap;gap:3px;width:100%;max-width:100%}
 :root .result-toolbar .segmented button{flex:1 1 calc(50% - 4px);font-size:12px;min-height:42px}
 :root .result-toolbar .search{width:100%;max-width:none}:root .result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
 :root .result-actions .btn{font-size:12px;padding:9px}:root .result-top{gap:13px}:root .result-top h2{font-size:18px;line-height:1.4}
 :root .result-top p{font-size:13px}:root .result-summary-count{font-size:11px;gap:8px}
 :root .chart-selection{flex-wrap:wrap;gap:10px}:root .chart-selection .pill{font-size:11px}
 :root .body-context-select{display:block}:root .body-context-select label,:root .body-context-select>span{display:block;margin:8px 0}
 :root .body-context-select select{width:100%;max-width:100%;min-width:0}
 :root .body-stage{padding-bottom:20px}:root .anatomy-content{padding:20px}
 :root .notice{font-size:12px}:root .footer-line{font-size:10px}:root .bottom-nav button{font-size:10px;min-height:51px}
 :root .clinical-report{padding:10px}:root .clinical-report-header{gap:8px}:root .report-brand>img{width:30px;height:30px}
 :root .report-brand strong{font-size:11px}:root .report-demo-tag{font-size:7px}:root .clinical-report table{font-size:9px}
 :root .clinical-report td,:root .clinical-report th{padding:8px 5px}:root .clinical-report td small{font-size:8px}
}
@media(max-width:359px){:root .main{padding-left:14px;padding-right:14px}:root .topbar{padding:0 14px}:root .topbar .brandname span{display:none}:root .topbar .brandname{font-size:11px;max-width:117px}:root .brand{gap:7px}:root .topright>.icon-btn{width:33px}:root .anatomy-preview .preview-visual{width:90px}:root .anatomy-preview-copy h2{font-size:19px}}
@media print{:root .clinical-report th:first-child{width:44%}:root .clinical-report th:nth-child(2){width:26%}:root .clinical-report td,:root .clinical-report th{padding:8px}:root .clinical-report table{font-size:10px}}

:root .anatomy-content .eyebrow{font-size:10px}:root .anatomy-intro{font-size:14px}:root .anatomy-marker>.row>strong{font-size:14px}:root .anatomy-marker .tiny{font-size:12px}:root .anatomy-marker-more{font-size:12px;min-height:32px}:root .anatomy-context p{font-size:13px}:root .anatomy-demo-note{font-size:12px}:root .body-legend{font-size:11px}:root .body-stage>p{font-size:12px}:root .anatomy-scenarios>span{font-size:12px}

/* Color gives context to sections; clinical green/orange/red remain semantic. */
:root .topbar{background:var(--topbar-bg)}
:root .side{background:var(--nav-surface)}
:root .card,:root .stat{box-shadow:0 5px 20px #27334f08}
:root[data-theme="dark"] .card,:root[data-theme="dark"] .stat{box-shadow:0 7px 22px #080a1318}
:root .nav-item.active{background:linear-gradient(100deg,var(--nav-active),var(--tint-violet));box-shadow:inset 3px 0 0 var(--blue);color:var(--navy)}
:root .nav-item:not(.active):hover{background:var(--tint-blue);color:var(--blue)}
:root .side-note{background:var(--tint-violet);border:1px solid var(--line)}
:root .side-note>.icon{color:var(--accent-violet)}
:root .brandmark{background:linear-gradient(140deg,var(--primary-bg),#5b4e9d)}
:root .avatar{background:var(--tint-violet);color:var(--accent-violet)}
:root .field input,:root .field textarea,:root .field .select,:root .search,:root .select,:root .mg-field input,:root .mg-field select,:root .cs-grid textarea{border-color:var(--field-line)}
:root .hero{background:linear-gradient(115deg,var(--hero-start),var(--hero-end));box-shadow:0 10px 28px #32487d18}
:root .hero .btn{background:#e9edf8;color:#314c86}
:root .hero-art{opacity:.95}
:root .overview .stat:nth-child(1){background:var(--tint-blue);border-top:3px solid var(--blue)}
:root .overview .stat:nth-child(1) .icon{color:var(--blue)}
:root .overview .stat:nth-child(2){background:var(--good-bg);border-top:3px solid var(--green)}
:root .overview .stat:nth-child(2) .icon{color:var(--green)}
:root .overview .stat:nth-child(3){background:var(--attention-bg);border-top:3px solid var(--amber)}
:root .overview .stat:nth-child(3) .icon{color:var(--amber)}
:root .anatomy-preview{background:linear-gradient(115deg,var(--tint-violet),var(--surface));border-color:var(--line)}
:root .anatomy-preview-copy h2,:root .anatomy-preview-copy .text-btn{color:var(--accent-violet)}
:root .nutrition-shortcut{background:linear-gradient(110deg,var(--tint-teal),var(--surface));border-left:3px solid var(--accent-teal)}
:root .nutrition-shortcut>.row>.icon,:root .nutrition-shortcut h3,:root .nutrition-shortcut .text-btn{color:var(--accent-teal)}
:root .free-result-card{background:linear-gradient(120deg,var(--tint-blue),var(--surface));border-left:3px solid var(--blue)}
:root .chart-upsell{background:linear-gradient(125deg,var(--tint-violet),var(--surface));border-top:3px solid var(--accent-violet)}
:root .chart-upsell .feature-lock{background:var(--surface);color:var(--accent-violet)}
:root .chart-upsell .eyebrow,:root .chart-upsell .text-btn{color:var(--accent-violet)}
:root .dashboard-right>.chart-card{background:linear-gradient(155deg,var(--surface),var(--tint-blue));border-top:3px solid var(--blue)}
:root .exam-icon,:root .upload-circle{background:var(--tint-blue);color:var(--blue)}
:root .care-card{background:var(--tint-violet)}
:root .care-card .row,:root .care-card .text-btn{color:var(--accent-violet)!important}
:root .notice{background:var(--surface-muted)}
:root .info-box{background:var(--tint-blue)}
:root .plan-ribbon{background:var(--surface);border-color:var(--line)}
:root .pricing-card{border-top:4px solid var(--line)}
:root .pricing-card.plan-featured{background:linear-gradient(160deg,var(--tint-blue),var(--surface));border-color:var(--blue)}
:root .pricing-card:nth-child(3){background:linear-gradient(155deg,var(--tint-violet),var(--surface));border-top-color:var(--accent-violet)}
:root .pricing-card:nth-child(3) .eyebrow,:root .pricing-card:nth-child(3) h2{color:var(--accent-violet)}
:root .pricing-card:nth-child(3)>.btn{background:var(--tint-violet);color:var(--accent-violet);border-color:var(--accent-violet)}
:root .pricing-card.plan-current{box-shadow:0 0 0 1px var(--blue)}
:root .pricing-card:nth-child(1).plan-current{background:var(--surface)}
:root .plan-features .icon{color:var(--accent-teal)}
:root .pix-panel{background:var(--tint-teal)}
:root .pix-panel .row{color:var(--accent-teal)}
:root .checkout-summary{background:var(--tint-violet)}
:root .feature-gate{background:linear-gradient(145deg,var(--surface),var(--tint-violet))}
:root .feature-lock{background:var(--tint-violet);color:var(--accent-violet)}
:root .body-stage{background:linear-gradient(160deg,var(--tint-violet),var(--tint-blue))}
:root .anatomy-context{border-left:3px solid var(--accent-violet);padding-left:14px}
:root .organ-tabs button.active{background:var(--tint-violet);color:var(--accent-violet);border-color:var(--accent-violet)}
:root .meal-tabs button.active{background:var(--tint-teal);color:var(--accent-teal)}
:root .meal-input{border-top:3px solid var(--accent-teal)}
:root .meal-types button.active{background:var(--tint-teal);color:var(--accent-teal);border-color:var(--accent-teal)}
:root .nutrition-total>div:first-child>strong{color:var(--accent-teal)}
:root .nutrition-macros>div:nth-child(2)>strong{color:var(--accent-violet)}
:root .nutrition-macros>div:nth-child(3)>strong{color:var(--blue)}
:root .profile-form>.card:nth-of-type(1){border-top:3px solid var(--blue)}
:root .profile-form>.card:nth-of-type(2){border-top:3px solid var(--accent-violet)}
:root .profile-form>.card:nth-of-type(3){border-top:3px solid var(--accent-teal)}
:root .profile-form>.card:nth-of-type(2) .section-title>.icon{color:var(--accent-violet)}
:root .profile-form>.card:nth-of-type(3) .section-title>.icon{color:var(--accent-teal)}
:root .cs-grid>.card:first-child{border-top:3px solid var(--accent-teal)}
:root .cs-grid>.card:last-child{border-top:3px solid var(--accent-violet)}
:root .cs-section-title h2{color:var(--accent-violet)}
:root .cs-reply{background:var(--tint-teal)}
:root .login-story{background:linear-gradient(145deg,var(--tint-blue),var(--tint-violet) 55%,var(--tint-teal))}
:root .login-visual{background:var(--surface);border-color:var(--line)}
:root .login-kicker{color:var(--accent-violet)}
:root .mg-stats>.mg-stat:nth-child(1){background:var(--tint-blue);border-top:3px solid var(--blue)}
:root .mg-stats>.mg-stat:nth-child(2){background:var(--tint-violet);border-top:3px solid var(--accent-violet)}
:root .mg-stats>.mg-stat:nth-child(3){background:var(--tint-teal);border-top:3px solid var(--accent-teal)}
:root .mg-stats>.mg-stat:nth-child(4){background:var(--surface);border-top:3px solid var(--blue)}
:root .mg-stats>.mg-stat:nth-child(2)>span>.icon{color:var(--accent-violet)}
:root .mg-stats>.mg-stat:nth-child(3)>span>.icon{color:var(--accent-teal)}
:root .mg-chart-area{fill:var(--tint-blue)}
:root .mg-bar-premium{background:var(--accent-violet)}
:root .mg-plan-premium{background:var(--tint-violet);color:var(--accent-violet)}
:root .mg-tabs button.active{background:var(--tint-violet);border-color:var(--accent-violet);color:var(--accent-violet)}
:root .mg-reply-support{background:var(--tint-teal)}
@media print{:root .clinical-report,:root .mg-print{background:#fff!important;box-shadow:none!important}}