:root{color-scheme:light;font-family:Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif;font-synthesis:none;--color-white: #ffffff;--color-ivory: #fcfbf7;--color-neutral-50: #f7f8fa;--color-neutral-100: #eef1f4;--color-neutral-200: #dce1e7;--color-neutral-400: #98a2b3;--color-neutral-600: #475467;--color-navy-950: #0b1b33;--color-navy-800: #17345c;--color-cobalt-700: #1754b5;--color-cobalt-600: #1f66d1;--color-cobalt-100: #eaf2ff;--color-green-700: #246b2a;--color-green-100: #eff7eb;--color-amber-700: #a3460a;--color-amber-100: #fff3e2;--color-red-700: #b42318;--color-red-100: #feeceb;--color-code-keyword: #7cb7ff;--color-code-number: #ffc76a;--color-code-string: #8fd694;--color-code-type: #d5b3ff;--color-code-function: #7ddde8;--color-code-operator: #c8d3e1;--color-code-error: #ff8a80;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--header-height: 68px;--sidebar-width: 232px;--content-max: 1120px}*{box-sizing:border-box}html{background:var(--color-ivory)}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-navy-950);background:var(--color-ivory);-webkit-font-smoothing:antialiased}button,select,textarea,input{font:inherit}a{color:inherit}button,a,select,input,textarea,[tabindex]:not([tabindex="-1"]){outline:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--color-cobalt-600);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-white);background:var(--color-navy-950);border-radius:var(--radius-md);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.profile-boundary{min-height:100vh;margin:0;padding:var(--space-6);display:grid;place-content:center;gap:var(--space-4);text-align:center}.profile-boundary button,.profile-save-alert button{min-height:40px;padding:0 var(--space-4);color:var(--color-white);background:var(--color-cobalt-600);border:0;border-radius:var(--radius-md);cursor:pointer}.profile-save-alert{position:fixed;z-index:90;right:var(--space-4);bottom:var(--space-4);max-width:min(360px,calc(100vw - var(--space-8)));padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);color:var(--color-navy-950);background:var(--color-white);border:1px solid var(--color-red-700);border-radius:var(--radius-md);box-shadow:0 12px 32px #0b1b3329}.profile-save-alert p{margin:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:var(--header-height) minmax(0,1fr)}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:var(--sidebar-width);padding:28px 16px 24px;display:flex;flex-direction:column;background:var(--color-white);border-right:1px solid var(--color-neutral-200)}.brand-lockup{display:grid;gap:5px;padding-inline:12px}.brand-lockup strong{font-size:18px;letter-spacing:-.02em}.brand-lockup span{color:var(--color-neutral-600);font-size:12px}.primary-nav{margin-top:42px;display:grid;gap:8px}.nav-link,.settings-link{min-height:44px;padding:0 12px;display:flex;align-items:center;gap:12px;color:var(--color-navy-950);text-decoration:none;border-radius:var(--radius-md);font-size:14px;font-weight:600}.nav-link:hover,.settings-link:hover{background:var(--color-neutral-50)}.nav-link.is-active{color:var(--color-cobalt-600);background:var(--color-cobalt-100)}.settings-link{margin-top:18px;color:var(--color-neutral-600)}.sidebar-progress{margin-top:auto;padding:0 12px;display:grid;gap:7px}.sidebar-progress>span{color:var(--color-cobalt-600);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:800}.sidebar-progress>strong{font-size:12px}.sidebar-progress [role=progressbar]{height:6px;margin-top:5px;overflow:hidden;background:var(--color-neutral-100);border-radius:999px}.sidebar-progress [role=progressbar] span{height:100%;display:block;background:var(--color-cobalt-600);border-radius:999px}.app-header{position:sticky;top:0;z-index:10;grid-column:2;min-width:0;height:var(--header-height);padding:0 40px;display:flex;align-items:center;gap:28px;background:#fffffff5;border-bottom:1px solid var(--color-neutral-200)}.app-header strong{font-size:16px}.app-header span{color:var(--color-neutral-600);font-size:14px}.app-header__actions{margin-left:auto;display:flex;align-items:center;gap:12px}.mobile-menu-button,.mobile-navigation-layer{display:none}.app-main{grid-column:2;min-width:0;padding:40px 48px 72px}.content-frame{width:min(100%,var(--content-max));margin-inline:auto}.public-landing{min-height:100vh}.public-landing__header{min-height:var(--header-height);padding:0 48px;display:flex;align-items:center;background:var(--color-white);border-bottom:1px solid var(--color-neutral-200)}.public-landing>main{padding:40px 48px 72px}.auth-error{width:min(calc(100% - 32px),520px);margin:12vh auto 0;padding:36px}.auth-error h1{margin:0;font-size:30px;letter-spacing:-.035em}.auth-error>p:not(.page-eyebrow){margin:14px 0 28px;color:var(--color-neutral-600);line-height:1.65}.page-eyebrow{margin:0 0 16px;color:var(--color-cobalt-600);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:700}.page-title{margin:0;max-width:760px;font-size:clamp(36px,4vw,52px);line-height:1.18;letter-spacing:-.045em}.page-description{margin:22px 0 0;max-width:720px;color:var(--color-neutral-600);font-size:16px;line-height:1.7}.surface{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.language-select select{width:132px;height:44px;padding:0 38px 0 16px;color:var(--color-navy-950);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);font-size:14px;font-weight:600}.button{min-width:152px;height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:var(--radius-md);text-decoration:none;font-size:14px;font-weight:700;cursor:pointer}.button--large{min-width:176px;height:52px;padding-inline:24px}.button--primary{color:var(--color-white);background:var(--color-cobalt-600)}.button--primary:hover{background:var(--color-cobalt-700)}.button--secondary{color:var(--color-cobalt-600);background:var(--color-white);border-color:var(--color-neutral-200)}.button--secondary:hover,.button--ghost:hover{background:var(--color-neutral-50)}.button--ghost{color:var(--color-cobalt-600);background:transparent}.button:disabled{color:var(--color-neutral-400);background:var(--color-neutral-100);border-color:transparent;cursor:not-allowed}.page-actions{margin-top:36px;display:flex;flex-wrap:wrap;gap:12px}.status-badge{width:fit-content;padding:5px 9px;display:inline-flex;align-items:center;border-radius:999px;font-size:12px;font-weight:800}.status-badge--green{color:var(--color-green-700);background:var(--color-green-100)}.status-badge--blue{color:var(--color-cobalt-700);background:var(--color-cobalt-100)}.landing-hero{min-height:510px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);align-items:center;gap:72px}.landing-path-card{padding:28px}.landing-path-card>strong{margin-top:20px;display:block;font-size:23px;letter-spacing:-.025em}.landing-path-card>p{margin:8px 0 22px;color:var(--color-neutral-600);font-size:14px;line-height:1.6}.landing-path-card ol{padding:0;margin:0;display:grid;gap:5px;list-style:none}.landing-path-card li{min-height:42px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700}.landing-path-card li span{width:28px;height:28px;display:grid;place-items:center;color:var(--color-cobalt-600);background:var(--color-cobalt-100);border-radius:999px;font-size:12px}.landing-path-card>a{margin-top:22px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;color:var(--color-cobalt-600);border-top:1px solid var(--color-neutral-200);text-decoration:none;font-size:14px;font-weight:800}.depth-section{padding:52px 0 20px;border-top:1px solid var(--color-neutral-200)}.depth-section h2,.section-heading h1,.focus-intro h1,.assessment-question h1{margin:0;font-size:32px;line-height:1.28;letter-spacing:-.035em}.depth-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.depth-card{min-height:188px;padding:24px}.depth-card>svg{color:var(--color-cobalt-600)}.depth-card h3{margin:28px 0 8px;font-size:18px}.depth-card p{margin:0;color:var(--color-neutral-600);font-size:14px;line-height:1.65}.landing-dashboard{display:grid;gap:32px}.landing-dashboard__hero{min-height:360px;padding:32px 40px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);align-items:center;gap:48px}.landing-dashboard__hero .page-title{max-width:670px;font-size:clamp(34px,3.2vw,44px)}.landing-dashboard__hero .page-description{max-width:670px;margin-top:16px;line-height:1.55}.landing-dashboard__hero .page-actions{margin-top:28px}.landing-current-card{padding:24px;background:var(--color-cobalt-100);border:1px solid rgb(31 102 209 / 35%);border-radius:var(--radius-lg)}.landing-current-card>strong{display:block;font-size:23px;letter-spacing:-.025em}.landing-current-card>p{margin:8px 0 0;color:var(--color-neutral-600);font-size:13px;line-height:1.5}.landing-current-card__progress{margin-top:24px;display:grid;gap:9px}.landing-current-card__progress>span{color:var(--color-cobalt-600);font-size:12px;font-weight:800}.landing-current-card__progress [role=progressbar]{height:7px;overflow:hidden;background:var(--color-white);border-radius:999px}.landing-current-card__progress [role=progressbar] span{width:25%;height:100%;display:block;background:var(--color-cobalt-600);border-radius:999px}.landing-current-card__stages{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.landing-current-card__stages span{min-height:38px;padding:4px;display:grid;place-items:center;color:var(--color-neutral-600);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:8px;text-align:center;font-size:12px;font-weight:700}.landing-current-card__stages span.is-active{color:var(--color-cobalt-600);border-color:#1f66d140}.landing-current-card>.button{width:100%;margin-top:14px}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-feature-grid .depth-card{min-height:198px}.landing-feature-grid .depth-card>svg{padding:9px;box-sizing:content-box;background:var(--color-cobalt-100);border-radius:var(--radius-md)}.landing-feature-grid .depth-card:nth-child(2)>svg{color:var(--color-green-700);background:var(--color-green-100)}.landing-feature-grid .depth-card:nth-child(3)>svg{color:var(--color-amber-700);background:var(--color-amber-100)}.landing-mastery-map{padding:24px}.landing-mastery-map>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-mastery-map h2{margin:0;font-size:19px}.landing-mastery-map header>span{color:var(--color-cobalt-600);font-size:12px;font-weight:700}.landing-mastery-map ol{padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;list-style:none}.landing-mastery-map li{min-height:70px;padding:12px;display:grid;align-content:space-between;color:var(--color-neutral-600);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md)}.landing-mastery-map li.is-active{color:var(--color-cobalt-600);background:var(--color-cobalt-100);border-color:var(--color-cobalt-600)}.landing-mastery-map li span{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.landing-mastery-map li strong{color:var(--color-navy-950);font-size:13px}.focus-page,.assessment-page{min-height:100vh;background:var(--color-ivory)}.focus-header,.assessment-header{min-height:var(--header-height);padding:0 36px;display:flex;align-items:center;gap:16px;background:var(--color-white);border-bottom:1px solid var(--color-neutral-200)}.focus-header>strong,.assessment-header>strong{font-size:16px;letter-spacing:-.01em}.focus-header>span{margin-left:auto;color:var(--color-neutral-600);font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700}.focus-back{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md)}.focus-content{width:min(100% - 48px,980px);margin-inline:auto;padding:52px 0 80px}.focus-intro>p:last-child,.section-heading>div>p:last-child,.assessment-question>p:last-of-type{margin:12px 0 0;color:var(--color-neutral-600);line-height:1.7}.choice-section{padding:0;margin:42px 0 0;border:0}.choice-section legend{font-size:18px;font-weight:800}.choice-section>p{margin:7px 0 16px;color:var(--color-neutral-600);font-size:14px}.language-choice-grid,.experience-choice-grid{display:grid;gap:12px}.language-choice-grid{grid-template-columns:repeat(4,1fr)}.experience-choice-grid{grid-template-columns:repeat(3,1fr)}.choice-card{position:relative;min-height:146px;padding:22px;display:flex;flex-direction:column;gap:9px;background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer}.choice-card:hover{border-color:var(--color-neutral-400)}.choice-card:has(input:checked){background:var(--color-cobalt-100);border-color:var(--color-cobalt-600)}.choice-card:has(input:focus-visible){outline:2px solid var(--color-cobalt-600);outline-offset:3px}.choice-card input{position:absolute;width:1px;height:1px;opacity:0}.choice-card__indicator{width:18px;height:18px;margin-left:auto;display:block;background:var(--color-white);border:1px solid var(--color-neutral-400);border-radius:999px}.choice-card:has(input:checked) .choice-card__indicator{background:var(--color-cobalt-600);border:5px solid var(--color-white);outline:1px solid var(--color-cobalt-600)}.choice-card strong{font-size:17px}.choice-card small{color:var(--color-neutral-600);font-size:13px;line-height:1.55}.choice-card--compact{min-height:126px}.preference-row{margin-top:36px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.preference-row p{margin:5px 0 0;color:var(--color-neutral-600);font-size:13px;line-height:1.6}.focus-actions,.assessment-actions{margin-top:28px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--color-neutral-200)}.focus-actions>span,.assessment-actions>span{color:var(--color-neutral-600);font-size:13px}.onboarding-form .button--large{font-size:16px}.assessment-header{justify-content:space-between}.assessment-progress{display:flex;align-items:center;gap:14px;color:var(--color-neutral-600);font-size:13px}.assessment-progress>div{width:200px;height:6px;overflow:hidden;background:var(--color-neutral-100);border-radius:999px}.assessment-progress>div>span{width:100%;height:100%;display:block;background:var(--color-cobalt-600)}.assessment-lock{display:inline-flex;align-items:center;gap:6px;color:var(--color-neutral-600);font-size:13px;font-weight:700}.assessment-card{width:min(100% - 48px,760px);margin:52px auto 80px;padding:36px}.assessment-question pre{margin:28px 0 0;padding:22px;overflow-x:auto;color:var(--color-neutral-100);background:var(--color-navy-950);border-radius:var(--radius-md);font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;line-height:1.7}.answer-list{padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:0}.answer-list label{min-height:54px;display:grid;place-items:center;background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);font-weight:700;cursor:pointer}.answer-list label:has(input:checked){color:var(--color-cobalt-600);background:var(--color-cobalt-100);border-color:var(--color-cobalt-600)}.answer-list label:has(input:focus-visible){outline:2px solid var(--color-cobalt-600);outline-offset:3px}.answer-list input{position:absolute;opacity:0}.diagnostic-result{margin-top:24px;padding:18px 20px;display:flex;gap:12px;color:var(--color-green-700);background:var(--color-green-100);border-radius:var(--radius-md)}.diagnostic-result p{margin:4px 0 0;font-size:13px;line-height:1.5}.curriculum-page{display:grid;gap:36px}.problem-bank-page{display:grid;gap:28px}.problem-bank-heading>strong{min-width:92px;padding:12px 16px;color:var(--color-cobalt-700);background:var(--color-cobalt-100);border-radius:999px;text-align:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.problem-filters{padding:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.problem-search,.problem-filter{min-width:0;display:grid;gap:7px}.problem-search{grid-column:span 2}.problem-search>span:first-child,.problem-filter>span{color:var(--color-neutral-600);font-size:12px;font-weight:700}.problem-search__control{position:relative;display:flex;align-items:center}.problem-search__control>svg{position:absolute;left:14px;color:var(--color-neutral-600);pointer-events:none}.problem-search input,.problem-filter select{width:100%;height:44px;color:var(--color-navy-950);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);font-size:14px}.problem-search input{padding:0 14px 0 42px}.problem-filter select{padding:0 34px 0 12px}.problem-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.problem-card{min-width:0;padding:24px;display:grid;align-content:start;gap:18px}.problem-card__topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.difficulty,.server-related{width:fit-content;padding:5px 9px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-size:11px;font-weight:800}.difficulty--easy{color:var(--color-green-700);background:var(--color-green-100)}.difficulty--medium{color:var(--color-amber-700);background:var(--color-amber-100)}.difficulty--hard{color:var(--color-red-700);background:var(--color-red-100)}.server-related{color:var(--color-cobalt-700);background:var(--color-cobalt-100)}.problem-card h2{margin:0;font-size:20px;letter-spacing:-.025em}.problem-card h2 a{text-decoration:none}.problem-card h2 a:hover{color:var(--color-cobalt-600);text-decoration:underline;text-underline-offset:4px}.problem-card__concepts{margin:7px 0 0;color:var(--color-neutral-600);font-size:13px}.problem-card__facts{padding:14px 0;margin:0;display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;border-block:1px solid var(--color-neutral-200)}.problem-card__facts>div{min-width:0;display:grid;gap:5px}.problem-card__facts dt{display:flex;align-items:center;gap:5px;color:var(--color-neutral-600);font-size:11px}.problem-card__facts dd{margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:700}.prerequisite-note{padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 8px;color:var(--color-amber-700);background:var(--color-amber-100);border-radius:var(--radius-md)}.prerequisite-note.is-met{color:var(--color-green-700);background:var(--color-green-100)}.prerequisite-note>svg{grid-row:span 2}.prerequisite-note span{font-size:12px;font-weight:800}.prerequisite-note small{overflow:hidden;color:var(--color-neutral-600);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.language-status-list{padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;list-style:none}.language-status-list li{min-width:0;padding:9px 6px;display:grid;gap:3px;background:var(--color-neutral-50);border-radius:var(--radius-sm);text-align:center}.language-status-list span,.language-status-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-status-list span{color:var(--color-neutral-600);font-size:10px}.language-status-list strong{font-size:11px}.empty-filter-result{padding:48px 24px;text-align:center}.empty-filter-result h2{margin:0}.empty-filter-result p{color:var(--color-neutral-600)}.empty-filter-result button{min-height:44px;padding-inline:18px;color:var(--color-cobalt-700);background:var(--color-cobalt-100);border:0;border-radius:var(--radius-md);font-weight:700;cursor:pointer}.daily-snippet-empty>svg{margin-bottom:12px;color:var(--color-cobalt-600)}.daily-snippet-page{display:grid;gap:28px}.daily-snippet-page .section-heading h1,.daily-snippet-practice-header h1{margin:6px 0 10px;color:var(--color-navy-950);font-size:clamp(32px,4vw,48px);letter-spacing:-.04em}.daily-snippet-page .section-heading p:last-child,.daily-snippet-practice-header p:last-child,.daily-snippet-setup>div:first-child>p:last-child,.daily-snippet-current__copy>p,.daily-snippet-step p{margin-block:0;color:var(--color-neutral-600);line-height:1.7}.daily-snippet-state,.daily-snippet-setup,.daily-snippet-current,.daily-snippet-editor-card,.daily-snippet-result{padding:28px}.daily-snippet-state{text-align:center}.daily-snippet-setup{display:grid;gap:24px}.daily-snippet-setup h2,.daily-snippet-current h2,.daily-snippet-editor-card h2,.daily-snippet-result h2{margin:4px 0 8px}.daily-snippet-track-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.daily-snippet-track{padding:22px;display:grid;justify-items:start;gap:14px;background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md)}.daily-snippet-track h3,.daily-snippet-track p{margin:0}.daily-snippet-track p{min-height:48px;color:var(--color-neutral-600);line-height:1.6}.daily-snippet-current{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px}.daily-snippet-email{align-items:center;display:flex;gap:var(--space-6);justify-content:space-between;padding:var(--space-6)}.daily-snippet-email h2{margin:var(--space-1) 0 var(--space-2)}.daily-snippet-email p:last-child{color:var(--color-neutral-600);margin-bottom:0}.daily-snippet-current__copy{display:grid;justify-items:start;gap:10px}.daily-snippet-meta{display:flex;flex-wrap:wrap;gap:8px}.daily-snippet-meta span,.daily-snippet-practice-header>span{padding:5px 9px;color:var(--color-neutral-600);background:var(--color-neutral-100);border-radius:999px;font-size:12px;font-weight:700}.daily-snippet-status{width:fit-content;padding:5px 10px;color:var(--color-cobalt-700);background:var(--color-cobalt-100);border-radius:999px;font-size:12px;font-weight:800}.daily-snippet-status.is-completed{color:var(--color-green-700);background:var(--color-green-100)}.daily-snippet-status.is-retry{color:var(--color-amber-700);background:var(--color-amber-100)}.daily-snippet-current__actions,.daily-snippet-actions{display:flex;flex-wrap:wrap;gap:12px}.daily-snippet-current__actions{align-items:stretch;flex-direction:column}.daily-snippet-history-list{padding:0;margin:0;display:grid;gap:12px;list-style:none}.daily-snippet-history-list li{padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px}.daily-snippet-history-list h2,.daily-snippet-history-list p{margin:4px 0 0}.daily-snippet-history-list div>span,.daily-snippet-history-list p{color:var(--color-neutral-600);font-size:13px}.daily-snippet-practice{max-width:980px}.daily-snippet-practice-header{display:flex;align-items:start;justify-content:space-between;gap:24px}.daily-snippet-editor-card{display:grid;gap:20px;overflow:hidden}.daily-snippet-step{display:flex;align-items:center;gap:14px}.daily-snippet-step>span{width:38px;height:38px;display:grid;flex:0 0 auto;place-items:center;color:var(--color-white);background:var(--color-cobalt-600);border-radius:50%;font-weight:800}.daily-snippet-editor-card .shadow-editor-shell,.daily-snippet-editor-card .code-editor{border-radius:var(--radius-md);overflow:hidden}.daily-snippet-editor-card .code-editor .cm-editor,.daily-snippet-editor-card .code-editor .cm-scroller{min-height:360px}.daily-snippet-actions{justify-content:flex-end}.daily-snippet-submit-error{margin:0;color:var(--color-red-700)}.daily-snippet-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}.daily-snippet-result.is-passed>svg{color:var(--color-green-700)}.daily-snippet-result.is-wrong_answer>svg{color:var(--color-amber-700)}.daily-snippet-comparison{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.daily-snippet-comparison section{min-width:0;overflow:hidden;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md)}.daily-snippet-comparison h3{padding:12px 16px;margin:0;background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);font-size:13px}.daily-snippet-comparison pre{min-height:180px;padding:18px;margin:0;overflow:auto;color:var(--color-neutral-100);background:var(--color-navy-950);font-family:JetBrains Mono,ui-monospace,monospace;line-height:1.65}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px}@media(max-width:700px){.daily-snippet-page .section-heading,.daily-snippet-practice-header{align-items:stretch;flex-direction:column}.daily-snippet-current,.daily-snippet-history-list li,.daily-snippet-result{grid-template-columns:1fr}.daily-snippet-email{align-items:stretch;flex-direction:column}.daily-snippet-current__actions,.daily-snippet-current__actions .button,.daily-snippet-email .button,.daily-snippet-history-list .button,.daily-snippet-actions .button{width:100%}.daily-snippet-state,.daily-snippet-setup,.daily-snippet-current,.daily-snippet-editor-card,.daily-snippet-result{padding:20px}.daily-snippet-history-list .daily-snippet-status{grid-row:1}.daily-snippet-comparison{grid-template-columns:1fr}}.path-summary{min-width:230px;padding:18px 20px;display:grid;gap:4px}.path-summary span,.path-summary small{color:var(--color-neutral-600);font-size:12px}.current-lesson{padding:28px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;border-color:var(--color-cobalt-600)}.current-lesson__icon{width:64px;height:64px;display:grid;place-items:center;color:var(--color-cobalt-600);background:var(--color-cobalt-100);border-radius:var(--radius-lg)}.current-lesson h2{margin:10px 0 6px;font-size:24px;letter-spacing:-.025em}.current-lesson p{margin:0;color:var(--color-neutral-600);font-size:14px;line-height:1.6}.current-lesson ul{padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:18px;list-style:none;font-size:12px;font-weight:700}.current-lesson li{display:inline-flex;align-items:center;gap:5px}.current-lesson li:first-child{color:var(--color-green-700)}.current-lesson__action{display:grid;justify-items:end;gap:10px}.current-lesson__action>span{color:var(--color-neutral-600);font-size:12px}.locked-track-section{margin-top:4px}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-title-row h2{margin:0;font-size:22px}.section-title-row p{margin:7px 0 0;color:var(--color-neutral-600);font-size:14px}.section-title-row>span{color:var(--color-neutral-600);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.locked-track-grid{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.locked-track-card{position:relative;min-height:156px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:var(--color-neutral-600);text-align:left}.locked-track-card:disabled{cursor:not-allowed}.locked-track-card strong{color:var(--color-navy-950);font-size:16px}.locked-track-card small{font-size:12px}.locked-track-card__lock{position:absolute;top:20px;right:20px}.curriculum-note{min-height:58px;padding:0 20px;display:flex;align-items:center;gap:14px;color:var(--color-green-700);background:var(--color-green-100);border-radius:var(--radius-md);font-size:13px}.curriculum-note span{color:var(--color-neutral-600)}.curriculum-note svg{margin-left:auto}.toggle{min-width:48px;min-height:44px;padding:8px 0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer}.toggle__track{position:relative;width:48px;height:28px;padding:3px;display:block;background:var(--color-neutral-200);border-radius:999px;transition:background-color .15s ease}.toggle__thumb{width:22px;height:22px;display:block;background:var(--color-white);border-radius:999px;transition:transform .15s ease}.toggle[aria-checked=true] .toggle__track{background:var(--color-cobalt-600)}.toggle[aria-checked=true] .toggle__thumb{transform:translate(20px)}.toggle:disabled{cursor:not-allowed;opacity:.55}.learning-shell{min-height:100vh;background:var(--color-ivory)}.learning-header{height:var(--header-height);padding:0 32px;display:flex;align-items:center;gap:24px;background:var(--color-white);border-bottom:1px solid var(--color-neutral-200)}.learning-brand{color:var(--color-navy-950);font-size:16px;font-weight:800;text-decoration:none}.learning-breadcrumb{padding-left:24px;color:var(--color-neutral-600);border-left:1px solid var(--color-neutral-200);font-size:14px}.learning-header__actions{margin-left:auto;display:flex;align-items:center;gap:12px}.compare-label{margin-left:8px;font-size:14px;font-weight:700}.mobile-learning-menu{display:none}.stage-navigation{height:76px;display:grid;grid-template-columns:repeat(4,minmax(0,208px));justify-content:center;align-items:center;gap:4px;background:var(--color-white);border-bottom:1px solid var(--color-neutral-200)}.stage-link{min-height:48px;padding:0 16px;display:flex;align-items:center;gap:12px;color:var(--color-neutral-600);text-decoration:none;border-radius:var(--radius-md);font-size:14px;font-weight:600}.stage-marker{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--color-neutral-200);border-radius:999px}.stage-link.is-current{color:var(--color-cobalt-600)}.stage-link.is-current .stage-marker{color:var(--color-white);background:var(--color-cobalt-600);border-color:var(--color-cobalt-600)}.stage-link.is-complete{color:var(--color-green-700)}.stage-link.is-complete .stage-marker{color:var(--color-white);background:var(--color-green-700);border-color:var(--color-green-700)}.stage-link.is-locked{color:var(--color-neutral-400);pointer-events:none}.lesson-tools{margin-bottom:18px;display:flex}.lesson-curriculum-trigger{min-width:132px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--color-navy-950);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);font-weight:700}.curriculum-drawer-layer{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0}.curriculum-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#0b1b335c;border:0}.curriculum-drawer{position:relative;width:min(88vw,380px);height:100%;padding:28px 24px;background:var(--color-white);border-right:1px solid var(--color-neutral-200);box-shadow:20px 0 50px #0b1b3324}.curriculum-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.curriculum-drawer>header span{color:var(--color-cobalt-600);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:800}.curriculum-drawer h2{margin:6px 0 0;font-size:28px;letter-spacing:-.035em}.curriculum-drawer>header button{width:44px;height:44px;display:grid;place-items:center;color:var(--color-navy-950);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);cursor:pointer}.curriculum-drawer>p{margin:22px 0 0;color:var(--color-neutral-600);font-size:13px;line-height:1.6}.curriculum-drawer nav{margin-top:24px;display:grid;gap:10px}.curriculum-drawer nav a{min-height:76px;padding:14px 16px;display:flex;align-items:center;gap:12px;color:var(--color-neutral-600);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);text-decoration:none}.curriculum-drawer nav a.is-current{color:var(--color-cobalt-600);background:var(--color-cobalt-100);border-color:var(--color-cobalt-600)}.curriculum-drawer nav a>span{display:grid;gap:5px}.curriculum-drawer nav strong{color:var(--color-navy-950);font-size:14px}.curriculum-drawer nav small{color:var(--color-neutral-600);font-size:12px}.learning-main{width:min(100% - 48px,960px);margin-inline:auto;padding:40px 0 80px}.lesson-frame h1{margin:0;font-size:40px;line-height:1.25;letter-spacing:-.04em}.lesson-frame p{margin:18px 0 0;color:var(--color-neutral-600);font-size:17px;line-height:1.7}.lesson-intro{max-width:760px}.lesson-intro--compact{max-width:840px}.lesson-intro .page-eyebrow{margin-bottom:12px;font-size:12px}.concept-progress{padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none}.concept-progress li{min-height:68px;padding:12px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;color:var(--color-neutral-600);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md)}.concept-progress li>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--color-neutral-200);border-radius:999px;font-size:12px;font-weight:800}.concept-progress li>strong{font-size:12px;line-height:1.4}.concept-progress li.is-current{color:var(--color-cobalt-600);background:var(--color-cobalt-100);border-color:var(--color-cobalt-600)}.concept-progress li.is-current>span{color:var(--color-white);background:var(--color-cobalt-600);border-color:var(--color-cobalt-600)}.concept-progress li.is-complete{color:var(--color-green-700);border-color:#246b2a4d}.concept-section{margin-top:24px}.concept-section__header>span{color:var(--color-cobalt-600);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:800}.concept-section__header h2{margin:6px 0 0;font-size:24px;letter-spacing:-.03em}.concept-section__header p{margin:7px 0 0;font-size:14px}.animation-panel{margin-top:24px;overflow:hidden}.understand-lesson .lesson-intro .page-eyebrow{display:none}.animation-panel>header,.code-panel>header,.comparison-panel>header,.test-console>header,.tick-visualization>header{min-height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--color-neutral-200)}.animation-panel>header span,.code-panel>header span,.comparison-panel>header span,.test-console>header span,.tick-visualization>header span{color:var(--color-neutral-600);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:700}.animation-panel>header h2,.animation-panel>header h3{margin:5px 0 0;font-size:17px}.animation-panel>header>strong{color:var(--color-cobalt-600);font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.player-viewport{min-height:258px;padding:64px 48px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:16px;background:var(--color-neutral-50)}.player-node{position:relative;min-height:108px;display:grid;place-content:center;gap:5px;text-align:center;background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg)}.player-node:not(:last-child):after{content:"";position:absolute;top:50%;right:-17px;width:17px;height:1px;background:var(--color-neutral-200)}.player-node span{font-family:JetBrains Mono,ui-monospace,monospace;font-size:18px;font-weight:800}.player-node>svg{margin-inline:auto;color:var(--color-neutral-600)}.player-node.is-current>svg,.player-node.is-visited>svg{color:currentColor}.player-node small{color:var(--color-neutral-600);font-size:12px}.player-node.is-current{color:var(--color-cobalt-600);background:var(--color-cobalt-100);border-color:var(--color-cobalt-600);box-shadow:0 0 0 3px #1f66d11a}.player-node.is-visited{color:var(--color-green-700);background:var(--color-green-100);border-color:#246b2a4d}.animation-controls{min-height:68px;padding:10px 18px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--color-neutral-200)}.animation-controls .button{min-width:0}.animation-controls .button>span,.code-panel .button>span{display:inline-flex;align-items:center;gap:8px}.animation-controls>span{margin-left:auto;color:var(--color-neutral-600);font-size:12px}.key-concept{margin-top:20px;padding:20px 24px;display:flex;gap:14px;color:var(--color-green-700);background:var(--color-green-100);border-radius:var(--radius-md)}.key-concept p{margin:4px 0 0;color:var(--color-navy-950);font-size:15px}.checkpoint-card{margin-top:24px;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 28px}.checkpoint-card>div>span{color:var(--color-cobalt-600);font-size:12px;font-weight:800}.checkpoint-card h2,.checkpoint-card h3{margin:6px 0 0;font-size:18px}.checkpoint-card fieldset{padding:0;display:flex;gap:8px;border:0}.checkpoint-card label{min-height:44px;padding:0 14px;display:flex;align-items:center;gap:8px;background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer}.checkpoint-card label:has(input:checked){color:var(--color-cobalt-600);background:var(--color-cobalt-100);border-color:var(--color-cobalt-600)}.checkpoint-card .button{grid-column:2;justify-self:end}.checkpoint-success{grid-column:1 / -1;margin:0!important;display:flex;align-items:center;gap:8px;color:var(--color-green-700)!important;font-size:13px!important;font-weight:700}.checkpoint-error{color:var(--color-red-700)}.concept-feedback{margin:14px 0 0!important;padding:14px 16px;display:flex;align-items:center;gap:8px;background:var(--color-green-100);border-radius:var(--radius-md);font-size:13px!important;font-weight:700}.concept-feedback.checkpoint-error{color:var(--color-red-700)!important;background:var(--color-red-100)}.complexity-card{margin-top:20px;overflow-x:auto}.complexity-card table{width:100%;border-collapse:collapse;font-size:13px}.complexity-card caption{padding:18px 20px;text-align:left;font-weight:800}.complexity-card th,.complexity-card td{padding:14px 20px;text-align:left;border-top:1px solid var(--color-neutral-200)}.complexity-card th{color:var(--color-neutral-600);background:var(--color-neutral-50);font-size:12px}.complexity-card td:nth-child(2){color:var(--color-cobalt-600);font-weight:800;white-space:nowrap}.container-grid,.server-concern-grid{margin-top:20px;display:grid;gap:12px}.container-grid{grid-template-columns:repeat(2,1fr)}.container-card,.server-concern-card{padding:20px}.container-card>span{color:var(--color-cobalt-600);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:800}.container-card>strong,.server-concern-card>strong{margin-top:7px;display:block;font-size:17px}.container-card p,.server-concern-card p{margin:8px 0 0;font-size:13px;line-height:1.6}.server-concern-grid{grid-template-columns:repeat(5,1fr)}.server-concern-card{min-height:154px}.server-concern-card>strong{color:var(--color-cobalt-600);font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.explanation-checkpoint{margin-top:20px;padding:22px;display:grid;gap:14px}.explanation-checkpoint label{font-size:15px;font-weight:800}.explanation-checkpoint textarea{width:100%;min-height:120px;padding:14px 16px;resize:vertical;color:var(--color-navy-950);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);line-height:1.6}.explanation-checkpoint .button{justify-self:end}.engineer-note{margin-top:20px;padding:0 22px}.engineer-note summary{min-height:54px;display:flex;align-items:center;font-size:14px;font-weight:800;cursor:pointer}.engineer-note p{margin:0 0 20px;font-size:14px}.lesson-footer{margin-top:28px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--color-neutral-200)}.lesson-footer>span{color:var(--color-neutral-600);font-size:13px}.editor-workspace{margin-top:28px}.editor-workspace.has-comparison{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:14px}.code-panel{overflow:hidden}.code-panel>header span,.test-console>header>span{display:inline-flex;align-items:center;gap:8px}.code-panel>header small{color:var(--color-neutral-600);font-size:12px}.code-panel textarea{width:100%;min-height:310px;padding:22px 24px;display:block;resize:vertical;color:var(--color-neutral-100);background:var(--color-navy-950);border:0;border-radius:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;line-height:1.7;-moz-tab-size:4;tab-size:4}.code-editor{background:var(--color-navy-950)}.code-editor .cm-editor,.code-editor .cm-scroller{min-height:310px}.code-editor .cm-editor{border-radius:0}.shadow-editor-shell{background:var(--color-navy-950)}.shadow-metrics{min-height:44px;padding:0 24px;display:flex;align-items:center;gap:20px;color:var(--color-neutral-400);background:#ffffff0a;border-bottom:1px solid rgb(255 255 255 / 10%);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.shadow-code-layer{position:relative;min-height:310px;overflow:auto;background:var(--color-navy-950);box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .12s ease}.shadow-code-layer.has-error{box-shadow:inset 0 0 0 2px var(--color-red-700)}.shadow-code-editor .cm-editor,.shadow-code-editor .cm-scroller{min-height:310px}.shadow-code-editor .cm-editor{border-radius:0}.shadow-code-editor .cm-shadow-complete{background:#8fd6941a;box-shadow:inset 0 -2px var(--color-code-string)}.shadow-code-editor .cm-shadow-current{background:var(--color-cobalt-600);box-shadow:0 0 0 2px var(--color-cobalt-600)}.shadow-code-editor .cm-shadow-remaining{opacity:.9}.shadow-code-editor .cm-shadow-mistake{color:var(--color-code-error);white-space:pre}.shadow-code-editor .cm-shadow-mistake--space,.shadow-code-editor .cm-shadow-mistake--line-break{display:inline-block;color:transparent;background:#ff8a8052;border-radius:2px}.shadow-live-status{min-height:36px;padding:8px 24px;margin:0;color:var(--color-neutral-400);border-top:1px solid rgb(255 255 255 / 10%);font-size:12px}.code-panel>footer{min-height:68px;padding:10px 14px 10px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--color-neutral-200)}.code-panel>footer>span{color:var(--color-neutral-600);font-size:12px}.comparison-panel pre{min-height:188px;padding:22px;margin:0;overflow-x:auto;color:var(--color-navy-950);background:var(--color-cobalt-100);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1.65}.comparison-panel p{padding:18px 22px;margin:0;font-size:12px}.test-console{margin-top:16px;overflow:hidden}.test-console>header strong{color:var(--color-neutral-600);font-size:12px}.test-console>header strong.is-passed{color:var(--color-green-700)}.fixture-list{display:grid;grid-template-columns:repeat(3,1fr)}.fixture-list>div{min-height:76px;padding:14px 18px;display:grid;grid-template-columns:20px 1fr;align-content:center;gap:3px 8px;border-right:1px solid var(--color-neutral-200)}.fixture-list>div:last-child{border-right:0}.fixture-list svg{grid-row:1 / 3;color:var(--color-green-700)}.fixture-list>div>span{grid-row:1 / 3;width:10px;height:10px;margin:6px 4px;background:var(--color-neutral-200);border-radius:999px}.fixture-list strong{font-size:13px}.fixture-list small{color:var(--color-neutral-600);font-size:12px}.independent-badge{width:fit-content;margin-bottom:14px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;color:var(--color-neutral-600);background:var(--color-neutral-100);border-radius:999px;font-size:12px;font-weight:800}.problem-layout{margin-top:28px;display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:14px}.problem-detail-page,.problem-workspace{display:grid}.problem-workspace{gap:18px}.problem-workspace__intro{padding-bottom:10px;display:flex;align-items:end;justify-content:space-between;gap:32px}.problem-workspace__intro h1{margin:0;font-size:32px;line-height:1.25;letter-spacing:-.035em}.problem-workspace__intro>div:first-child>p:last-child{max-width:720px;margin:12px 0 0;color:var(--color-neutral-600);line-height:1.7}.problem-language-control{display:grid;gap:7px}.problem-language-control>span{color:var(--color-neutral-600);font-size:12px;font-weight:700}.problem-statement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.problem-reference-card{padding:24px}.problem-reference-card h2{margin:0;font-size:17px}.problem-reference-card ul{padding-left:18px;margin:18px 0 0;display:grid;gap:9px;color:var(--color-neutral-600);font-size:13px;line-height:1.6}.problem-example{margin:18px 0 0;display:grid;gap:10px}.problem-example>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px}.problem-example dt{color:var(--color-neutral-600);font-size:11px;font-weight:700}.problem-example dd{margin:0;overflow-wrap:anywhere;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1.55}.problem-solution-panel .code-editor .cm-editor,.problem-solution-panel .code-editor .cm-scroller{min-height:380px}.problem-run-actions>div{display:flex;gap:8px}.problem-run-actions .button{min-width:0}.complexity-evidence{padding:22px;display:grid;grid-template-columns:minmax(190px,.65fr) repeat(2,minmax(0,1fr));align-items:start;gap:18px}.complexity-evidence>div>span{color:var(--color-cobalt-600);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:800}.complexity-evidence>div>strong{margin-top:6px;display:block;font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px}.complexity-evidence p{margin:8px 0 0;color:var(--color-neutral-600);font-size:12px;line-height:1.55}.complexity-evidence fieldset{min-width:0;padding:0;display:grid;gap:8px;border:0}.complexity-evidence legend{padding:0;font-size:12px;font-weight:800}.complexity-evidence select{width:100%;min-height:44px;padding:12px 14px;color:var(--color-navy-950);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);font-size:13px}.complexity-evidence .complexity-feedback{margin:0;font-size:12px;font-weight:700}.complexity-evidence .complexity-feedback.is-error{color:var(--color-red-700)}.run-result{min-height:54px;padding:14px 18px;display:flex;align-items:center;gap:10px;color:var(--color-neutral-600);background:var(--color-neutral-100);border-radius:var(--radius-md);font-size:13px;font-weight:700}.run-result small{margin-left:auto;font-weight:500}.run-result--passed{color:var(--color-green-700);background:var(--color-green-100)}.run-result--compile_error,.run-result--runtime_error,.run-result--wrong_answer,.run-result--timed_out,.run-result--unavailable{color:var(--color-red-700);background:var(--color-red-100)}.solution-explanation{padding:22px;color:var(--color-neutral-600);background:var(--color-neutral-50)}.solution-explanation>p{margin:0;display:flex;align-items:center;gap:8px;font-size:13px}.solution-explanation.is-open{color:var(--color-navy-950);background:var(--color-white)}.solution-explanation h2,.solution-explanation h3{margin:0}.solution-explanation h2{font-size:19px}.solution-explanation h3{margin-top:20px;font-size:15px}.solution-explanation.is-open>p{margin-top:8px;display:block;line-height:1.65}.solution-explanation aside{margin-top:20px;padding:16px;color:var(--color-cobalt-700);background:var(--color-cobalt-100);border-radius:var(--radius-md)}.solution-explanation aside p{margin:6px 0 0;color:var(--color-navy-950);font-size:13px;line-height:1.6}.content-error{max-width:720px;padding:40px}.content-error h1{margin:0;font-size:28px}.content-error p{margin:12px 0 24px;color:var(--color-neutral-600);line-height:1.7}.problem-brief{padding:24px}.problem-brief h2{margin:0;font-size:17px}.problem-brief ol{padding-left:20px;margin:20px 0 0;display:grid;gap:12px;color:var(--color-neutral-600);font-size:13px;line-height:1.55}.constraint-list{margin-top:26px;padding-top:18px;display:grid;gap:7px;color:var(--color-neutral-600);border-top:1px solid var(--color-neutral-200);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.problem-layout .code-panel textarea{min-height:340px}.hint-panel{margin-top:16px;padding:20px 22px}.hint-panel>div{display:flex;align-items:flex-start;gap:12px}.hint-panel>div>svg{color:var(--color-amber-700)}.hint-panel p{margin:3px 0 0;font-size:12px}.hint-panel ol{margin:18px 0;display:grid;gap:8px;color:var(--color-neutral-600);font-size:13px;line-height:1.55}.submission-success{margin-top:16px;padding:18px 22px;display:flex;gap:12px;color:var(--color-green-700);background:var(--color-green-100);border-radius:var(--radius-md)}.submission-success p{margin:3px 0 0;font-size:12px}.server-scenario-grid{margin-top:28px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px}.server-cost-model{margin-top:28px;overflow:hidden}.server-cost-model>header{min-height:76px;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--color-neutral-200)}.server-cost-model>header span{color:var(--color-cobalt-600);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:800}.server-cost-model>header h2{margin:5px 0 0;font-size:18px}.server-cost-model>header small{color:var(--color-neutral-600);white-space:nowrap}.server-cost-table-wrap{overflow-x:auto}.server-cost-model table{width:100%;min-width:720px;border-collapse:collapse;text-align:left}.server-cost-model th,.server-cost-model td{padding:15px 20px;border-top:1px solid var(--color-neutral-200);font-size:12px;line-height:1.55}.server-cost-model thead th{color:var(--color-neutral-600);background:var(--color-neutral-50)}.server-cost-model tbody th{color:var(--color-cobalt-700);font-family:JetBrains Mono,ui-monospace,monospace;white-space:nowrap}.engineer-note__grid{padding-bottom:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.engineer-note__grid>div{padding:14px;background:var(--color-neutral-50);border-radius:var(--radius-md)}.engineer-note__grid strong{color:var(--color-cobalt-700);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.engineer-note__grid p{margin:7px 0 0;color:var(--color-neutral-600);font-size:12px;line-height:1.6}.not-found-state{max-width:720px;padding:44px}.not-found-state>svg{margin-bottom:22px;color:var(--color-cobalt-600)}.not-found-state h1{margin:0;font-size:32px;letter-spacing:-.035em}.not-found-state>p:not(.page-eyebrow){margin:12px 0 26px;color:var(--color-neutral-600);line-height:1.7}.not-found-state>div{display:flex;gap:10px}.scenario-brief{padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scenario-stat{min-height:100px;padding:14px;display:grid;align-content:space-between;color:var(--color-cobalt-600);background:var(--color-cobalt-100);border-radius:var(--radius-md)}.scenario-stat span{color:var(--color-neutral-600);font-size:12px}.scenario-stat strong{color:var(--color-navy-950);font-family:JetBrains Mono,ui-monospace,monospace;font-size:17px}.mutation-warning{grid-column:1 / -1;padding:14px;display:flex;gap:10px;color:var(--color-amber-700);background:var(--color-amber-100);border-radius:var(--radius-md)}.mutation-warning p{margin:0;color:var(--color-amber-700);font-size:12px;line-height:1.55}.strategy-picker{padding:22px;display:grid;gap:10px}.strategy-picker legend{padding:0 4px;font-size:14px;font-weight:800}.strategy-picker label{min-height:76px;padding:14px 16px;display:flex;align-items:flex-start;gap:12px;background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);cursor:pointer}.strategy-picker label:has(input:checked){background:var(--color-cobalt-100);border-color:var(--color-cobalt-600)}.strategy-picker label>span{display:grid;gap:5px}.strategy-picker small{color:var(--color-neutral-600);font-size:12px;line-height:1.45}.strategy-picker .button{justify-self:end;margin-top:8px}.tick-visualization{margin-top:16px;overflow:hidden}.tick-visualization>header>div{display:grid;gap:4px}.tick-visualization>header>div>strong{font-size:15px}.measurement-badge{display:inline-flex;gap:8px}.measurement-badge strong{color:var(--color-navy-950)}.tick-visualization ol{padding:28px;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none;background:var(--color-neutral-50)}.tick-visualization li{min-height:78px;display:grid;place-content:center;gap:4px;text-align:center;background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md)}.tick-visualization li.is-complete,.tick-visualization li.is-deferred{color:var(--color-green-700);background:var(--color-green-100)}.tick-visualization li.is-danger{color:var(--color-red-700);background:var(--color-red-100);border-color:var(--color-red-700)}.tick-visualization li span{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:800}.tick-visualization li small{font-size:12px}.tick-visualization>p{padding:16px 22px;margin:0;display:flex;align-items:center;gap:8px;color:var(--color-red-700);font-size:13px}.tick-visualization.is-safe>p{color:var(--color-green-700)}.result-page{display:grid;gap:18px}.result-hero{padding:44px;text-align:center}.result-hero__icon{width:68px;height:68px;margin:0 auto 18px;display:grid;place-items:center;color:var(--color-green-700);background:var(--color-green-100);border-radius:999px}.result-hero h1{margin:0;font-size:34px;letter-spacing:-.035em}.result-hero>p:not(.page-eyebrow){max-width:620px;margin:12px auto 0;color:var(--color-neutral-600);line-height:1.65}.result-actions{margin-top:26px;display:flex;justify-content:center;gap:10px}.result-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.mastery-card,.evidence-card{padding:26px}.mastery-card header{display:flex;align-items:end;justify-content:space-between}.mastery-card header span,.evidence-card>span{color:var(--color-neutral-600);font-size:12px;font-weight:700}.mastery-card h2{margin:5px 0 0;font-size:20px}.mastery-card header>strong{color:var(--color-cobalt-600);font-family:JetBrains Mono,ui-monospace,monospace}.mastery-card ol{padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;list-style:none}.mastery-card li{min-height:68px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--color-neutral-600);background:var(--color-neutral-50);border-radius:var(--radius-md);font-size:12px}.mastery-card li span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--color-neutral-200);border-radius:999px}.mastery-card li.is-earned{color:var(--color-green-700);background:var(--color-green-100);font-weight:700}.mastery-card li.is-earned span{color:var(--color-white);background:var(--color-green-700);border-color:var(--color-green-700)}.evidence-card ul{padding:0;margin:20px 0 0;display:grid;gap:14px;list-style:none}.evidence-card li{display:flex;gap:9px;color:var(--color-neutral-600);font-size:13px;line-height:1.5}.evidence-card li svg{flex:0 0 auto;color:var(--color-green-700)}.retention-card{padding:20px 24px;display:flex;align-items:center;gap:14px}.retention-card>svg:first-child{color:var(--color-cobalt-600)}.retention-card p{margin:4px 0 0;color:var(--color-neutral-600);font-size:12px}.retention-card>svg:last-child{margin-left:auto}.settings-page,.profile-page,.lab-page{display:grid;gap:20px}.settings-section{overflow:hidden}.settings-section>header{min-height:74px;padding:16px 22px;display:flex;align-items:center;gap:13px;background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200)}.settings-section>header>svg{color:var(--color-cobalt-600)}.settings-section h2{margin:0;font-size:16px}.settings-section header p{margin:4px 0 0;color:var(--color-neutral-600);font-size:12px}.setting-row{min-height:82px;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--color-neutral-200)}.setting-row:last-child{border-bottom:0}.setting-row>div:first-child{display:grid;gap:5px}.setting-row span{color:var(--color-neutral-600);font-size:12px}.setting-theme{border:0}.setting-theme legend{padding:0;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.segmented-control{padding:3px;display:flex!important;gap:3px!important;background:var(--color-neutral-100);border-radius:var(--radius-md)}.segmented-control label{min-width:82px;min-height:36px;display:grid;place-items:center;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.segmented-control input{position:absolute;opacity:0}.segmented-control label:has(input:checked){color:var(--color-cobalt-600);background:var(--color-white);box-shadow:0 1px 2px #0b1b3314}.segmented-control label:has(input:focus-visible){outline:2px solid var(--color-cobalt-600)}.settings-saved{margin:0;padding:16px 20px;display:flex;align-items:center;gap:9px;color:var(--color-green-700);background:var(--color-green-100);border-radius:var(--radius-md);font-size:13px;font-weight:700}.profile-header{padding:28px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:22px;background:var(--color-navy-950);border-radius:var(--radius-lg);color:var(--color-white)}.profile-avatar{width:66px;height:66px;display:grid;place-items:center;color:var(--color-navy-950);background:var(--color-white);border-radius:999px;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:800}.profile-header>div:nth-child(2)>span{color:var(--color-neutral-400);font-size:12px}.profile-header h1{margin:4px 0;font-size:25px}.profile-header p{margin:0;color:var(--color-neutral-200);font-size:13px}.profile-stat{min-width:92px;padding-left:22px;display:grid;gap:4px;border-left:1px solid rgb(255 255 255 / 15%)}.profile-stat strong{font-family:JetBrains Mono,ui-monospace,monospace;font-size:22px}.profile-stat span{color:var(--color-neutral-400);font-size:12px}.profile-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px}.competency-card,.evidence-summary-card{padding:24px}.competency-card>header,.evidence-summary-card>header{display:flex;align-items:flex-start;justify-content:space-between;color:var(--color-cobalt-600)}.competency-card header span,.evidence-summary-card header span{color:var(--color-neutral-600);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.competency-card h2,.evidence-summary-card h2{margin:4px 0 0;color:var(--color-navy-950);font-size:19px}.mastery-bars{margin-top:24px;display:grid;gap:13px}.mastery-bars>div{display:grid;grid-template-columns:76px minmax(0,1fr) 38px;align-items:center;gap:12px;font-size:12px}.mastery-bars [role=progressbar]{height:7px;overflow:hidden;background:var(--color-neutral-100);border-radius:999px}.mastery-bars [role=progressbar] span{height:100%;display:block;background:var(--color-cobalt-600);border-radius:999px}.mastery-bars strong{color:var(--color-neutral-600);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.competency-card>p{margin:22px 0 0;padding-top:16px;color:var(--color-neutral-600);border-top:1px solid var(--color-neutral-200);font-size:12px;line-height:1.6}.evidence-summary-card ul{padding:0;margin:24px 0 0;display:grid;gap:14px;list-style:none}.evidence-summary-card li{display:flex;gap:10px}.evidence-summary-card li>svg{flex:0 0 auto;color:var(--color-green-700)}.evidence-summary-card li>div{display:grid;gap:4px}.evidence-summary-card li strong{font-size:13px}.evidence-summary-card li span{color:var(--color-neutral-600);font-size:12px}.next-learning-card{padding:24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px}.next-learning-card__icon{width:56px;height:56px;display:grid;place-items:center;color:var(--color-cobalt-600);background:var(--color-cobalt-100);border-radius:var(--radius-md)}.next-learning-card span{color:var(--color-cobalt-600);font-size:12px;font-weight:800}.next-learning-card h2{margin:5px 0;font-size:19px}.next-learning-card p{margin:0;color:var(--color-neutral-600);font-size:12px}.profile-account-card{padding:20px 24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}.profile-account-card__icon{width:44px;height:44px;display:grid;place-items:center;color:var(--color-cobalt-600);background:var(--color-cobalt-100);border-radius:var(--radius-md)}.profile-account-card h2,.profile-account-card p{margin:0}.profile-account-card h2{font-size:16px}.profile-account-card p{margin-top:4px;color:var(--color-neutral-600);font-size:12px}.profile-account-card .profile-account-card__error{color:var(--color-red-700);font-weight:700}.profile-retention{min-height:54px;padding:0 18px;display:flex;align-items:center;gap:11px;color:var(--color-neutral-600);background:var(--color-neutral-100);border-radius:var(--radius-md);font-size:12px}.profile-retention strong{color:var(--color-navy-950)}.profile-retention>svg:last-child{margin-left:auto}.lab-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.lab-title-row h1{margin:0;max-width:760px;font-size:30px;letter-spacing:-.035em}.lab-title-row>div>p:last-child{margin:10px 0 0;color:var(--color-neutral-600);font-size:14px}.lab-view-tabs{display:none}.lab-workspace{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px}.lab-code-panel,.lab-state-panel,.lab-log-panel{overflow:hidden}.lab-code-panel>header,.lab-state-panel>header,.lab-log-panel>header{min-height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--color-neutral-200)}.lab-code-panel>header>span,.lab-log-panel>header>strong{display:inline-flex;align-items:center;gap:8px;font-size:12px}.lab-code-panel>header small,.lab-state-panel>header span,.lab-log-panel>header span{color:var(--color-neutral-600);font-size:12px}.lab-code-panel pre{min-height:310px;padding:22px;margin:0;overflow:auto;color:var(--color-neutral-100);background:var(--color-navy-950);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1.7}.lab-code-panel aside{min-height:58px;padding:12px 18px;display:flex;align-items:center;gap:10px;color:var(--color-amber-700);background:var(--color-amber-100);font-size:12px}.lab-code-panel aside span{color:var(--color-neutral-600)}.lab-state-panel>header>div{display:grid;gap:2px}.lab-state-panel>header>div>span{font-family:JetBrains Mono,ui-monospace,monospace}.lab-state-panel>header>div>strong{font-size:14px}.lab-server-map{min-height:310px;padding:34px;display:grid;grid-template-columns:repeat(2,1fr);align-content:center;gap:12px;background:var(--color-neutral-50)}.lab-server-map>div{min-height:94px;display:grid;place-content:center;gap:5px;text-align:center;background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md)}.lab-server-map>div.is-queued{color:var(--color-amber-700);background:var(--color-amber-100);border-color:var(--color-amber-700)}.lab-server-map strong{font-family:JetBrains Mono,ui-monospace,monospace}.lab-server-map span{color:var(--color-neutral-600);font-size:12px}.lab-control-bar{min-height:58px;padding:8px 14px;display:flex;align-items:center;justify-content:flex-end;gap:6px;border-top:1px solid var(--color-neutral-200)}.lab-control-bar .button{min-width:44px;padding:0 12px}.lab-control-bar .button>span{display:grid;place-items:center}.lab-lower-grid{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:14px}.fault-panel{padding:20px;display:grid;gap:18px}.fault-panel>header{display:flex;gap:10px;color:var(--color-red-700)}.fault-panel>header>div{display:grid;gap:4px}.fault-panel header span{color:var(--color-neutral-600);font-size:12px}.lab-log-panel>header{justify-content:flex-start}.lab-log-panel>header>span{margin-left:auto}.lab-log-panel ol{max-height:190px;padding:12px 18px;margin:0;overflow-y:auto;display:grid;gap:7px;color:var(--color-neutral-600);background:var(--color-navy-950);list-style:none;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.lab-log-panel li{display:flex;gap:12px}.lab-log-panel li span{color:var(--color-cobalt-100)}html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:900px){.app-shell{grid-template-columns:64px minmax(0,1fr)}.app-sidebar{width:64px;padding-inline:8px}.brand-lockup span,.nav-link span,.settings-link span,.sidebar-progress{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.brand-lockup{padding:0;text-align:center}.brand-lockup strong{font-size:12px}.nav-link,.settings-link{justify-content:center;padding:0}.app-main{padding-inline:28px}.landing-hero{grid-template-columns:1fr;gap:36px}.landing-path-card{max-width:560px}.problem-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-dashboard__hero{grid-template-columns:1fr}.landing-current-card{max-width:520px}.language-choice-grid,.locked-track-grid{grid-template-columns:repeat(2,1fr)}.current-lesson{grid-template-columns:auto minmax(0,1fr)}.current-lesson__action{grid-column:2;justify-items:start}.editor-workspace.has-comparison,.problem-layout,.complexity-evidence,.server-scenario-grid,.result-grid,.profile-grid{grid-template-columns:1fr}.server-concern-grid{grid-template-columns:repeat(2,1fr)}.engineer-note__grid{grid-template-columns:1fr}.profile-header{grid-template-columns:auto minmax(0,1fr)}.profile-stat{padding:14px 0 0;border-top:1px solid rgb(255 255 255 / 15%);border-left:0}.lab-workspace,.lab-lower-grid{grid-template-columns:1fr}}@media(max-width:600px){.public-landing__header{min-height:56px;padding:0 16px}.public-landing>main{padding:28px 16px 48px}.app-shell{display:block}.app-sidebar{display:none}.app-header{height:56px;padding:0 16px}.mobile-menu-button{width:44px;height:44px;padding:0;display:grid;place-items:center;color:var(--color-navy-950);background:transparent;border:0;border-radius:var(--radius-md)}.mobile-navigation-layer{position:fixed;z-index:50;top:56px;right:0;bottom:0;left:0;display:block}.mobile-navigation-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#0b1b334d;border:0}.mobile-navigation{position:relative;width:min(82vw,304px);height:100%;padding:24px 16px;display:flex;flex-direction:column;gap:8px;background:var(--color-white);border-right:1px solid var(--color-neutral-200)}.mobile-navigation .brand-lockup{margin-bottom:20px;padding:0 12px 18px;text-align:left;border-bottom:1px solid var(--color-neutral-200)}.mobile-navigation .brand-lockup span,.mobile-navigation .nav-link span,.mobile-navigation .settings-link span{position:static;width:auto;height:auto;overflow:visible;clip:auto}.mobile-navigation .nav-link,.mobile-navigation .settings-link{justify-content:flex-start;padding:0 12px}.mobile-navigation .settings-link{margin-top:auto}.app-header span{display:none}.app-main{padding:28px 16px 48px}.page-title{font-size:32px}.page-description{font-size:16px}.landing-hero{min-height:0}.landing-dashboard{gap:18px}.landing-dashboard__hero{min-height:0;padding:24px 20px;gap:28px}.landing-current-card__stages,.landing-mastery-map ol{grid-template-columns:repeat(2,1fr)}.landing-mastery-map>header{align-items:flex-start;flex-direction:column}.depth-grid,.landing-feature-grid,.language-choice-grid,.experience-choice-grid,.locked-track-grid{grid-template-columns:1fr}.focus-header,.assessment-header{min-height:56px;padding:0 16px}.focus-content{width:100%;padding:32px 20px 52px}.focus-intro h1,.assessment-question h1,.section-heading h1{font-size:28px}.choice-card{min-height:112px}.preference-row,.focus-actions,.assessment-actions,.section-heading,.section-title-row,.curriculum-note{align-items:flex-start;flex-direction:column}.focus-actions .button,.assessment-actions .button{width:100%}.assessment-progress>span,.assessment-lock{display:none}.assessment-progress>div{width:100px}.assessment-card{width:calc(100% - 32px);margin:24px auto 48px;padding:24px 20px}.answer-list{grid-template-columns:1fr}.path-summary{min-width:0;width:100%}.problem-filters{grid-template-columns:1fr 1fr}.problem-statement-grid{grid-template-columns:1fr}.problem-workspace__intro,.problem-run-actions,.problem-run-actions>div,.run-result{align-items:stretch;flex-direction:column}.server-cost-model>header,.not-found-state>div{align-items:stretch;flex-direction:column}.not-found-state{padding:28px 20px}.not-found-state .button,.problem-language-control,.problem-language-control select,.problem-run-actions .button{width:100%}.run-result small{margin-left:0}.problem-search{grid-column:1 / -1}.problem-card-grid{grid-template-columns:1fr}.current-lesson{padding:22px;grid-template-columns:1fr}.current-lesson__action{grid-column:1}.current-lesson__action .button{width:100%}.curriculum-note{padding:18px}.learning-header{height:56px;padding:0 16px}.learning-brand{min-height:44px;display:inline-flex;align-items:center}.learning-breadcrumb,.compare-label,.learning-header__actions .toggle{display:none}.learning-header__actions{gap:6px}.learning-header__actions .language-select select{width:118px}.mobile-learning-menu{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer;text-decoration:none}.stage-navigation{height:56px;grid-template-columns:1fr auto;justify-content:stretch;padding-inline:20px}.stage-link:not(.is-current){display:none}.stage-link.is-current{padding:0}.stage-navigation:after{content:attr(data-current-step) " / 4";color:var(--color-neutral-600);font-size:14px;font-weight:600}.lesson-tools{display:none}.learning-main{width:100%;padding:24px 20px 48px}.lesson-frame h1{font-size:28px}.lesson-frame p{font-size:16px}.concept-progress{gap:6px}.concept-progress li{min-height:44px;padding:7px;display:grid;grid-template-columns:1fr;justify-items:center}.concept-progress li>strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.concept-section__header h2{font-size:21px}.animation-panel>header,.tick-visualization>header{padding:16px;align-items:flex-start;flex-direction:column}.player-viewport{min-height:116px;padding:14px 12px;grid-template-columns:repeat(4,minmax(64px,1fr));gap:8px}.player-node:not(:last-child):after{display:none}.player-node{min-height:84px;border-radius:var(--radius-md)}.player-node span{font-size:14px}.player-node small{font-size:12px}.animation-panel>header{min-height:58px;padding:10px 14px}.animation-panel>header h2,.animation-panel>header h3{display:none}.animation-panel>header>strong{font-size:12px}.checkpoint-card>div>span{font-size:12px}.animation-controls{padding:12px;flex-wrap:wrap}.animation-controls>span{display:none}.animation-controls .button{flex:1;padding-inline:10px}.animation-controls .button--ghost{min-width:44px;flex:0 0 auto}.key-concept{padding:16px}.key-concept p{font-size:14px}.checkpoint-card{grid-template-columns:1fr}.checkpoint-card fieldset{flex-direction:column}.checkpoint-card .button{grid-column:1;justify-self:stretch}.container-grid,.server-concern-grid{grid-template-columns:1fr}.server-concern-card{min-height:0}.complexity-card th,.complexity-card td{padding:12px}.explanation-checkpoint .button{width:100%;justify-self:stretch}.lesson-footer,.code-panel>footer,.retention-card{align-items:stretch;flex-direction:column}.lesson-footer .button,.code-panel>footer .button,.result-actions .button{width:100%}.shadow-metrics{padding-inline:16px;gap:12px;overflow-x:auto;white-space:nowrap}.shadow-code-editor .cm-editor,.shadow-code-editor .cm-scroller{min-height:360px}.code-panel .code-editor .cm-content,.shadow-code-editor .cm-content{font-size:16px}.code-panel .code-editor .cm-line,.shadow-code-editor .cm-line{padding-inline:16px}.shadow-code-layer{min-height:360px}.shadow-live-status{padding-inline:16px}.fixture-list,.scenario-brief,.tick-visualization ol,.mastery-card ol{grid-template-columns:1fr 1fr}.fixture-list>div{border-right:0;border-bottom:1px solid var(--color-neutral-200)}.problem-brief,.mastery-card,.evidence-card{padding:20px}.strategy-picker .button{width:100%}.result-hero{padding:32px 20px}.result-hero h1{font-size:28px}.result-actions{flex-direction:column}.retention-card>svg:last-child{display:none}.settings-page .section-heading .button{width:100%}.setting-row{align-items:flex-start;flex-direction:column}.setting-row .language-select select{width:100%}.profile-header{padding:22px;grid-template-columns:auto 1fr}.profile-header p{display:none}.profile-stat{min-width:0}.next-learning-card{grid-template-columns:auto minmax(0,1fr)}.next-learning-card .button{grid-column:1 / -1;width:100%}.profile-account-card{grid-template-columns:auto minmax(0,1fr)}.profile-account-card .button{grid-column:1 / -1;width:100%}.profile-retention{padding:14px;align-items:flex-start;flex-direction:column}.profile-retention>svg:last-child{display:none}.lab-title-row{align-items:flex-start;flex-direction:column}.lab-title-row h1{font-size:27px}.lab-view-tabs{padding:4px;display:grid;grid-template-columns:1fr 1fr;background:var(--color-neutral-100);border-radius:var(--radius-md)}.lab-view-tabs button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--color-neutral-600);background:transparent;border:0;border-radius:8px;font-size:12px;font-weight:700}.lab-view-tabs button[aria-selected=true]{color:var(--color-cobalt-600);background:var(--color-white)}.lab-workspace>article{display:none}.lab-workspace>article.is-mobile-active{display:block}}