:root{font-family:Segoe UI,system-ui,sans-serif;color:#142148;background:#f7f8fc;line-height:1.5;font-synthesis:none;--navy:#14265e;--blue:#214fc9;--ink:#142148;--muted:#505c79;--line:#dbe1ef;--yellow:#ffd45c;--paper:#f7f8fc}*{box-sizing:border-box}body{margin:0;min-width:0}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}button,input,textarea,summary,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #1e64da;outline-offset:4px}.hero :focus-visible,.brand:focus-visible{outline-color:#ffd45c}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2rem,5.6vw,3.25rem);margin:5px 0 11px;font-weight:900}h2{font-size:clamp(1.35rem,3.4vw,1.8rem);font-weight:850}h3{font-size:1.25rem}p{overflow-wrap:anywhere}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:absolute;z-index:3;top:8px;left:8px;background:#fff;padding:12px}.shell-header{min-height:78px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:12px max(24px,calc((100% - 1140px)/2))}.brand{display:flex;align-items:center;gap:9px;text-align:left;border:0;padding:0;background:transparent;white-space:nowrap;line-height:1.12;min-height:46px}.brand-icon{width:43px;height:43px;border-radius:12px;background:var(--navy);color:var(--yellow);display:grid;place-items:center}.brand b,.brand small{display:block;font-weight:900;letter-spacing:.04em}.brand b{font-size:.96rem}.brand small{color:#42558d;font-size:.74rem;letter-spacing:.18em}nav{display:flex;gap:6px;justify-content:center}nav button,.tabs button,.quiet{min-height:44px;border:0;border-radius:11px;padding:8px 12px;background:none;font-weight:760}nav button{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-size:.92rem}nav button span{color:var(--blue);font-size:1.18rem;line-height:1}nav button[aria-current],.tabs button[aria-pressed=true]{background:#e8efff;color:#1840ae}nav button:hover,.tabs button:hover,.quiet:hover{background:#edf2ff}.wallet{display:flex;gap:6px;align-items:center;font-size:.92rem;font-weight:850}.wallet span{background:#fff1c5;border-radius:20px;padding:6px 10px;white-space:nowrap;color:#704800}.wallet span+span{background:#e8efff;color:#264cae}main,footer{max-width:1188px;margin:auto;padding-inline:24px}main{min-height:73vh;padding-block:26px 42px}main:focus{outline:none}footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.83rem;padding-block:16px 23px;border-top:1px solid var(--line)}footer svg{width:18px;height:18px;color:var(--blue)}.hero{position:relative;isolation:isolate;min-height:334px;display:grid;grid-template-columns:1fr .95fr;align-items:center;overflow:hidden;border-radius:24px;background:#14265e;color:#fff;box-shadow:0 12px 28px #15265826}.hero-content{position:relative;z-index:1;padding:32px 0 33px 40px}.hero-label,.small-label{display:inline-flex;align-items:center;gap:7px;font-weight:850;letter-spacing:.095em;font-size:.76rem;text-transform:uppercase;color:#254aab}.hero-label{background:#243e7d;color:#e0ebff;border-radius:100px;padding:5px 11px}.hero-label i{background:var(--yellow);width:7px;height:7px;border-radius:50%}.hero h1{font-size:clamp(3rem,7vw,5.15rem);line-height:.96;margin:14px 0 13px;letter-spacing:-.07em}.hero p{color:#e0ebff;max-width:340px;margin-bottom:17px;font-size:1.05rem}.primary,.secondary{min-height:46px;border:1px solid transparent;border-radius:11px;padding:9px 15px;font-weight:820;overflow-wrap:anywhere}.primary{background:#214fc9;color:#fff}.primary:hover:not(:disabled){background:#153ba5}.secondary{background:#fff;color:#2447a7;border-color:#cdd8f3}.secondary:hover:not(:disabled){background:#eff4ff}.hero .primary{background:var(--yellow);color:#22254b;box-shadow:0 4px #bd8331}.hero .primary:hover{background:#ffe68e}.hero .primary span{margin-left:11px}.track-art{position:absolute;inset:0 0 0 auto;width:56%;overflow:hidden}.track-art>svg{position:absolute;inset:0;width:100%;height:100%}.hero-car{position:absolute;inset:auto 8% 3%;animation:roll-in .55s ease-out both}.hero-car svg,.garage-car svg{width:100%;height:auto;display:block}@keyframes roll-in{0%{transform:translate(23px);opacity:.4}to{transform:translate(0);opacity:1}}.quick-line{display:flex;align-items:center;gap:12px;padding:11px 15px;background:#fff;border:1px solid var(--line);border-radius:15px;margin-top:17px}.quick-icon{height:38px;width:38px;flex:none;display:grid;place-items:center;background:#fff1c5;border-radius:12px;font-size:1.25rem}.quick-line small,.quick-line strong,.row small,.evidence small{display:block}.quick-line small{color:#4f5e83;font-size:.66rem;font-weight:850;letter-spacing:.075em}.quick-line .quiet{margin-left:auto;color:#2145a5}.page-title{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:0 0 17px}.page-title p{color:var(--muted)}.track-heading{margin:26px 0 14px}.track-heading h2{margin-top:4px}.tabs{display:flex;flex-wrap:wrap;gap:3px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:3px}.tabs button{min-height:40px}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.skill-card{--accent:#2555cc;--tint:#eaf1ff;display:flex;flex-direction:column;gap:11px;min-width:0;border:1px solid var(--line);border-top:4px solid #4773ea;background:#fff;border-radius:17px;padding:13px 15px 15px;box-shadow:0 4px 13px #11204b08}.skill-card.english{--accent:#a24712;--tint:#fff0dc;border-top-color:#f29b48}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:.82rem;font-weight:720}.subject{background:var(--tint);color:var(--accent);border-radius:20px;padding:3px 9px;font-weight:840}.card-progress,.round-meter{display:flex;gap:4px}.card-progress i,.round-meter span{height:5px;border-radius:9px;flex:1;background:#e6eaf4}.card-progress .done,.round-meter .live{background:#4773ea}.skill-card .secondary{display:flex;justify-content:space-between;align-items:center;margin-top:auto;text-align:left}.inner,.round,.parent-gate{max-width:790px;margin:auto}.panel{padding:clamp(17px,3.4vw,26px);background:#fff;border:1px solid var(--line);border-radius:17px;min-width:0}.panel p{margin:8px 0 14px}.muted{color:var(--muted)}.round .quiet,.inner .quiet{margin-bottom:9px}.round-meter{margin:10px 0 18px}.round .prompt{font-size:clamp(1.43rem,4vw,2.1rem);white-space:pre-line;margin-bottom:16px;line-height:1.28}.example,.answer-feedback{border-radius:13px;padding:15px;background:#eaf1ff;margin:12px 0 14px}.example pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;color:#2349ad;border-radius:9px;padding:10px;margin:9px 0 0;font-size:1rem;font-weight:750}.example p,.answer-feedback p{margin:3px 0 5px}.answers{border:0;padding:0;display:grid;gap:8px;margin:0 0 14px}.answers label{display:flex;align-items:center;gap:10px;min-height:48px;background:#f8f9ff;border:1px solid var(--line);border-radius:11px;padding:10px;cursor:pointer;overflow-wrap:anywhere}.answers input{accent-color:#214fc9;flex:none;width:18px;height:18px;margin:0}.answers label.selected{border-color:#214fc9;background:#eaf1ff}.stack{display:grid;gap:5px;color:var(--muted);font-weight:720;margin:9px 0 13px;min-width:0}.stack input,.stack textarea{min-width:0;width:100%;max-width:100%;min-height:45px;border:1px solid #a9b9dc;background:#fff;color:var(--ink);padding:9px;border-radius:9px;font-size:1rem}.stack textarea{resize:vertical}.round .stack input{max-width:360px}.phase-list{list-style:none;padding:0;display:grid;gap:8px}.phase{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:15px;padding:12px}.phase.next{border:2px solid #4c74df}.phase-number{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e9efff;color:#2549ae;font-weight:850}.phase h2{font-size:1.18rem}.phase p,.locked{font-size:.88rem;color:var(--muted)}.button-row,.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.inline-form{align-items:end}.inline-form .stack{margin:0}.dashboard{display:grid;gap:14px}.dashboard .page-title{margin:0}.garage-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.garage-car{display:grid;justify-items:center;align-content:center;background:var(--navy);color:#fff}.garage-car strong{color:var(--yellow)}.paint-name{display:flex;gap:8px;align-items:center}.paint-name i{width:17px;height:17px;border-radius:100%;border:1px solid #2032574d;flex:none}.rows{display:grid;gap:4px}.row,.evidence-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-block:9px;min-width:0}.row small,.evidence small{color:var(--muted)}.history{padding-left:20px;overflow-wrap:anywhere}.history li+li{margin-top:5px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.stat-card{padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;gap:3px}.stat-card span{color:var(--muted);font-size:.85rem}.stat-card strong{font-size:1.5rem}.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.week div{display:grid;justify-items:center;padding:6px 1px;background:#eef3ff;border-radius:9px}.week span{font-size:.76rem;color:var(--muted)}details{border-top:1px solid var(--line);margin-top:11px;padding-top:7px}summary{min-height:44px;padding:9px 0;cursor:pointer;font-weight:800}.evidence-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;align-items:start;font-size:.9rem}.sample{border-top:1px solid var(--line);padding-block:6px;white-space:pre-wrap}.rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}.toast{position:fixed;bottom:15px;right:15px;z-index:5;max-width:min(450px,calc(100% - 30px));background:#14265e;color:#fff;padding:10px 12px 10px 16px;border-radius:12px;display:flex;align-items:center;gap:9px;box-shadow:0 8px 23px #14265e40}.toast.error{background:#851f25}.toast button{border:0;background:transparent;color:#fff;min-width:44px;min-height:44px;font-size:1.55rem}@media(max-width:850px){.shell-header{gap:12px;padding-inline:16px}nav button{padding-inline:8px}.hero-content{padding-left:28px}}@media(max-width:810px){.shell-header{grid-template-columns:minmax(0,1fr) auto;gap:7px}nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.wallet{grid-column:2;grid-row:1}}@media(max-width:690px){.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main,footer{padding-inline:14px}.hero{min-height:290px}.evidence-row{grid-template-columns:1fr 1fr}.rules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){nav button{font-size:.76rem;gap:2px;padding-inline:3px;white-space:normal}.shell-header{padding-inline:10px}.hero{grid-template-columns:1fr;align-items:start;min-height:355px}.hero-content{padding:21px 17px 0}.hero h1 br{display:none}.hero p{font-size:.95rem;max-width:280px}.track-art{inset:auto 0 0;width:100%;height:43%;pointer-events:none}.hero-car{inset:auto 8% -2% auto;width:63%}.quick-line{gap:7px;padding:7px}.quick-line strong,.quick-line .quiet{font-size:.83rem}.quick-line .quiet{padding-inline:5px}.card-meta{font-size:.72rem}.skill-card{padding:11px}.skill-card h3{font-size:1.03rem}.skill-card .secondary{padding-inline:8px;font-size:.88rem}.garage-grid{grid-template-columns:1fr}.page-title{align-items:start;flex-wrap:wrap}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phase{gap:7px;padding:9px}.phase-number{width:28px;height:28px}.phase .primary,.phase .secondary{padding-inline:8px}.row{gap:6px}.row .primary,.row .secondary{padding-inline:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}:root{--navy:#133555;--blue:#125db9;--ink:#16334a;--muted:#435c70;--line:#cbdedc;--yellow:#ffdc5c;--paper:#dff3df;color:var(--ink);background:var(--paper)}.shell{position:relative;isolation:isolate;min-height:100vh;background:linear-gradient(180deg,#9edfff 0,#d9f2f7 470px,#dff3df 810px,#dcefd9)}.world-backdrop{position:absolute;inset:75px 0 auto;z-index:-1;width:100%;height:810px;pointer-events:none}.shell-header{border-bottom:3px solid #5faddb;background:#f9fdff;box-shadow:0 4px 12px #153d5e13}.brand-icon{background:#133c62;border:2px solid #20618c;color:#ffdf64;box-shadow:0 3px #b3dbed}.brand small{color:#27618d}nav button[aria-current],.tabs button[aria-pressed=true]{background:#d8efff;color:#124e86}nav button span{color:#1263ad}.environment-banner{text-align:center;font-size:.79rem;font-weight:850;letter-spacing:.04em;padding:5px;background:#ffe5a3;color:#553811}.environment-banner.live{background:#cbedc0;color:#225332}.hero{min-height:373px;grid-template-columns:1fr .98fr;background:linear-gradient(160deg,#e5f8ff 7%,#b4e9ff 62%,#99d9f8);color:#143551;border:2px solid #e7f9ff;border-radius:29px;box-shadow:0 8px #528daa45,0 17px 28px #21466522}.hero-label{background:#d7f0ff;border:1px solid #aed7ed;color:#194c72}.hero-label i{background:#ed5141}.hero h1{color:#123855;text-shadow:0 2px #ffffffa8}.hero p{color:#244c66;font-weight:640}.hero-content{padding-block:32px 40px}.track-art{width:58%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 17%);mask-image:linear-gradient(to right,transparent 0,#000 17%)}.hero-car{inset:auto 7% 5% 13%;filter:drop-shadow(0 7px 7px #172c3d2b)}.hero .primary{background:#ffd24a;color:#293d42;box-shadow:0 4px #c87d2c;border-color:#efb645}.hero .primary:hover{background:#ffe281}.primary{background:#1263b4}.primary:hover:not(:disabled){background:#0b4e92}.secondary{color:#174e7e;border-color:#b4d0de}.secondary:hover:not(:disabled){background:#e7f5fa}.small-label{color:#286484}.quick-line{border:2px solid #a9d3bb;border-radius:19px;background:#f8fff0;box-shadow:0 3px #7da28a2e}.quick-icon{background:#f8dc6a;color:#493d29}.quick-line .quiet{color:#22556f}.track-heading{margin-top:27px}.track-heading>div:first-child{background:#f6fff1;border:1px solid #bad8b3;border-radius:17px;padding:8px 14px}.tabs{background:#f5fcf3;border:1px solid #9ac3b2}.skill-grid{gap:16px}.skill-card,.skill-card.english{--accent:#1b5c98;--tint:#e0f4ff;--sign:#68b7e8;--card-border:#a6d2ea;border:2px solid var(--card-border);border-radius:23px;background:#f9fdff;box-shadow:0 4px #4a8cac34;gap:9px;padding:13px;transition:transform .14s ease,box-shadow .14s ease}.skill-card.english{--accent:#874321;--tint:#fff0cd;--sign:#f1af52;--card-border:#edc288;background:#fffdf7;box-shadow:0 4px #ad70362c}@media(hover:hover){.skill-card:hover{transform:translateY(-2px);box-shadow:0 7px #436b872a}}.subject{padding:3px 8px}.track-badge{font-size:.71rem;font-weight:850;letter-spacing:.035em;border-radius:20px;padding:3px 8px;color:#164a70;background:#dbeeff;flex:none}.track-badge.ready{color:#225738;background:#d9efd1}.track-badge.review{color:#744118;background:#ffe5ac}.card-illustration{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;background:var(--tint);border-radius:13px;padding:2px 10px 2px 8px;color:var(--accent);overflow:hidden}.card-illustration:after{content:"";position:absolute;z-index:-1;right:-14%;bottom:-49px;width:70%;height:88px;border:3px dashed var(--sign);border-radius:100% 55% 0 0;transform:rotate(-14deg);opacity:.55}.skill-icon{display:block;width:79px;height:67px;color:var(--accent,#176b9f);flex:none}.outcome{font-size:.78rem;font-weight:800;padding:3px 7px;background:#fff;border-radius:7px;border:1px solid var(--card-border)}.skill-card h3{line-height:1.17}.card-progress i{background:#dbe9ed;height:6px}.card-progress .done,.round-meter .live{background:#329454}.skill-card .secondary{background:var(--tint);color:var(--accent);border-color:var(--card-border)}.panel{border:2px solid #c7ded6;border-radius:21px;background:#fffefa;box-shadow:0 4px #5d87741b}.round .panel{border-top:6px solid #3a95c9}.round .quiet,.inner .quiet{background:#f4fcf7;color:#215477;border:1px solid #b3d5c7}.skill-title,.district-title{padding:16px 19px;border:2px solid #aad5e7;border-radius:21px;background:linear-gradient(110deg,#f0faff,#d9f1ff);align-items:center}.skill-title.english{border-color:#edd1a3;background:linear-gradient(110deg,#fffaf0,#ffebca)}.district-title{background:linear-gradient(110deg,#f3ffef,#d9f4d7);border-color:#b0d4a5}.district-title>svg{color:#247054;width:42px;height:42px;flex:none}.phase{border:2px solid #cde2d6;background:#fffefa;border-radius:17px}.phase.next{border-color:#479e68;background:#f7fff4}.phase-number{background:#e0f2e0;color:#286040}.example,.answer-feedback{background:#e8f5f0;border-left:4px solid #6aaf83}.garage-car{background:radial-gradient(ellipse at 52% 44%,#3c799c 0,#1a4164 72%);border-color:#426e89;position:relative;overflow:hidden;isolation:isolate}.garage-car:before{content:"";position:absolute;z-index:-1;inset:auto -14% -36px;height:120px;border-top:4px dashed #85a7b3;transform:rotate(-11deg);background:#1b3950}.parent-gate,.cloud-panel{background:#fbfefa}.confirmation{display:flex;gap:8px;align-items:center;padding:8px 0}.confirmation input{min-width:20px;min-height:20px}.stat-card{background:#fcfffa;border:2px solid #c7e0cc}footer{border-color:#9bc3aa;background:#eaf8e6;border-radius:18px 18px 0 0}@media(max-width:850px){.hero{min-height:327px}.hero-car{inset:auto 5% 7% 13%}}@media(max-width:600px){.hero p{max-width:260px}.card-illustration{padding-inline:6px}.skill-icon{width:67px;height:56px}.skill-grid{gap:12px}}@media(max-width:450px){.world-backdrop{top:120px}.hero{min-height:365px}.hero-content{padding:19px 15px 0}.hero h1{font-size:clamp(2.5rem,12vw,3.35rem)}.track-art{width:100%;height:41%;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%);mask-image:linear-gradient(to bottom,transparent,#000 25%)}.hero-car{inset:auto 6% 0 auto;width:68%}.skill-card,.skill-card.english{padding:8px;border-radius:16px}.card-meta{font-size:.65rem;gap:2px}.subject,.track-badge{padding:3px 5px}.track-badge{font-size:.65rem}.skill-title,.district-title{padding:12px}}