:root{--bg:#08110f;--surface:#101c19;--surface-raised:#152521;--surface-soft:#1a2c27;--text:#edf6f1;--muted:#a1b3aa;--faint:#6f8279;--line:rgba(207,238,220,.13);--accent:#7ff0b2;--accent-strong:#26c878;--accent-dim:rgba(79,222,142,.12);--danger:#ffb4a8;--shadow:0 22px 60px rgba(0,0,0,.25);color-scheme:dark}:root[data-theme=light]{--bg:#f4f7f3;--surface:#fff;--surface-raised:#fff;--surface-soft:#e8f0ea;--text:#10211a;--muted:#3f574b;--faint:#5c7065;--line:rgba(23,58,40,.16);--accent:#08733d;--accent-strong:#056634;--accent-dim:rgba(8,115,61,.11);--danger:#a52b1d;--shadow:0 22px 60px rgba(24,58,39,.1);color-scheme:light}:root{--bg:#0b1220;--surface:#111b2b;--surface-raised:#172337;--surface-soft:#1a293d;--text:#edf2f7;--muted:#aab8c8;--faint:#77879a;--line:rgba(203,213,225,.14);--accent:#74dca4;--accent-strong:#3abf78;--accent-dim:rgba(116,220,164,.12);--danger:#ffaaa5;--shadow:0 18px 44px rgba(0,0,0,.2)}:root[data-theme=light]{--bg:#f6f8fb;--surface:#ffffff;--surface-raised:#ffffff;--surface-soft:#edf2f7;--text:#172033;--muted:#4e6074;--faint:#68798c;--line:rgba(43,59,79,.16);--accent:#16784a;--accent-strong:#10633d;--accent-dim:rgba(22,120,74,.1);--danger:#aa352d;--shadow:0 18px 44px rgba(30,41,59,.1)}h1{font-size:clamp(2.25rem,4vw,3.75rem);line-height:1.04}.landing-hero h1{max-width:720px}.rank-card{background:var(--surface);border-color:var(--line);box-shadow:none}.track-backend .command-center,.track-fullstack .command-center,.track-tester .command-center{background:transparent;padding-left:0}.track-backend .command-copy .eyebrow,.track-backend .rank-icon,.track-fullstack .command-copy .eyebrow,.track-fullstack .rank-icon,.track-tester .command-copy .eyebrow,.track-tester .rank-icon{color:var(--accent)}.command-center{gap:1.5rem}.completion-icon{box-shadow:0 0 0 8px var(--accent-dim)}body{background:var(--bg)}.landing-shell{margin:0 auto;max-width:1120px;padding:1.25rem 1.25rem 5rem}.landing-nav{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0 3.5rem}.landing-login{color:var(--muted);font-size:.88rem;font-weight:750;text-decoration:none}.landing-login:hover{color:var(--accent)}.landing-hero{max-width:760px;padding:3rem 0 5rem}.landing-hero>p:not(.eyebrow){color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7;max-width:650px}.landing-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.75rem}.landing-note{color:var(--faint);font-size:.78rem;margin-top:.85rem}.landing-proof{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.curriculum,.landing-proof article,.portfolio-callout{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1.35rem}.landing-proof svg{color:var(--accent)}.landing-proof h2{font-size:1.05rem;margin:.9rem 0 .4rem}.curriculum>div>p:not(.eyebrow),.landing-proof p,.portfolio-callout>p:not(.eyebrow){color:var(--muted);font-size:.9rem;line-height:1.6}.curriculum{display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:1rem}.curriculum ol{display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.curriculum li{align-items:center;background:var(--surface-soft);border-radius:.6rem;display:flex;font-size:.9rem;font-weight:700;gap:.7rem;padding:.65rem}.curriculum li span{color:var(--accent);font-size:.75rem}.portfolio-callout{background:linear-gradient(140deg,var(--accent-dim),var(--surface));margin-top:1rem;text-align:center}.portfolio-callout .button{margin-top:.5rem}.course-switcher{display:flex;gap:.5rem;margin:1.25rem 0 0}.course-switcher button{background:var(--surface);border:1px solid var(--line);border-radius:.6rem;color:var(--muted);font-weight:750;padding:.6rem .8rem}.course-switcher button.active{border-color:var(--accent);color:var(--accent)}@media (max-width:700px){.landing-nav{padding-bottom:1.5rem}.landing-hero{padding:1.5rem 0 3rem}.curriculum,.landing-proof{grid-template-columns:1fr}}.demo-button{margin-top:.65rem}.demo-badge{border:1px solid rgba(127,240,178,.25);border-radius:99px;color:var(--accent);font-size:.7rem;font-weight:800;padding:.35rem .55rem}.demo-badge,.demo-notice{background:var(--accent-dim)}.demo-notice{border:1px solid rgba(127,240,178,.25);border-radius:.7rem;color:var(--muted);font-size:.82rem;line-height:1.5;margin:1.25rem 0 0;padding:.7rem .85rem}.state-panel .button{margin-top:.5rem}.home-link{color:var(--muted);font-size:.8rem;font-weight:750;text-decoration:none}.home-link:hover{color:var(--accent)}.auth-page>.home-link{position:absolute;right:5.25rem;top:2.85rem}.state-panel>.home-link{display:inline-block;margin-bottom:1.5rem}.student-guide{background:var(--surface);border:1px solid var(--line);border-radius:1rem;margin-top:1.25rem;padding:1.2rem}.student-guide h2{font-size:1.1rem}.student-guide ol{color:var(--muted);display:grid;font-size:.88rem;gap:.45rem;line-height:1.5;padding-left:1.25rem}.student-guide .button{margin-top:.75rem}.check-results{display:grid;gap:.5rem;list-style:none;margin:1rem 0 0;padding:0}.check-results li{align-items:flex-start;background:var(--surface-soft);border-radius:.6rem;display:flex;font-size:.84rem;gap:.55rem;padding:.65rem}.check-results li.passed{color:var(--accent)}.check-results li.failed{color:var(--danger)}.check-results span{display:grid;gap:.15rem}.check-results small{color:var(--muted);line-height:1.4}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 90% -10%,rgba(74,223,142,.11),transparent 32rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{letter-spacing:-.035em}h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:.98;margin-bottom:1.15rem}h2{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.05;margin-bottom:.6rem}h3{font-size:1rem;margin-bottom:.75rem}code{background:var(--surface-soft);padding:.15rem .35rem;border-radius:.3rem;color:var(--accent)}.app-shell{width:min(1320px,calc(100% - 2.5rem));margin:0 auto;padding:1.25rem 0 4rem}.dashboard{padding-top:2.4rem}.topbar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:.7rem 0 1.25rem}.brand,.topbar{align-items:center}.brand{color:var(--text);display:inline-flex;font-weight:800;gap:.5rem;letter-spacing:-.035em;text-decoration:none}.brand svg{color:var(--accent);fill:var(--accent)}.topbar-actions{align-items:center;display:flex;gap:.55rem}.identity{color:var(--muted);font-size:.8rem;margin-right:.4rem;max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{align-items:center;background:transparent;border:1px solid var(--line);border-radius:.65rem;color:var(--muted);display:inline-flex;justify-content:center;min-height:2.4rem;min-width:2.4rem;transition:.18s ease}.icon-button:hover{border-color:var(--accent);color:var(--accent)}.eyebrow{color:var(--accent);display:flex;font-size:.7rem;font-weight:800;gap:.35rem;letter-spacing:.14em;margin-bottom:.75rem}.button,.eyebrow{align-items:center}.button{border:1px solid transparent;border-radius:.65rem;display:inline-flex;font-size:.9rem;font-weight:750;gap:.5rem;justify-content:center;line-height:1;min-height:2.85rem;padding:0 1rem;transition:transform .18s ease,background .18s ease,border .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.primary-button{background:var(--accent);color:#052514}.primary-button:hover:not(:disabled){background:#a1f8c7}.secondary-button{background:transparent;border-color:var(--line);color:var(--text)}.secondary-button:hover:not(:disabled),.text-button:hover{border-color:var(--accent);color:var(--accent)}.text-button{background:transparent;border-color:transparent;color:var(--muted)}.button:disabled{opacity:.45}.command-center{align-items:stretch;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) 260px;margin-bottom:1.4rem}.command-copy{padding:2rem 0 1.1rem}.command-copy>p:not(.eyebrow){color:var(--muted);font-size:1.05rem;line-height:1.65;margin-bottom:1.5rem;max-width:43rem}.rank-card{background:linear-gradient(145deg,rgba(55,192,109,.17),var(--surface));border:1px solid rgba(127,240,178,.27);border-radius:1rem;box-shadow:var(--shadow);display:flex;flex-direction:column;padding:1.25rem}.rank-icon{align-items:center;background:var(--accent-dim);border:1px solid rgba(127,240,178,.2);border-radius:.75rem;color:var(--accent);display:flex;height:2.7rem;justify-content:center;margin-bottom:1.25rem;width:2.7rem}.rank-card small,.rank-card>span{color:var(--muted);font-size:.78rem}.rank-card strong{font-size:1.55rem;margin:.25rem 0 1rem}.xp-track{background:var(--line);border-radius:99px;height:.45rem;margin-bottom:.55rem;overflow:hidden}.xp-track i{background:linear-gradient(90deg,var(--accent-strong),var(--accent));border-radius:inherit;display:block;height:100%}.progress-grid{display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin:1.4rem 0}.metric{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;gap:.8rem;padding:.9rem 1rem}.metric,.metric>span{align-items:center;display:flex}.metric>span{background:var(--accent-dim);border-radius:.55rem;color:var(--accent);height:2.2rem;justify-content:center;width:2.2rem}.metric svg{height:17px;width:17px}.metric small{color:var(--muted);display:block;font-size:.72rem;margin-bottom:.12rem}.metric strong{font-size:1rem}.track-backend .command-center{background:linear-gradient(90deg,rgba(56,139,253,.09),transparent 56%);border-radius:1rem;padding-left:1rem}.track-backend .command-copy .eyebrow,.track-backend .rank-icon{color:#7db7ff}.track-tester .command-center{background:linear-gradient(90deg,rgba(255,184,77,.1),transparent 56%);border-radius:1rem;padding-left:1rem}.track-tester .command-copy .eyebrow,.track-tester .rank-icon{color:#ffc76e}.track-fullstack .command-center{background:linear-gradient(90deg,rgba(190,126,255,.1),transparent 56%);border-radius:1rem;padding-left:1rem}.track-fullstack .command-copy .eyebrow,.track-fullstack .rank-icon{color:#d6a6ff}.import-banner,.principle{align-items:center;background:var(--accent-dim);border:1px solid rgba(127,240,178,.25);border-radius:.85rem;display:flex;justify-content:space-between;margin:1.3rem 0;padding:.9rem 1rem}.import-banner>div{align-items:center;display:flex;gap:.8rem}.mini-icon{align-items:center;background:var(--accent);border-radius:.5rem;color:#052514;display:inline-flex;height:2.2rem;justify-content:center;width:2.2rem}.import-banner strong{font-size:.92rem}.import-banner p{color:var(--muted);font-size:.8rem;margin:.2rem 0 0}.status-notice{align-items:center;color:var(--danger);display:flex;font-size:.88rem;gap:.4rem}.notice{color:var(--muted);font-size:.9rem;line-height:1.55}.track-tabs{border-bottom:1px solid var(--line);display:flex;gap:.25rem;margin-top:2rem;overflow-x:auto}.track-tab{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);min-width:13rem;padding:.75rem .9rem;text-align:left;transition:.18s ease}.track-tab small,.track-tab span{display:block}.track-tab span{font-size:.9rem;font-weight:750}.track-tab small{font-size:.72rem;margin-top:.2rem}.track-tab.active,.track-tab:hover{border-bottom-color:var(--accent);color:var(--text)}.track-tab.active small{color:var(--accent)}.challenge-library{align-items:end;background:var(--surface);border:1px solid var(--line);border-radius:.9rem;display:flex;gap:1rem;justify-content:space-between;margin-top:1.25rem;padding:1.1rem}.challenge-library .eyebrow{margin-bottom:.3rem}.challenge-library h2{font-size:1.1rem;margin-bottom:.25rem}.challenge-library p:not(.eyebrow){color:var(--muted);font-size:.8rem;margin-bottom:0}.library-controls{display:flex;gap:.5rem}.library-controls input,.library-controls select{background:var(--bg);border:1px solid var(--line);border-radius:.55rem;color:var(--text);min-height:2.5rem;padding:0 .7rem}.library-controls input{width:12rem}.empty-library{color:var(--muted);font-size:.82rem;padding:1rem .55rem}.code-callout{background:var(--accent-dim);border:1px solid rgba(127,240,178,.22);border-radius:.7rem;margin-top:1.1rem;padding:.8rem}.code-callout strong{color:var(--accent);font-size:.8rem}.code-callout p{color:var(--muted);font-size:.78rem;line-height:1.5;margin:.35rem 0 0}.evidence-fields{border-top:1px solid var(--line);margin:1rem 0;padding-top:.2rem}.ai-review{background:var(--surface-soft);border:1px solid var(--line);border-radius:.75rem;margin:1rem 0;padding:.85rem}.ai-review h3{font-size:.9rem;margin-bottom:.3rem}.ai-review p:not(.eyebrow){color:var(--muted);font-size:.76rem;line-height:1.45}.ai-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin:.7rem 0}.ai-review label{margin-bottom:0}.saved-evidence a{color:var(--accent);font-size:.85rem;font-weight:750}.code-workbench{border:1px solid var(--line);border-radius:.75rem;margin:1rem 0;max-width:100%;min-width:0;overflow:hidden}.editor-tabs{background:var(--surface-soft);border-bottom:1px solid var(--line);display:flex;gap:.15rem;overflow-x:auto;padding:.35rem}.editor-tabs button{background:transparent;border:0;border-radius:.4rem;color:var(--muted);flex:0 0 auto;font-size:.74rem;font-weight:800;padding:.45rem .65rem}.editor-tabs button.active{background:var(--surface);color:var(--accent)}.code-workbench [data-color-mode]{background:var(--bg)!important;max-height:360px;max-width:100%;min-width:0;overflow:auto!important}.code-workbench [data-color-mode] code,.code-workbench [data-color-mode] pre,.code-workbench [data-color-mode] textarea{max-width:100%!important;overflow-wrap:normal!important;overflow-x:auto!important;white-space:pre!important}.preview-heading{align-items:center;border-top:1px solid var(--line);color:var(--text);display:flex;font-size:.75rem;font-weight:800;justify-content:space-between;padding:.55rem .7rem}.preview-heading small{color:var(--faint);font-weight:500}.code-preview{background:white;border:0;border-top:1px solid var(--line);display:block;height:230px;max-width:100%;width:100%}.saved-code{border:1px solid var(--line);border-radius:.7rem;margin:1rem 0;overflow:hidden}.saved-code .preview-heading{border-top:0}.saved-code details{border-top:1px solid var(--line)}.saved-code summary{color:var(--accent);cursor:pointer;font-size:.8rem;font-weight:800;padding:.7rem}.saved-code h4{color:var(--muted);font-size:.72rem;letter-spacing:.08em;margin:.8rem .8rem .3rem}.saved-code pre{background:var(--bg);border:1px solid var(--line);border-radius:.45rem;color:var(--text);font:.75rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0 .8rem .8rem;max-height:18rem;max-width:calc(100% - 1.6rem);overflow:auto;padding:.7rem;white-space:pre}.workspace{display:grid;gap:1.25rem;grid-template-columns:295px minmax(0,1fr);margin-top:1.25rem}.mission-workspace,.roadmap{background:var(--surface);border:1px solid var(--line);border-radius:1rem}.roadmap{align-self:start;padding:1rem;position:sticky;top:1rem}.section-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:.8rem}.section-heading h2{font-size:1rem;margin:0}.section-heading .eyebrow{margin-bottom:.3rem}.section-heading>span{color:var(--accent);font-size:.75rem;font-weight:800}.mission-map{display:grid}.mission-node{background:transparent;border:0;border-radius:.7rem;color:var(--text);display:flex;gap:.7rem;padding:.75rem .55rem;position:relative;text-align:left;width:100%}.mission-node:not(:last-child):after{background:var(--line);content:"";height:calc(100% - 1rem);left:1.1rem;position:absolute;top:2rem;width:1px}.mission-node.selected,.mission-node:hover:not(:disabled){background:var(--surface-soft)}.mission-node:disabled{color:var(--faint)}.mission-node em,.mission-node small{color:var(--muted);display:block;font-size:.68rem;font-style:normal}.mission-node em{color:var(--faint);margin-top:.15rem}.mission-node strong{display:block;font-size:.83rem;line-height:1.25;margin-top:.12rem}.node-status{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:50%;color:var(--muted);display:flex;flex:0 0 auto;font-size:.7rem;height:1.15rem;justify-content:center;position:relative;width:1.15rem;z-index:1}.mission-node.complete .node-status{background:var(--accent);border-color:var(--accent);color:#052514}.mission-workspace{min-width:0;padding:clamp(1.1rem,3vw,2rem)}.mission-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.65rem}.mission-header>div>p:not(.eyebrow){color:var(--muted);line-height:1.55;margin-bottom:0;max-width:42rem}.xp-pill{align-items:center;background:var(--accent-dim);border:1px solid rgba(127,240,178,.2);border-radius:99px;color:var(--accent);display:flex;flex:0 0 auto;font-size:.76rem;font-weight:800;gap:.3rem;padding:.45rem .65rem}.brief-grid{display:grid;gap:1.6rem;grid-template-columns:minmax(220px,.8fr) minmax(350px,1.2fr)}.mission-brief{border-right:1px solid var(--line);padding-right:1.5rem}.mission-brief>p{color:var(--muted);font-size:.93rem;line-height:1.65}.rubric{border-top:1px solid var(--line);margin-top:1.3rem;padding-top:1.2rem}.rubric ul{list-style:none;margin:0;padding:0}.rubric li{align-items:flex-start;color:var(--muted);display:flex;font-size:.83rem;gap:.45rem;line-height:1.45;margin:.65rem 0}.rubric li svg{color:var(--accent);flex:0 0 auto;margin-top:.1rem}.response-panel label{color:var(--text);display:grid;font-size:.86rem;font-weight:750;gap:.5rem;margin-bottom:1.2rem}.response-panel label small{color:var(--faint);font-size:.7rem;font-weight:500}.auth-card input,.response-panel textarea{background:var(--bg);border:1px solid var(--line);border-radius:.7rem;color:var(--text);padding:.8rem;resize:vertical;width:100%}.auth-card input::placeholder,.response-panel textarea::placeholder{color:var(--faint)}.editor-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.saved-evidence{background:var(--surface-soft);border:1px solid var(--line);border-radius:.8rem;padding:1rem}.saved-evidence .eyebrow{color:var(--accent)}.saved-evidence div p,.saved-evidence>p:not(.eyebrow){color:var(--muted);font-size:.9rem;line-height:1.65}.saved-evidence div{border-top:1px solid var(--line);margin-top:1rem;padding-top:.9rem}.saved-evidence small{color:var(--faint);font-size:.73rem}.completion-panel{align-items:center;display:flex;flex-direction:column;margin:2rem auto;max-width:34rem;padding:2rem 1rem;text-align:center}.completion-icon{align-items:center;background:var(--accent);border-radius:50%;box-shadow:0 0 0 10px var(--accent-dim);color:#052514;display:flex;height:4.2rem;justify-content:center;margin-bottom:1.4rem;width:4.2rem}.completion-panel>p:not(.eyebrow){color:var(--muted);line-height:1.65}.completion-panel strong{color:var(--accent)}.principle{align-items:flex-start;gap:.75rem;justify-content:flex-start;margin-top:1.3rem}.principle>svg{color:var(--accent);flex:0 0 auto;margin-top:.1rem}.principle .eyebrow{margin-bottom:.35rem}.principle p:last-child{color:var(--muted);font-size:.84rem;line-height:1.5;margin-bottom:0}.auth-page{align-items:center;display:grid;gap:clamp(2rem,8vw,8rem);grid-template-columns:minmax(0,1fr) minmax(340px,440px);margin:0 auto;min-height:100vh;padding:2rem;position:relative;width:min(1100px,100%)}.auth-page>.icon-button{position:absolute;right:2rem;top:2rem}.auth-intro>p:not(.eyebrow):not(.brand){color:var(--muted);font-size:1.05rem;line-height:1.7;max-width:35rem}.auth-intro .brand{margin-bottom:3rem}.auth-benefits{display:grid;gap:.7rem;margin-top:2rem}.auth-benefits span{align-items:center;color:var(--muted);display:flex;font-size:.86rem;gap:.5rem}.auth-benefits svg{color:var(--accent);height:16px;width:16px}.auth-card,.state-panel{background:var(--surface);border:1px solid var(--line);border-radius:1rem;box-shadow:var(--shadow);padding:clamp(1.3rem,4vw,2.1rem)}.auth-card label{display:grid;font-size:.84rem;font-weight:750;gap:.5rem;margin:1.5rem 0 .9rem}.auth-card .button{width:100%}.auth-card small{color:var(--faint);display:block;font-size:.74rem;line-height:1.45;margin-top:1rem}.state-panel{margin:10vh auto;max-width:38rem;text-align:center}.loading-orb,.state-panel .mini-icon{margin:0 auto 1.2rem}.state-panel>p:last-child{color:var(--muted);line-height:1.65}.loading-orb{animation:pulse 1.4s ease-in-out infinite;background:var(--accent);border-radius:50%;box-shadow:0 0 0 12px var(--accent-dim);display:block;height:1rem;width:1rem}@keyframes pulse{50%{box-shadow:0 0 0 21px transparent;transform:scale(.85)}}@media (max-width:880px){.brief-grid,.command-center,.workspace{grid-template-columns:1fr}.progress-grid{grid-template-columns:repeat(2,1fr)}.challenge-library{align-items:stretch;flex-direction:column}.roadmap{position:static}.mission-brief{border-bottom:1px solid var(--line);border-right:0;padding-bottom:1.3rem;padding-right:0}.command-copy{padding-top:1rem}.rank-card{min-height:0}.auth-page{grid-template-columns:1fr;padding-top:6rem}.auth-intro .brand{margin-bottom:1.5rem}}@media (max-width:600px){h1{font-size:clamp(2.15rem,11vw,2.8rem)}.app-shell{width:min(100% - 1.25rem,1320px);padding-bottom:2.5rem;padding-top:.7rem}.topbar{gap:.5rem;padding-bottom:.8rem}.brand{font-size:.92rem}.topbar-actions{gap:.35rem}.demo-badge,.identity,.topbar-actions .home-link{display:none}.dashboard{padding-top:1.25rem}.course-switcher{margin-top:.75rem;overflow-x:auto;padding-bottom:.2rem}.course-switcher button{flex:0 0 auto;min-height:2.75rem}.command-center{gap:1rem}.command-copy{padding:.85rem 0 0}.command-copy>p:not(.eyebrow){font-size:.98rem;line-height:1.55}.command-copy .button,.landing-actions .button{width:100%}.rank-card{padding:1rem}.rank-icon{margin-bottom:.8rem}.progress-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:1rem 0}.metric{align-items:flex-start;flex-direction:column;gap:.5rem;min-width:0;padding:.8rem}.metric strong{font-size:.9rem}.track-tabs{margin-top:1.25rem}.track-tab{min-width:9.5rem;min-height:3.8rem}.challenge-library{gap:.8rem;padding:.9rem}.library-controls{flex-direction:column}.library-controls input,.library-controls select{min-height:2.8rem;width:100%}.workspace{gap:.8rem;margin-top:.8rem}.roadmap{overflow:hidden;padding:.8rem}.mission-map{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.35rem;scroll-snap-type:x proximity}.mission-node{background:var(--surface-soft);flex:0 0 13.5rem;min-height:5.4rem;padding:.7rem;scroll-snap-align:start}.mission-node:not(:last-child):after{display:none}.mission-node strong{font-size:.8rem}.mission-workspace{padding:1rem}.mission-header{flex-direction:column;gap:.7rem;margin-bottom:1.1rem}.xp-pill{align-self:flex-start}.brief-grid{gap:1.1rem}.response-panel textarea{min-height:9rem}.code-workbench [data-color-mode]{max-height:290px}.code-preview{height:190px}.preview-heading{gap:.15rem}.import-banner,.preview-heading{align-items:flex-start;flex-direction:column}.editor-actions .button,.import-banner .button{width:100%}.principle{align-items:flex-start}.landing-shell{padding:1rem 1rem 3rem}.landing-nav{gap:.75rem;padding-bottom:1.5rem}.landing-hero{padding:1.5rem 0 2.5rem}.landing-actions{display:grid}.auth-page{min-height:auto;padding:5rem 1.25rem 2rem}.auth-page>.icon-button{right:1.25rem;top:1.25rem}.auth-page>.home-link{left:1.25rem;right:auto;top:2rem}}@media (min-width:601px) and (max-width:880px){.workspace{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}