*{box-sizing:border-box}:root{--ink:#18213b;--muted:#68708a;--paper:#f6f7fb;--panel:#fff;--line:#e5e7f0;--purple:#665ee8;--purple-dark:#4f47d1;--coral:#ff7664;--blue:#3d83e8;--mint:#27b98d;--shadow:0 18px 55px rgba(42,48,86,.1)}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{width:100vw;height:100vh;height:100dvh;display:grid;grid-template-rows:68px minmax(0,1fr);background:radial-gradient(circle at 7% 10%,rgba(102,94,232,.09),transparent 23%),radial-gradient(circle at 92% 92%,rgba(39,185,141,.08),transparent 22%),var(--paper)}.topbar{display:flex;align-items:center;gap:20px;padding:10px clamp(14px,2.2vw,34px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.86);backdrop-filter:blur(16px);z-index:2}.brand{display:flex;align-items:center;gap:11px;min-width:280px}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#786ff2,#5148d4);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:9px;box-shadow:0 8px 20px rgba(102,94,232,.25)}.brand-mark i{display:block;width:5px;border-radius:4px;background:#fff}.brand-mark i:nth-child(1){height:11px;opacity:.72}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:15px;opacity:.85}.eyebrow,.kicker,.card-heading p,.compact-heading p,.challenge-head p{margin:0;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:700;color:var(--purple)}h1,h2,p{margin-top:0}.brand h1{font:800 20px/1.05 Manrope,sans-serif;letter-spacing:-.03em;margin:3px 0 0}.learning-goal{margin:auto;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.learning-goal span{padding:5px 8px;border-radius:99px;background:#eceafd;color:var(--purple-dark);font-weight:700}.learning-goal strong{color:var(--ink)}.quiet-button,.icon-button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:10px;padding:8px 13px;font-weight:700}.quiet-button:hover,.quiet-button:focus-visible,.icon-button:hover,.icon-button:focus-visible{border-color:#bab5f4;color:var(--purple);outline:3px solid rgba(102,94,232,.12)}.workspace{min-height:0;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,390px);gap:14px}.stage-card,.control-card,.challenge-card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.stage-card{min-width:0;min-height:0;padding:18px;display:grid;grid-template-rows:auto minmax(160px,1fr) auto auto;gap:11px;overflow:hidden}.stage-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.stage-heading h2{font:800 clamp(18px,1.8vw,27px)/1.15 Manrope,sans-serif;letter-spacing:-.035em;margin:5px 0 0}.stage-copy{max-width:260px;margin:0;color:var(--muted);font-size:12px;line-height:1.45}.tree-wrap{min-height:0;border-radius:16px;background:linear-gradient(180deg,#fafaff,#f3f4fb);border:1px solid #ececf5;overflow:hidden;position:relative}.tree-wrap:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#d9dbe8 1px,transparent 1px);background-size:22px 22px;opacity:.48}#tree{width:100%;height:100%;display:block;position:relative}.branch{fill:none;stroke:#cfd2e3;stroke-width:7;stroke-linecap:round;transition:.25s}.branch.coral-path{stroke:rgba(255,118,100,.45)}.branch.blue-path{stroke:rgba(61,131,232,.42)}.branch.selected{stroke-width:11;filter:drop-shadow(0 5px 7px rgba(67,72,115,.14))}.branch.selected.coral-path{stroke:var(--coral)}.branch.selected.blue-path{stroke:var(--blue)}.node{stroke:#fff;stroke-width:7;filter:drop-shadow(0 7px 10px rgba(41,47,80,.15))}.node.coral{fill:var(--coral)}.node.blue{fill:var(--blue)}.root-node{fill:#fff;stroke:#d9dce9;stroke-width:6}.tree-label{font:700 19px "DM Sans",sans-serif;fill:var(--ink)}.tree-sub{font:600 15px "DM Sans",sans-serif;fill:var(--muted)}.branch-pill{fill:#fff;stroke:#e1e3ed;stroke-width:2}.branch-text{font:700 16px "DM Sans",sans-serif;fill:#3e4662}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.outcome-button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:8px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;text-align:left;color:var(--ink);transition:.2s}.outcome-button:hover,.outcome-button:focus-visible{border-color:#b7b2ef;outline:3px solid rgba(102,94,232,.1)}.outcome-button.active{border-color:var(--purple);background:#f2f1ff;box-shadow:inset 0 0 0 1px var(--purple)}.pair{display:flex;gap:3px}.mini-dot{width:15px;height:15px;border-radius:50%}.mini-dot.coral{background:var(--coral)}.mini-dot.blue{background:var(--blue)}.outcome-button strong{font-size:12px}.outcome-button small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.path-working{min-height:45px;border-radius:13px;background:#242b49;color:#fff;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:14px;text-align:center}.path-working .fraction{display:inline-flex;flex-direction:column;line-height:1;text-align:center;vertical-align:middle;min-width:25px}.path-working .fraction span:first-child{border-bottom:1px solid rgba(255,255,255,.75);padding-bottom:2px}.path-working .fraction span:last-child{padding-top:2px}.path-working .equals{color:#aaaef9}.control-panel{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px}.control-card,.challenge-card{padding:13px 14px;border-radius:17px;box-shadow:0 8px 26px rgba(42,48,86,.06)}.card-heading,.compact-heading{display:flex;align-items:center;gap:9px}.card-heading h2,.compact-heading h2,.challenge-head h2{font:800 15px/1.18 Manrope,sans-serif;margin:2px 0 0;letter-spacing:-.025em}.step{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#eeecff;color:var(--purple-dark);font-size:11px;font-weight:800}.counter-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.counter-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;padding:8px;border-radius:12px;background:#fafaff;border:1px solid var(--line)}.counter-dot{width:15px;height:15px;border-radius:50%}.counter-dot.coral{background:var(--coral);box-shadow:0 3px 8px rgba(255,118,100,.35)}.counter-dot.blue{background:var(--blue);box-shadow:0 3px 8px rgba(61,131,232,.3)}.counter-row>strong{font-size:11px}.stepper{grid-column:1/-1;display:grid;grid-template-columns:28px 1fr 28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.stepper button{border:0;background:#fff;height:26px;color:var(--purple);font-size:17px;font-weight:700}.stepper button:hover,.stepper button:focus-visible{background:#eeecff;outline:0}.stepper output{text-align:center;font-weight:800;font-size:13px}.bag-visual{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.bag-visual>div{display:flex;flex-wrap:wrap;gap:3px;max-width:245px}.bag-visual i{width:9px;height:9px;border-radius:50%;display:block}.bag-visual i.coral{background:var(--coral)}.bag-visual i.blue{background:var(--blue)}.bag-visual span{color:var(--muted);font-size:10px;font-weight:700}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:#f0f1f7;border-radius:10px;margin-top:9px}.segmented button{border:0;background:transparent;border-radius:8px;padding:7px 5px;color:var(--muted);font-size:11px;font-weight:700}.segmented button.active{background:#fff;color:var(--purple-dark);box-shadow:0 3px 10px rgba(40,45,77,.1)}.mode-insight{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.35;display:flex;gap:7px}.mode-insight span{color:var(--purple);font-size:15px}.trial-card{min-height:0;display:flex;flex-direction:column}.trial-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:7px;margin-top:9px}.secondary-button,.primary-button,.check-button{border-radius:10px;padding:8px 9px;font-weight:800;font-size:11px}.secondary-button{background:#fff;color:var(--purple-dark);border:1px solid #c9c5f5}.primary-button,.check-button{border:1px solid var(--purple);background:linear-gradient(135deg,#726aef,#554dd5);color:#fff;box-shadow:0 7px 16px rgba(102,94,232,.2)}.secondary-button:hover,.secondary-button:focus-visible,.primary-button:hover,.primary-button:focus-visible,.check-button:hover,.check-button:focus-visible{transform:translateY(-1px);outline:3px solid rgba(102,94,232,.12)}.trial-summary{display:flex;justify-content:space-between;align-items:center;margin:8px 0 5px;font-size:10px}.trial-summary strong{color:var(--ink)}.trial-summary span{color:var(--muted)}.trial-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:auto}.trial-bar{height:41px;border-radius:8px;background:#f0f1f7;display:flex;align-items:flex-end;overflow:hidden;position:relative}.trial-bar i{width:100%;background:linear-gradient(180deg,#8c85f3,#665ee8);transition:.35s height;min-height:0}.trial-bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:9px;font-weight:800;color:#313852;text-shadow:0 1px 0 #fff}.challenge-card{background:linear-gradient(135deg,#202745,#2f3659);color:#fff;border:0}.challenge-head{display:flex;justify-content:space-between;gap:8px}.challenge-head p{color:#aaaef9}.challenge-head h2{font-size:13px;max-width:275px}.icon-button{padding:4px 9px;height:29px;background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.15)}.answer-row{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:end;gap:6px;margin-top:9px}.answer-row label span{display:block;font-size:8px;color:#bac0d6;margin-bottom:3px}.answer-row input{width:100%;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:#fff;padding:4px 8px;font-weight:800}.answer-row input:focus{outline:2px solid #aaaef9}.fraction-line{padding-bottom:7px;color:#aaaef9;font-weight:800}.check-button{height:32px;padding:6px 11px}.feedback{margin:6px 0 0;color:#c7cbe0;font-size:9px;min-height:12px}.feedback.success{color:#75e0bc}.feedback.error{color:#ff9f94}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 330px;padding:9px;gap:9px}.stage-card{padding:13px}.learning-goal{display:none}.stage-copy{display:none}.control-panel{gap:7px}.control-card,.challenge-card{padding:10px 11px}.counter-controls{margin-top:7px}.mode-insight{display:none}}@media(max-width:700px){.app-shell{grid-template-rows:53px minmax(0,1fr)}.topbar{padding:7px 10px}.brand{min-width:0}.brand-mark{width:34px;height:34px}.brand h1{font-size:16px}.eyebrow{font-size:8px}.quiet-button{margin-left:auto;padding:7px 10px;font-size:11px}.workspace{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr);padding:6px;gap:6px}.stage-card{padding:8px;border-radius:14px;grid-template-rows:auto minmax(110px,1fr) auto auto;gap:5px}.stage-heading h2{font-size:15px;margin-top:2px}.kicker{font-size:8px}.tree-wrap{border-radius:10px}.outcome-grid{gap:4px}.outcome-button{padding:4px;gap:4px;border-radius:8px}.mini-dot{width:9px;height:9px}.outcome-button strong{font-size:9px}.outcome-button small{font-size:8px}.path-working{min-height:30px;padding:4px 8px;font-size:10px;border-radius:9px}.path-working .fraction{min-width:18px}.control-panel{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px}.control-card,.challenge-card{padding:7px 8px;border-radius:11px;min-height:0;overflow:hidden}.card-heading h2,.compact-heading h2{font-size:11px}.card-heading p,.compact-heading p,.challenge-head p{font-size:7px}.step{width:19px;height:19px;border-radius:6px;font-size:8px}.counter-controls{gap:4px;margin-top:5px}.counter-row{padding:4px;gap:4px}.counter-row>strong{font-size:8px}.counter-dot{width:10px;height:10px}.stepper{grid-template-columns:22px 1fr 22px}.stepper button{height:20px;font-size:13px}.stepper output{font-size:9px}.bag-visual{margin-top:4px}.bag-visual i{width:6px;height:6px}.bag-visual span{font-size:7px}.segmented{margin-top:5px}.segmented button{padding:5px 2px;font-size:8px}.trial-actions{margin-top:5px;gap:4px}.secondary-button,.primary-button{padding:5px 3px;font-size:8px}.trial-summary{margin:4px 0 2px;font-size:7px}.trial-bar{height:25px}.trial-bar span{font-size:7px}.challenge-card{grid-column:2;grid-row:2}.challenge-head h2{font-size:9px;line-height:1.15}.icon-button{height:21px;padding:1px 6px}.answer-row{margin-top:4px;gap:3px}.answer-row input{height:24px;padding:2px 4px;font-size:10px}.answer-row label span{font-size:6px}.fraction-line{padding-bottom:4px}.check-button{height:24px;padding:3px 6px;font-size:8px}.feedback{font-size:7px;margin-top:3px}.mode-card{grid-column:2;grid-row:1}.trial-card{grid-column:1;grid-row:2}.bag-card{grid-column:1;grid-row:1}}@media(max-width:390px){.brand h1{font-size:15px}.workspace{grid-template-rows:minmax(0,1.02fr) minmax(0,.98fr)}.tree-label{font-size:17px}.tree-sub,.branch-text{font-size:14px}}@media(max-height:650px) and (min-width:701px){.app-shell{grid-template-rows:56px minmax(0,1fr)}.workspace{padding:7px;gap:7px}.topbar{padding-top:6px;padding-bottom:6px}.stage-card{padding:10px;gap:6px}.stage-heading h2{font-size:18px}.control-panel{gap:6px}.control-card,.challenge-card{padding:8px 10px}.counter-controls{margin-top:5px}.bag-visual{margin-top:4px}.mode-insight{display:none}.trial-actions{margin-top:5px}.challenge-head h2{font-size:11px}.answer-row{margin-top:5px}.feedback{margin-top:3px}}