*{box-sizing:border-box}:root{--ink:#202a42;--muted:#707a91;--line:#e3e6ef;--panel:#fff;--canvas:#f7f8fc;--indigo:#6065e7;--indigo-dark:#4449c7;--coral:#ff6f61;--mint:#14b98a;--amber:#f0a83d;--shadow:0 20px 55px rgba(35,44,75,.12)}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:"DM Sans",sans-serif;color:var(--ink);background:#edf0f7}button{font:inherit;color:inherit}.app-shell{width:100vw;height:100vh;display:grid;grid-template-rows:68px minmax(0,1fr);background:linear-gradient(135deg,#f8f9fd,#eceff7)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(78,92,123,.12);background:rgba(255,255,255,.9);backdrop-filter:blur(14px);z-index:5}.brand-block{display:flex;align-items:center;gap:12px}.brand-mark{width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,var(--indigo),#9295f7);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:9px;box-shadow:0 8px 20px rgba(96,101,231,.28);transform:rotate(-4deg)}.brand-mark i{display:block;width:5px;border-radius:4px;background:#fff}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:13px}.eyebrow,.kicker,.section-label{margin:0;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:var(--indigo)}h1,h2,p{margin-top:0}h1{font:800 20px/1.05 Manrope,sans-serif;margin:3px 0 0}.top-actions{display:flex;gap:8px}.button{border:0;border-radius:10px;padding:10px 15px;font-weight:700;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s background}.button:hover{transform:translateY(-1px)}.button:focus-visible,.preset:focus-visible,.text-button:focus-visible,.data-dot:focus-visible{outline:3px solid rgba(96,101,231,.32);outline-offset:2px}.button-ghost{background:#eeefff;color:var(--indigo-dark)}.button-ghost[aria-pressed=true]{background:var(--indigo);color:#fff}.button-quiet{background:#f0f2f6;color:#59637a}.button-primary{background:var(--indigo);color:#fff;box-shadow:0 8px 18px rgba(96,101,231,.26)}.workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:14px;padding:14px}.stage-panel,.control-panel{min-height:0;border-radius:22px;background:var(--panel);border:1px solid rgba(99,111,144,.12);box-shadow:var(--shadow)}.stage-panel{position:relative;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);background:linear-gradient(145deg,#fff,#f9faff)}.stage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:19px 23px 8px}.stage-heading h2{font:800 clamp(17px,1.8vw,25px)/1.2 Manrope,sans-serif;margin:4px 0 0}.legend{display:flex;gap:14px;font-size:12px;color:var(--muted);white-space:nowrap}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:15px;height:3px;border-radius:2px}.mean-key{background:var(--coral)}.median-key{background:var(--mint)}.plot-wrap{position:relative;min-height:0;margin:0 18px 18px;border:1px solid #e8ebf2;border-radius:19px;background:linear-gradient(180deg,#fafbfe,#f3f5fa);overflow:hidden}.plot-wrap svg{display:block;width:100%;height:100%;touch-action:none}.plot-tip{position:absolute;left:13px;top:12px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.94);color:var(--muted);font-size:11px;font-weight:700;pointer-events:none}.plot-tip span{color:var(--indigo);font-size:15px}.challenge-card{position:absolute;left:35px;right:35px;bottom:34px;display:grid;grid-template-columns:minmax(160px,1fr) auto auto;align-items:center;gap:13px;padding:13px 15px;border:1px solid rgba(96,101,231,.18);border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 16px 40px rgba(41,50,83,.17);backdrop-filter:blur(12px);z-index:4}.challenge-copy span,.question-label{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--indigo);font-weight:800}.challenge-copy strong{display:block;font-size:12px;margin-top:4px}.challenge-targets{display:flex;gap:6px}.challenge-targets div{min-width:54px;padding:7px 9px;text-align:center;background:#f1f2ff;border-radius:10px}.challenge-targets small{display:block;font-size:8px;color:var(--muted)}.challenge-targets b{font:800 15px Manrope,sans-serif;color:var(--indigo-dark)}.challenge-actions{display:flex;gap:6px}.challenge-card .button{font-size:11px;padding:8px 10px}.feedback{grid-column:1/-1;min-height:14px;margin:0;font-size:10px;color:var(--muted)}.feedback.correct{color:#128461}.feedback.try{color:#c05245}.success-burst{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font:800 42px Manrope,sans-serif;color:var(--mint);opacity:0}.success-burst.show{animation:pop 1s ease}@keyframes pop{0%{opacity:0;transform:scale(.75)}25%{opacity:1;transform:scale(1.08)}70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.95)}}.control-panel{overflow:hidden;display:flex;flex-direction:column}.control-section{padding:16px 18px;border-bottom:1px solid #eceef4}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}.section-heading.compact{margin-bottom:9px}.section-heading h2{font:800 13px Manrope,sans-serif;margin:2px 0 0}.step-number{width:22px;height:22px;flex:0 0 auto;border-radius:7px;display:grid;place-items:center;background:#eff0ff;color:var(--indigo);font-size:10px;font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stat-card{position:relative;overflow:hidden;padding:11px;border:1px solid #e8eaf1;border-radius:13px;background:#f8f9fc}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.stat-card.mean{--accent:var(--coral)}.stat-card.median{--accent:var(--mint)}.stat-card.range{--accent:var(--amber)}.stat-card span{display:block;font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stat-card strong{display:block;font:800 24px Manrope,sans-serif;margin:3px 0;color:var(--ink)}.stat-card small{font-size:8px;color:#8a93a5;white-space:nowrap}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.preset{border:1px solid #e6e8f0;background:#f7f8fb;border-radius:12px;padding:8px 5px;cursor:pointer}.preset.active{border-color:var(--indigo);background:#f0f1ff;color:var(--indigo-dark)}.mini-dots{display:block;height:14px;color:var(--indigo);font-size:11px;letter-spacing:-1px}.mini-dots i{font-style:normal;margin-left:7px}.mini-dots.skew{letter-spacing:1px;transform:scaleX(.86)}.preset strong{display:block;font-size:10px}.preset small{display:block;font-size:8px;color:var(--muted);margin-top:1px}.data-section{padding-bottom:14px}.data-chips{display:flex;gap:5px;flex-wrap:wrap}.data-chip{min-width:26px;padding:5px 7px;border-radius:8px;background:#eff0ff;color:var(--indigo-dark);font:800 11px Manrope,sans-serif;text-align:center}.data-chip.middle{background:#dcf7ef;color:#14775e}.insight{display:flex;gap:7px;align-items:flex-start;margin:10px 0 0;padding:9px 10px;border-radius:11px;background:#f5f6fa;color:#687289;font-size:10px;line-height:1.35}.insight>span:first-child{color:var(--indigo)}.question-card{margin:12px 18px 16px;padding:13px;border-radius:14px;background:linear-gradient(135deg,#293052,#444b7a);color:#fff}.question-label{color:#bfc5ec}.question-card p{font-size:11px;line-height:1.4;margin:5px 0 8px}.text-button{border:0;background:transparent;padding:0;color:#bfc4ff;font-size:9px;font-weight:800;cursor:pointer}.grid-line{stroke:#dfe3ed;stroke-width:1}.grid-line.major{stroke:#c6ccda;stroke-width:2}.axis-label{font:700 16px "DM Sans",sans-serif;fill:#788298;text-anchor:middle}.axis-caption{font:800 12px "DM Sans",sans-serif;fill:#9aa2b2;text-anchor:middle;letter-spacing:2px}.mean-line{stroke:var(--coral);stroke-width:4;stroke-dasharray:9 7}.median-line{stroke:var(--mint);stroke-width:4}.marker-label{font:800 13px "DM Sans",sans-serif;text-anchor:middle}.mean-label{fill:#d7564b}.median-label{fill:#128461}.data-dot{fill:url(#dotGradient);stroke:#fff;stroke-width:5;filter:url(#dotShadow);cursor:grab;transition:r .15s}.data-dot:hover,.data-dot:focus{r:23}.data-dot.dragging{cursor:grabbing}.dot-number{font:800 12px Manrope,sans-serif;fill:#fff;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.median-bracket{fill:rgba(20,185,138,.12)}
@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 325px}.control-section{padding-left:13px;padding-right:13px}.question-card{margin-left:13px;margin-right:13px}.challenge-card{grid-template-columns:1fr auto}.challenge-actions{grid-column:1/-1}.feedback{grid-column:1/-1}}
@media(max-width:700px){.app-shell{grid-template-rows:56px minmax(0,1fr)}.topbar{padding:0 12px}.brand-mark{width:32px;height:32px;padding:7px}.brand-mark i:nth-child(2){height:15px}.eyebrow{display:none}h1{font-size:16px}.button{padding:8px 10px;font-size:11px}.workspace{grid-template-columns:1fr;grid-template-rows:minmax(0,55%) minmax(0,45%);padding:7px;gap:7px}.stage-panel,.control-panel{border-radius:16px}.stage-heading{padding:9px 12px 3px}.stage-heading h2{font-size:13px}.kicker{font-size:8px}.legend{font-size:8px;gap:7px}.plot-wrap{margin:0 8px 8px;border-radius:12px}.plot-tip{font-size:8px;padding:4px 6px;left:6px;top:6px}.control-panel{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-content:start}.stats-section,.presets-section{padding:9px 10px}.data-section{padding:8px 10px;grid-column:1}.question-card{grid-column:2;grid-row:2;margin:8px 10px 8px 0;padding:9px}.section-heading{margin-bottom:6px}.section-heading h2{font-size:10px}.section-label{font-size:7px}.step-number{width:17px;height:17px;font-size:8px}.stats-grid,.preset-grid{gap:4px}.stat-card{padding:6px}.stat-card strong{font-size:16px}.stat-card small{font-size:6px}.preset{padding:5px 2px}.preset small{display:none}.data-chip{min-width:20px;padding:3px 5px;font-size:8px}.insight{font-size:8px;margin-top:5px;padding:5px 6px}.question-card p{font-size:8px;margin:3px 0 5px}.challenge-card{left:16px;right:16px;bottom:16px;padding:8px;gap:6px}.challenge-copy strong{font-size:9px}.challenge-targets div{min-width:38px;padding:4px}.challenge-targets b{font-size:11px}.challenge-actions{grid-column:auto;display:grid}.challenge-card .button{font-size:8px;padding:5px}.feedback{font-size:8px}.success-burst{font-size:26px}}
@media(max-width:430px){.top-actions .button{padding:7px 8px}.button-ghost span{display:none}.legend{display:none}.workspace{grid-template-rows:minmax(0,53%) minmax(0,47%)}.stage-heading h2{font-size:12px}.stat-card small{display:none}.question-card{display:none}.data-section{grid-column:1/-1;padding-top:6px}.control-panel{grid-template-rows:auto auto}.challenge-card{grid-template-columns:1fr auto}.challenge-copy{display:none}.challenge-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.feedback{grid-column:1/-1}}
@media(min-width:701px) and (max-height:700px){.workspace{padding:9px;gap:9px}.stage-heading{padding:12px 18px 5px}.plot-wrap{margin:0 12px 12px}.control-section{padding-top:10px;padding-bottom:10px}.section-heading{margin-bottom:7px}.question-card{margin-top:8px;margin-bottom:8px;padding:9px}.stat-card{padding:7px}.stat-card strong{font-size:19px}.insight{margin-top:6px;padding:6px}.challenge-card{bottom:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}