:root{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--color-bg:#f5f6f8;--color-surface:#fff;--color-surface-muted:#f9fafb;--color-sidebar:#111827;--color-sidebar-text:#f9fafb;--color-sidebar-muted:#9ca3af;--color-text:#111827;--color-muted:#6b7280;--color-border:#d1d5db;--color-border-soft:#e5e7eb;--color-accent:#2563eb;--color-accent-soft:#eff6ff;--color-on-accent:#fff;--color-danger:#b91c1c;--color-warning:#b45309;--color-success:#047857;--shadow-card:0 1px 2px #1118270f;--radius-card:14px;--radius-control:12px;--radius-small:8px;--space-page:32px;--content-wide:1080px;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility}@media (prefers-color-scheme:dark){:root{--color-bg:#0a0a0a;--color-surface:#171717;--color-surface-muted:#111;--color-sidebar:#000;--color-sidebar-text:#fafafa;--color-sidebar-muted:#a3a3a3;--color-text:#f5f5f5;--color-muted:#a3a3a3;--color-border:#3f3f46;--color-border-soft:#27272a;--color-accent:#60a5fa;--color-accent-soft:#172033;--color-on-accent:#0a0a0a;--color-danger:#f87171;--color-warning:#fbbf24;--color-success:#34d399;--shadow-card:none}}*{box-sizing:border-box}body{background:var(--color-bg);min-width:320px;min-height:100vh;margin:0}html{-webkit-text-size-adjust:100%}button,input,select{font:inherit}button{cursor:pointer}.shell{grid-template-columns:300px minmax(0,1fr);width:100%;min-width:0;min-height:100vh;display:grid}.sidebar{min-width:0;color:var(--color-sidebar-text);background:var(--color-sidebar);flex-direction:column;gap:24px;padding:28px 20px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{border-radius:var(--radius-small);background:var(--color-accent);border:1px solid #ffffff3d;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.brand h1,.brand p,.workspace-header h2,.workspace-header p,.page-heading h3,.page-heading p,.status{margin:0}.brand h1{font-size:1.05rem;line-height:1.2}.brand p{color:var(--color-sidebar-muted);margin-top:3px;font-size:.82rem}.dimension-list{gap:6px;display:grid}.dimension-button{border-radius:var(--radius-control);text-align:left;min-height:42px;color:var(--color-sidebar-text);background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 12px;transition:background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out,transform .18s ease-out;display:flex}.dimension-button:hover,.dimension-button.active{color:var(--color-sidebar-text);background:#ffffff1f}.dimension-button span:last-child{color:var(--color-sidebar-muted);font-size:.78rem}.segmented-control.unit-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}.segmented-control.calculator-tabs{grid-template-columns:repeat(4,minmax(0,1fr));max-width:900px}.dimension-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.picker-button{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);min-height:48px;color:var(--color-text);text-align:left;box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;padding:0 12px;transition:border-color .18s ease-out,background-color .18s ease-out,box-shadow .18s ease-out;display:flex}.picker-button:hover,.picker-button.active{border-color:var(--color-accent);background:var(--color-accent-soft)}.picker-button span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-button span:last-child{color:var(--color-muted);font-family:var(--font-mono);font-size:.78rem}.workspace{min-width:0;padding:var(--space-page);grid-template-rows:auto minmax(0,auto) auto;align-content:start;gap:20px;display:grid}.workspace-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:var(--color-muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.workspace-header h2{margin-top:4px;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.calculator-panel,.page-panel{min-width:0;max-width:var(--content-wide);gap:18px;display:grid}.page-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.page-heading h3{color:var(--color-text);margin-top:4px;font-size:1.45rem}.page-heading>span{color:var(--color-muted);font-size:.82rem;font-weight:700}.input-grid{grid-template-columns:minmax(220px,1.15fr) minmax(190px,1fr) 82px minmax(190px,1fr);align-items:end;gap:12px;display:grid}.molecular-grid{grid-template-columns:minmax(180px,1fr) minmax(150px,.85fr) 82px minmax(150px,.85fr) minmax(180px,1fr)}.field{gap:8px;display:grid}.field span,.result-band span,.trace-grid span{color:var(--color-muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.field input,.field select{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);width:100%;min-height:54px;color:var(--color-text);outline:none;transition:border-color .18s ease-out,box-shadow .18s ease-out,background-color .18s ease-out}.field input:focus,.field select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent), transparent 82%)}.field input{padding:0 16px;font-size:1.35rem}.field select{padding:0 12px}.field input[type=search]{padding:0 16px;font-size:1.05rem}.swap-button{border-radius:var(--radius-control);background:var(--color-accent);min-height:54px;color:var(--color-on-accent);border:0;font-weight:800}.result-band{border:1px solid var(--color-border-soft);border-radius:var(--radius-card);background:var(--color-surface);min-height:118px;box-shadow:var(--shadow-card);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;animation:.18s ease-out both result-enter;display:grid}.result-band output{overflow-wrap:anywhere;color:var(--color-accent);font-family:var(--font-mono);font-size:clamp(1.9rem,4.5vw,4.4rem);font-weight:300;line-height:1}.result-band.error output{color:var(--color-danger)}.result-band button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-control);width:100%;min-height:40px;padding:0 14px;font-weight:800}.result-actions{gap:8px;min-width:86px;display:grid}.favorite-toggle{font-size:1.05rem}.favorite-toggle.active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.trace-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.trace-grid div{border:1px solid var(--color-border-soft);border-left:4px solid var(--color-accent);border-radius:var(--radius-card);background:var(--color-surface);min-height:96px;box-shadow:var(--shadow-card);gap:8px;padding:16px;display:grid}.trace-grid strong{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:1rem}.status{min-height:22px;color:var(--color-muted)}.recent-transfers{border:1px solid var(--color-border-soft);border-radius:var(--radius-card);background:var(--color-surface-muted);gap:10px;padding:14px;display:grid}.recent-transfers-header{color:var(--color-muted);text-transform:uppercase;justify-content:space-between;gap:12px;font-size:.78rem;font-weight:800;display:flex}.recent-status{color:var(--color-danger);font-weight:700}.recent-transfer-list{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.recent-transfer-button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-width:156px;min-height:58px;color:var(--color-text);text-align:left;box-shadow:var(--shadow-card);gap:5px;padding:10px 12px;display:grid}.recent-transfer-button span{color:var(--color-muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.recent-transfer-button strong{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.88rem}.analyte-panel{min-width:0;max-width:var(--content-wide);grid-template-columns:minmax(240px,320px) minmax(0,760px);align-items:start;gap:18px;display:grid}.analyte-search{gap:12px;display:grid}.analyte-results{gap:8px;max-height:520px;display:grid;overflow:auto}.analyte-option{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:68px;color:var(--color-text);text-align:left;box-shadow:var(--shadow-card);gap:5px;padding:12px;display:grid}.analyte-option.active{border-color:var(--color-accent);box-shadow:inset 4px 0 0 var(--color-accent)}.analyte-option span,.analyte-title-row h3{margin:0}.analyte-option strong{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;overflow:hidden}.analyte-option em{background:var(--color-accent-soft);width:fit-content;color:var(--color-accent);text-transform:uppercase;border-radius:999px;padding:2px 6px;font-size:.7rem;font-style:normal;font-weight:800}.analyte-title-row{justify-content:space-between;align-items:end;gap:12px;display:flex}.analyte-title-row h3{margin-top:4px;font-size:1.45rem}.analyte-title-row>span{color:var(--color-muted);font-size:.82rem;font-weight:700}.analyte-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.analyte-value-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:176px;box-shadow:var(--shadow-card);padding:14px}.analyte-value-card.active{border-color:var(--color-accent)}.analyte-value-card strong{color:var(--color-accent);font-family:var(--font-mono);font-size:1rem}.analyte-value-card em{color:var(--color-muted);font-size:.82rem;font-style:normal;font-weight:700}.analyte-value-card em.in-range{color:var(--color-success)}.analyte-value-card em.out-of-range{color:var(--color-warning)}.favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.favorites-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.start-panel{max-width:var(--content-wide)}.start-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.start-action-button{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:132px;color:var(--color-text);text-align:left;box-shadow:var(--shadow-card);align-content:start;gap:8px;padding:14px;text-decoration:none;display:grid}.start-action-button:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.start-action-button span{color:var(--color-muted);text-transform:uppercase;font-size:.74rem;font-weight:800}.start-action-button strong{overflow-wrap:anywhere;font-size:1.08rem;line-height:1.25}.start-action-button em{color:var(--color-muted);font-size:.82rem;font-style:normal;font-weight:700;line-height:1.35}.start-activity-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.start-section{border:1px solid var(--color-border-soft);border-radius:var(--radius-card);background:var(--color-surface-muted);gap:10px;padding:14px;display:grid}.start-link-button{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);min-height:30px;color:var(--color-text);padding:0 10px;font-size:.78rem;font-weight:800}.start-favorites-grid{grid-template-columns:1fr}.segmented-control{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented-option{border-radius:calc(var(--radius-control) - 4px);min-height:86px;color:var(--color-text);text-align:left;background:0 0;border:0;align-content:center;gap:6px;padding:12px;display:grid}.segmented-option.active{background:var(--color-accent);color:var(--color-on-accent)}.segmented-option span{color:var(--color-muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.segmented-option.active span{color:color-mix(in srgb, var(--color-on-accent), transparent 20%)}.segmented-option strong{font-size:1rem;line-height:1.35}.precision-segments{max-width:760px}.precision-count-field{max-width:280px}.body-panel{max-width:var(--content-wide)}.body-input-grid,.body-control-grid,.body-results-grid{gap:12px;display:grid}.body-input-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.body-control-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.sex-segments,.cutoff-segments{grid-template-columns:repeat(2,minmax(0,1fr))}.sex-segments .segmented-option,.cutoff-segments .segmented-option{min-height:74px}.toggle-field{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-height:54px;color:var(--color-text);align-items:center;gap:10px;padding:0 14px;font-weight:800;display:flex}.toggle-field input{width:18px;height:18px;accent-color:var(--color-accent)}.body-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.body-result-card{border:1px solid var(--color-border-soft);border-left:4px solid var(--color-accent);border-radius:var(--radius-card);background:var(--color-surface);min-height:220px;box-shadow:var(--shadow-card);gap:14px;padding:18px;display:grid}.body-result-card.pending{border-left-color:var(--color-border)}.body-card-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.body-card-head span,.body-card-work span{color:var(--color-muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.body-card-head strong{color:var(--color-muted);text-align:right;font-size:.86rem}.body-result-card output{overflow-wrap:anywhere;color:var(--color-accent);font-family:var(--font-mono);font-size:clamp(2rem,5vw,3.7rem);font-weight:300;line-height:1}.body-result-card output small{color:var(--color-muted);font-size:.42em}.body-card-work{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.body-card-work div{border:1px solid var(--color-border-soft);border-radius:var(--radius-small);background:var(--color-surface-muted);gap:5px;min-height:82px;padding:10px;display:grid}.body-card-work strong{overflow-wrap:anywhere;font-size:.86rem;line-height:1.35}.body-card-work a{color:var(--color-accent)}.body-result-card p{color:var(--color-muted);margin:0;font-size:.84rem;line-height:1.45}.fitness-result-card{min-height:198px}.fitness-empty-state{grid-column:1/-1}.fitness-summary{border:1px solid var(--color-border-soft);border-radius:var(--radius-card);background:var(--color-surface-muted);gap:14px;padding:16px;display:grid}.fitness-summary>div{gap:6px;display:grid}.fitness-summary span{color:var(--color-muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.fitness-summary strong{color:var(--color-text);font-size:1.02rem}.fitness-priority-list{gap:8px;margin:0;padding-left:20px;display:grid}.fitness-priority-list li,.fitness-summary p{color:var(--color-muted);font-size:.86rem;line-height:1.5}.fitness-summary p{margin:0}.body-copy-actions{max-width:180px}.body-copy-actions button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-height:42px;color:var(--color-text);padding:0 14px;font-weight:800}.renal-panel,.hepatic-panel{max-width:var(--content-wide)}.renal-section{border:1px solid var(--color-border-soft);border-radius:var(--radius-card);background:var(--color-surface-muted);gap:12px;padding:14px;display:grid}.renal-section-heading{color:var(--color-muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.renal-input-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.renal-results-grid,.hepatic-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.favorite-item{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:70px;box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1fr) 40px;display:grid;overflow:hidden}.favorite-apply,.favorite-remove{background:var(--color-surface);border:0}.favorite-apply{text-align:left;align-content:center;gap:6px;padding:12px;display:grid}.favorite-apply span{color:var(--color-muted);text-transform:uppercase;font-size:.74rem;font-weight:700}.favorite-apply strong{overflow-wrap:anywhere;color:var(--color-text)}.favorite-remove{border-left:1px solid var(--color-border-soft);color:var(--color-muted);font-size:1.15rem}.empty-state{border:1px dashed var(--color-border);border-radius:var(--radius-card);min-height:56px;color:var(--color-muted);background:var(--color-surface-muted);margin:0;padding:18px}.analyte-option:hover,.segmented-option:hover,.recent-transfer-button:hover,.favorite-apply:hover,.favorite-remove:hover,.result-band button:hover,.swap-button:hover{filter:brightness(.96)}.safety-footer{max-width:var(--content-wide);color:var(--color-muted);padding-top:8px;font-size:.78rem;line-height:1.55}@keyframes result-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.shell{grid-template-columns:1fr;overflow-x:clip}.sidebar{z-index:10;width:100%;max-width:100vw;min-height:auto;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;gap:14px;position:sticky;top:0;overflow:hidden}.brand{gap:10px}.brand-mark{width:38px;height:38px;font-size:.85rem}.brand h1{font-size:.95rem}.brand p{display:none}.dimension-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;width:100%;min-width:0;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.dimension-list::-webkit-scrollbar{display:none}.dimension-button{white-space:nowrap;border:1px solid #ffffff1f;border-radius:999px;flex:none;gap:10px;min-height:38px;padding:0 12px}.workspace{padding:18px 16px calc(28px + env(safe-area-inset-bottom));gap:16px}.workspace-header,.input-grid,.trace-grid,.analyte-panel,.analyte-input-grid,.start-activity-grid,.body-input-grid,.body-control-grid,.body-results-grid,.body-card-work,.renal-input-grid,.renal-results-grid,.hepatic-results-grid,.favorites-grid,.favorites-grid{grid-template-columns:1fr}.workspace-header{display:grid}.workspace-header h2{font-size:clamp(1.7rem,8vw,2.4rem)}.page-heading{align-items:start;gap:4px;display:grid}.page-heading h3,.analyte-title-row h3{font-size:1.22rem}.page-heading>span,.analyte-title-row>span{font-size:.76rem}.dimension-picker,.start-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.start-action-button{min-height:112px}.segmented-option{min-height:68px;padding:10px}.field input{font-size:1.12rem}.field input,.field select,.swap-button{min-height:50px}.result-band{min-height:96px;padding:16px}.result-band output{font-size:clamp(1.9rem,10vw,3.2rem)}.trace-grid div{min-height:auto;padding:12px}.body-result-card{min-height:auto;padding:14px}.body-result-card output{font-size:clamp(1.85rem,10vw,3rem)}.body-card-work div{min-height:auto}.renal-section,.fitness-summary{padding:12px}}@media (width<=540px){.workspace{padding-left:12px;padding-right:12px}.workspace-header{display:none}.calculator-panel,.page-panel,.analyte-panel{gap:14px}.start-action-grid{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;min-width:0;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.start-action-grid::-webkit-scrollbar{display:none}.start-action-button{flex:0 0 168px;min-height:116px;padding:12px}.start-action-button strong{font-size:.98rem}.start-action-button em{font-size:.76rem}.unit-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;min-width:0;max-width:100%;padding:4px;display:flex;overflow-x:auto}.calculator-tabs::-webkit-scrollbar{display:none}.calculator-tabs .segmented-option{flex:0 0 122px}.segmented-option{min-height:58px}.segmented-option span{font-size:.68rem}.segmented-option strong{font-size:.9rem}.dimension-picker{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;min-width:0;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.dimension-picker::-webkit-scrollbar{display:none}.picker-button{flex:0 0 146px;min-height:42px}.input-grid,.body-input-grid,.body-control-grid,.renal-input-grid{gap:10px}.result-band{top:calc(82px + env(safe-area-inset-top));z-index:5;grid-template-columns:1fr;gap:10px;position:sticky;box-shadow:0 8px 24px #1118271a}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.result-actions:has(>button:only-child){grid-template-columns:1fr}.trace-grid{gap:8px}.trace-grid div{border-left-width:3px}.trace-grid strong,.recent-transfer-button strong{font-size:.84rem}.recent-transfers{padding:10px}.recent-transfer-button{min-width:142px}.analyte-results{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;min-width:0;max-width:100%;max-height:none;padding-bottom:2px;display:flex;overflow-x:auto}.analyte-results::-webkit-scrollbar{display:none}.analyte-option{flex:0 0 184px;min-height:76px}.analyte-title-row{align-items:start;gap:4px;display:grid}.analyte-value-card{min-height:152px}.favorites-page-grid{grid-template-columns:1fr}.body-card-head{gap:6px;display:grid}.body-card-head strong{text-align:left}.fitness-priority-list{padding-left:18px}.safety-footer{font-size:.72rem}}
