:root{--bg: #f4efe6;--bg-strong: #fffdf8;--surface: rgba(255, 252, 246, .76);--surface-strong: rgba(255, 252, 246, .94);--line: #d7dfdc;--line-strong: #b8c6c4;--text: #1f2926;--muted: #5e6d6a;--accent-a: #0b7285;--accent-a-soft: rgba(11, 114, 133, .12);--accent-b: #c65d3a;--accent-b-soft: rgba(198, 93, 58, .12);--accent-mix: #8a6b39;--accent-overlap: rgba(41, 105, 85, .2);--shadow: 0 18px 44px rgba(38, 45, 41, .08);font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(11,114,133,.12),transparent 28%),radial-gradient(circle at top right,rgba(198,93,58,.11),transparent 24%),linear-gradient(180deg,#f8f4ed,#f1ece3)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}.app-shell{width:min(1320px,calc(100% - 2rem));margin:0 auto;padding:1.4rem 0 2rem}.panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,360px);gap:1.25rem;align-items:start;padding:1.5rem}.hero-copy h1{margin:.1rem 0 .5rem;font-family:Fraunces,Iowan Old Style,Palatino Linotype,serif;font-size:clamp(2.35rem,4.2vw,3.7rem);line-height:.96;letter-spacing:-.05em;white-space:nowrap}.hero-home-link{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.7rem;color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:700;letter-spacing:.03em;transition:color .18s ease,transform .18s ease}.hero-home-link:before{content:"←";color:var(--accent-a)}.hero-home-link:hover{color:var(--accent-a);transform:translate(-1px)}.eyebrow{margin:0;color:var(--accent-a);font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.lede{max-width:62ch;margin:0;color:var(--muted);font-size:1.02rem;line-height:1.6}.formula-card{padding:1.1rem 1.2rem;border-radius:18px;background:linear-gradient(160deg,#fffffff2,#faf6eedb);border:1px solid rgba(215,223,220,.9)}.formula-label{margin:0 0 .4rem;color:var(--muted);font-size:.84rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.formula-text{margin:0 0 .45rem;font-family:Fraunces,Iowan Old Style,Palatino Linotype,serif;font-size:1.15rem;line-height:1.4}.formula-note{margin:0;color:var(--muted)}.dashboard{display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr);gap:1.2rem;margin-top:1.2rem}.sidebar,.plots{display:grid;gap:1.2rem}.controls-panel,.metrics-panel,.context-panel,.plots>.panel{padding:1.2rem}.panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.panel-header h2{margin:0;font-size:1.2rem}.panel-header p{margin:.35rem 0 0;color:var(--muted);line-height:1.5}.plot-legend{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end;margin-top:.95rem}.legend-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:999px;font-size:.82rem;font-weight:700;white-space:nowrap}.legend-a{background:var(--accent-a-soft);color:var(--accent-a)}.legend-b{background:var(--accent-b-soft);color:var(--accent-b)}.legend-overlap{background:#2969551f;color:#2a6955}.legend-ellipse{background:#8b979529;color:#5e6d6a}.legend-mix{background:#b07e3f24;color:var(--accent-mix)}.legend-token{background:#5e6d6a1f;color:var(--muted)}.mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:1rem}.preset-stack{margin-top:1rem}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.85rem}.preset-button,.secondary-button{border:1px solid rgba(184,198,196,.9);border-radius:14px;padding:.68rem .8rem;background:#ffffffd1;color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.preset-button:hover,.secondary-button:hover{transform:translateY(-1px);border-color:#0b728559}.mode-button{border:1px solid rgba(184,198,196,.9);border-radius:999px;padding:.65rem .8rem;background:#ffffffc7;color:var(--muted);cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.mode-button.active{background:var(--text);color:#fff;border-color:var(--text)}.mode-button:hover{transform:translateY(-1px)}.control-groups{display:grid;gap:1rem}.control-group{padding-top:.2rem}.control-group-title{margin:.9rem 0 0;color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.control-stack{display:grid;gap:1.1rem;margin-top:1.1rem}.control-row{display:grid;gap:.55rem}.control-label-row{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;font-weight:600}.control-value{color:var(--muted);font-variant-numeric:tabular-nums}input[type=range]{width:100%;margin:0;accent-color:var(--accent-a)}.reset-button{border:0;border-radius:999px;padding:.65rem .9rem;background:var(--text);color:#fff;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.reset-button:hover{opacity:.92;transform:translateY(-1px)}.control-actions{display:grid;gap:.7rem;margin-top:1rem}.panel-footnote,.metric-description{margin:1rem 0 0;color:var(--muted);line-height:1.6}.metric-sections{display:grid;gap:1rem;margin-top:1rem}.metric-section{display:grid;gap:.75rem}.metric-section-title{margin:0;color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:0}.metric-card{padding:.9rem;border-radius:18px;background:linear-gradient(160deg,#fffffff2,#f8f3ead1);border:1px solid rgba(215,223,220,.85)}.metric-label,.metric-suffix{margin:0}.metric-card-button{width:100%;text-align:left;color:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.metric-card-button:hover{transform:translateY(-1px);border-color:#b8c6c4}.metric-card-button:focus-visible{outline:2px solid rgba(11,114,133,.35);outline-offset:3px}.metric-card-active{border-color:#0b728547;background:linear-gradient(160deg,#fffffffa,#eff7f7e6),linear-gradient(135deg,rgba(11,114,133,.06),transparent 60%);box-shadow:0 10px 22px #1f292614}.metric-label{color:var(--muted);line-height:1.4}.metric-value{margin:.45rem 0 .15rem;font-family:Fraunces,Iowan Old Style,Palatino Linotype,serif;font-size:1.9rem;line-height:1}.metric-suffix{color:var(--muted);font-size:.88rem}.metric-explainer{margin-top:1rem;padding:1rem 1.05rem;border-radius:18px;background:linear-gradient(160deg,#fffffffa,#f6f3eceb),linear-gradient(135deg,rgba(11,114,133,.06),transparent 55%);border:1px solid rgba(215,223,220,.9)}.metric-explainer-header{display:grid;gap:.2rem}.metric-explainer-kicker,.metric-explainer-title,.metric-explainer-suffix,.metric-explainer-body,.metric-explainer-origin,.metric-explainer-origin-label{margin:0}.metric-explainer-kicker{color:var(--accent-a);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metric-explainer-title{font-weight:700;font-size:1.02rem}.metric-explainer-suffix{color:var(--muted);font-size:.88rem}.metric-explainer-body{margin-top:.75rem;line-height:1.6}.metric-explainer-origin{margin-top:.55rem;color:var(--muted);line-height:1.5;font-size:.88rem}.metric-explainer-origin-label{color:var(--text);font-weight:700}.plot-frame{margin-top:.95rem;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#ffffffd1,#fffbf4eb),linear-gradient(180deg,transparent,rgba(11,114,133,.03));border:1px solid rgba(215,223,220,.85)}.comparison-panel{padding:1.2rem}.comparison-stack{display:grid;gap:.85rem;margin-top:1rem}.comparison-row{padding:.95rem 1rem;border-radius:18px;background:linear-gradient(160deg,#fffffff0,#f8f3eacc);border:1px solid rgba(215,223,220,.85)}.comparison-header-row{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.comparison-label,.comparison-note,.comparison-value{margin:0}.comparison-label{font-weight:700}.comparison-note{margin-top:.25rem;color:var(--muted);line-height:1.5}.comparison-value{font-family:Fraunces,Iowan Old Style,Palatino Linotype,serif;font-size:1.15rem;line-height:1;white-space:nowrap}.comparison-track{height:.6rem;margin-top:.8rem;border-radius:999px;overflow:hidden;background:#b6c4c352}.comparison-fill{height:100%;border-radius:inherit;transition:width .32s ease}.site-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1rem;padding:.2rem .25rem 0;color:var(--muted);font-size:.92rem}.site-footer a{color:var(--accent-a);text-decoration:none;font-weight:700}.context-section{margin-top:1rem}.context-section h3{margin:0;font-size:1rem}.context-list{margin:.6rem 0 0;padding-left:1.15rem;color:var(--muted);line-height:1.6}.context-list li+li{margin-top:.35rem}.context-disclosure{margin-top:1rem;padding:.95rem 1rem;border-radius:18px;background:linear-gradient(160deg,#fffffff5,#f8f3eadb);border:1px solid rgba(215,223,220,.88)}.context-disclosure summary{cursor:pointer;font-weight:700}.context-disclosure p{margin:.7rem 0 0;color:var(--muted);line-height:1.6}.panel-header-wrap{flex-wrap:wrap}.panel-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}.plot-svg{display:block;width:100%;height:auto}.interactive-handle{pointer-events:all;filter:drop-shadow(0 3px 8px rgba(31,41,38,.16));transition:filter .16s ease,opacity .16s ease}.interactive-handle:hover{filter:drop-shadow(0 5px 12px rgba(31,41,38,.22))}.interactive-handle:active{opacity:.88}.interactive-handle-center{stroke-dasharray:none}.interactive-handle-edge{stroke-dasharray:2 1}.axis-guide{pointer-events:none}@media (max-width: 980px){.hero,.dashboard{grid-template-columns:1fr}.plot-legend{justify-content:flex-start}.hero-copy h1{white-space:normal}}@media (max-width: 640px){.app-shell{width:min(100% - 1rem,1320px);padding-top:.6rem;padding-bottom:1rem}.hero,.controls-panel,.metrics-panel,.context-panel,.plots>.panel{padding:1rem}.metrics-grid,.preset-grid{grid-template-columns:1fr}.panel-header,.comparison-header-row{flex-direction:column}.site-footer{display:grid}.hero-copy h1{font-size:clamp(2.2rem,13vw,3.2rem)}}