:root{--bg:#0d1117;--surface:#161b22;--surface-elevated:#1c2333;--text:#e6edf3;--text-dim:#8b949e;--header-height:56px;--border:#ffffff0f;--border-bright:#ffffff1f;--color-text-primary:#e6edf3;--color-text-secondary:#8b949e;--color-surface-raised:#1c2333;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", "Cascadia Code", Consolas, monospace;font-family:var(--font-body);color:var(--text);background:var(--bg);font-size:clamp(16px,1vw + 13px,18px);font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}:not(pre)>code{font-family:var(--font-mono);background:var(--color-surface-raised);border:1px solid var(--border-bright);color:#93c5fd;border-radius:4px;padding:.15rem .4rem;font-size:.875em}[data-tech=javascript]{--tech-color:#f7df1e;--tech-text:#323330;--tech-bg:#323330}[data-tech=react]{--tech-color:#61dafb;--tech-text:#20232a;--tech-bg:#20232a}[data-tech=typescript]{--tech-color:#3178c6;--tech-text:#fff;--tech-bg:#1e3a5f}._desktopNav_1yyj8_9{background:var(--surface);border-right:1px solid var(--border-bright);flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow-y:auto}._header_1yyj8_33{background:var(--tech-bg,#1f2937);border-bottom:1px solid #0003;flex-shrink:0;padding:1.25rem 1rem}._techLabel_1yyj8_47{text-transform:uppercase;letter-spacing:.1em;color:var(--tech-color,#e5e7eb);font-size:.75rem;font-weight:700;font-family:var(--font-mono)}._groups_1yyj8_65{flex:1;padding:.5rem 0;overflow-y:auto}._group_1yyj8_65{border-bottom:1px solid var(--border)}._groupHeader_1yyj8_85{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.625rem 1rem;transition:background .1s;display:flex}._groupHeader_1yyj8_85:hover{background:var(--surface-elevated)}._groupLabel_1yyj8_121{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}._chevron_1yyj8_137{color:var(--text-dim);font-size:.75rem}._lessonList_1yyj8_147{margin:0;padding:0 0 .375rem;list-style:none}._lessonLink_1yyj8_159{color:var(--text-dim);border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:.45rem 1rem .45rem 1.25rem;font-size:.875rem;text-decoration:none;transition:background .1s,color .1s;display:flex}._lessonLink_1yyj8_159:hover{background:var(--surface-elevated);color:var(--text)}._lessonLinkActive_1yyj8_193{border-left-color:var(--nav-active-color,var(--text));color:var(--text);background:var(--surface-elevated);font-weight:600}._lessonTitle_1yyj8_207{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}._visitedCheck_1yyj8_223{color:#34d399;flex-shrink:0;margin-left:.5rem;font-size:.75rem}._desktopNavButtons_1yyj8_247{z-index:40;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}._desktopNavBtn_1yyj8_265{border:1px solid var(--border-bright);background:var(--surface-elevated);color:var(--text-dim);font-size:.875rem;font-weight:500;font-family:var(--font-body);cursor:pointer;border-radius:.5rem;align-items:center;gap:.35rem;padding:.5rem .875rem;transition:background .15s,color .15s,border-color .15s;display:flex;box-shadow:0 2px 10px #00000059}._desktopNavBtn_1yyj8_265:hover:not(:disabled){background:var(--surface);color:var(--text);border-color:var(--text-dim)}._desktopNavBtn_1yyj8_265:disabled{opacity:.3;cursor:default}._backdrop_1yyj8_323,._drawer_1yyj8_325,._navCluster_1yyj8_327{display:none}@media (width<=767px){._desktopNav_1yyj8_9,._desktopNavButtons_1yyj8_247{display:none}._backdrop_1yyj8_323{z-index:99;background:#000000a6;animation:.2s _fadeIn_1yyj8_1;display:block;position:fixed;inset:0}._drawer_1yyj8_325{background:var(--surface);border-right:1px solid var(--border-bright);z-index:100;flex-direction:column;width:min(300px,85vw);transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}._drawerOpen_1yyj8_413{transform:translate(0)}._drawerHeader_1yyj8_423{background:var(--tech-bg,#1f2937);border-bottom:1px solid #0003;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1rem;display:flex}._drawerTechLabel_1yyj8_443{text-transform:uppercase;letter-spacing:.1em;color:var(--tech-color,#e5e7eb);font-size:.75rem;font-weight:700;font-family:var(--font-mono)}._drawerClose_1yyj8_461{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:1rem;line-height:1}._drawerClose_1yyj8_461:hover{color:var(--text)}._drawerGroups_1yyj8_493{-webkit-overflow-scrolling:touch;flex:1;padding:.5rem 0;overflow-y:auto}._navCluster_1yyj8_327{bottom:1.25rem;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:101;background:var(--surface-elevated);border:1px solid var(--border-bright);border-radius:9999px;align-items:center;gap:.25rem;padding:.375rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000073,0 1px 4px #0000004d}._navBtn_1yyj8_547{width:44px;height:44px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;line-height:1;transition:background .15s,color .15s;display:flex}._navBtn_1yyj8_547:hover:not(:disabled){color:var(--text);background:#ffffff12}._navBtn_1yyj8_547:disabled{opacity:.25;cursor:default}._navBtnMenu_1yyj8_601{background:var(--tech-bg,#1f2937);color:var(--tech-color,#e5e7eb)}._navBtnMenu_1yyj8_601:hover{filter:brightness(1.1);background:var(--tech-bg,#1f2937);color:var(--tech-color,#e5e7eb)}._fabIcon_1yyj8_623{-webkit-user-select:none;user-select:none;font-size:1.375rem;line-height:1}}@keyframes _fadeIn_1yyj8_1{0%{opacity:0}to{opacity:1}}._tablist_1tij1_1{border-bottom:1px solid var(--border-bright);background:var(--surface);flex-shrink:0;gap:0;padding:0 1rem;display:flex}._tab_1tij1_1{font-size:.9375rem;font-weight:600;font-family:var(--font-body);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:.875rem 1.25rem;transition:color .15s,border-color .15s}._tab_1tij1_1:hover{color:var(--text)}._tab_1tij1_1._active_1tij1_55{color:var(--text);border-bottom-color:var(--tab-color,var(--text))}@media (width<=767px){._tablist_1tij1_1{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 .5rem;overflow-x:auto}._tablist_1tij1_1::-webkit-scrollbar{display:none}._tab_1tij1_1{padding:.75rem 1rem;font-size:.875rem}}._toast_1yklz_1{z-index:200;background:var(--surface-elevated);border:1px solid var(--border-bright);border-radius:.75rem;align-items:center;gap:1rem;max-width:min(420px,100vw - 2rem);padding:.875rem 1rem;animation:.25s cubic-bezier(.16,1,.3,1) _slideUp_1yklz_1;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000080}._message_1yklz_37{color:var(--text);flex:1;margin:0;font-size:.875rem}._actions_1yklz_51{flex-shrink:0;gap:.5rem;display:flex}._updateBtn_1yklz_63{color:#fff;font-size:.8125rem;font-weight:600;font-family:var(--font-body);cursor:pointer;background:#3178c6;border:none;border-radius:.5rem;padding:.4rem .85rem;transition:filter .15s}._updateBtn_1yklz_63:hover{filter:brightness(1.15)}._dismissBtn_1yklz_97{color:var(--text-dim);border:1px solid var(--border-bright);font-size:.8125rem;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:.5rem;padding:.4rem .85rem;transition:color .15s,border-color .15s}._dismissBtn_1yklz_97:hover{color:var(--text);border-color:var(--text-dim)}@media (width<=767px){._toast_1yklz_1{flex-direction:column;align-items:stretch;bottom:6rem}._actions_1yklz_51{justify-content:flex-end}}@keyframes _slideUp_1yklz_1{0%{opacity:0;transform:translate(-50%)translateY(1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){._toast_1yklz_1{animation:none}}.layout{gap:1rem;max-width:960px;margin:0 auto;padding:1rem;display:grid}.hero{text-align:left}.hero h1{color:var(--text);margin:0;font-size:clamp(1.75rem,5vw,2.5rem)}.hero p{color:var(--text-dim);margin:.5rem 0 0}.search{text-align:left;gap:.5rem;display:grid}.search input{border:1px solid var(--border-bright);width:100%;font-size:1rem;font-family:var(--font-body);background:var(--surface);color:var(--text);border-radius:.75rem;padding:.75rem}.search input::placeholder{color:var(--text-dim)}.library{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.card{border:1px solid var(--border-bright);text-align:left;background:var(--surface);border-radius:1rem;padding:1rem;box-shadow:0 2px 8px #0003}.card h2{color:var(--text);margin:0 0 .5rem;font-size:1.05rem}.card p{color:var(--text-dim);margin:0}.tags{color:var(--text-dim);margin-top:.5rem;font-size:.9rem}.card button{border:1px solid var(--border-bright);font-weight:600;font-family:var(--font-body);background:var(--surface-elevated);color:var(--text);cursor:pointer;border-radius:.75rem;margin-top:.75rem;padding:.6rem .8rem;transition:background .15s,border-color .15s}.card button:hover{background:var(--border-bright)}.viewer{border:1px solid var(--border-bright);background:var(--surface);border-radius:1rem;min-height:360px;overflow:hidden}.viewer iframe{border:0;width:100%;min-height:360px}@media (width<=600px){.layout{padding:.75rem}.viewer,.viewer iframe{min-height:300px}}.app-root{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.app-root--curriculum{height:100dvh;overflow:hidden}.app-header{background:var(--surface);border-bottom:1px solid var(--border-bright);z-index:40;position:sticky;top:0;box-shadow:0 1px 8px #0000004d}.app-header-inner{max-width:1280px;height:var(--header-height);justify-content:space-between;align-items:center;margin:0 auto;padding:0 1.25rem;display:flex}.app-logo{color:var(--text);letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.app-mode-toggle{background:var(--bg);border:1px solid var(--border-bright);border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex}.mode-btn{font-size:.875rem;font-weight:500;font-family:var(--font-body);color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.35rem .85rem;transition:background .15s,color .15s}.mode-btn:hover{color:var(--text)}.mode-btn--active{background:var(--surface-elevated);color:var(--text);box-shadow:0 1px 3px #0000004d}.curriculum-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.curriculum-content{flex:1;min-height:0;display:flex;overflow:hidden}.curriculum-main{background:var(--bg);min-width:0;padding-bottom:4.5rem;padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}@media (width<=767px){.curriculum-main{padding-bottom:5.5rem;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}}._container_1ddyj_1{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;padding:2rem;display:flex}._title_1ddyj_23{color:var(--text);font-size:4rem;font-weight:700;font-family:var(--font-mono);margin:0}._message_1ddyj_39{color:var(--text-dim);margin:0;font-size:1.125rem}._link_1ddyj_51{color:#93c5fd;font-size:1rem;text-decoration:underline}