:root{--bg-main:#eef4ff;--bg-secondary:#fff;--card:#fff;--card-hover:#f8fafc;--border:#cbd5e1;--border-strong:#94a3b8;--text-main:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--purple:#7c3aed;--purple-hover:#6d28d9;--blue:#2563eb;--cyan:#0891b2;--green:#16a34a;--yellow:#ca8a04;--red:#dc2626;--primary-soft:#dbeafe;--surface-soft:#f8fafc;--surface-card:#fff;--shadow-soft:0 10px 30px #0f172a14;--shadow-navbar:0 8px 24px #0f172a14;--shadow-card:0 12px 32px #0f172a14;--code-bg:#0d1117;--code-panel:#f8fafc;--code-text:#0f172a;--code-keyword:#7c3aed;--code-string:#047857;--code-tag:#be123c;--code-attr:#1d4ed8;--code-comment:#64748b;--code-number:#0369a1}:root[data-theme=dark]{--bg-main:#060816;--bg-secondary:#0b1023;--card:#10172d;--card-hover:#161f3b;--border:#1d294d;--border-strong:#314168;--text-main:#fff;--text-secondary:#aab3d1;--text-muted:#6e7aa5;--purple:#7b5cff;--purple-hover:#947bff;--blue:#3b82f6;--cyan:#22d3ee;--green:#22c55e;--yellow:#facc15;--red:#ef4444;--primary-soft:#7b5cff29;--code-bg:#0d1117;--code-panel:#111827;--code-text:#d6defa;--code-keyword:#c084fc;--code-string:#86efac;--code-tag:#f87171;--code-attr:#fbbf24;--code-comment:#94a3b8;--code-number:#67e8f9;--surface-soft:#0b1023a6;--surface-card:linear-gradient(160deg, #10172df2, #0a0e22f5);--shadow-soft:0 8px 32px #080a148c;--shadow-navbar:0 8px 32px #080a148c;--shadow-card:0 8px 32px #080a148c}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;opacity:0;min-height:100vh;margin:0;font-weight:500;transition:opacity .28s,transform .28s;overflow-x:hidden;transform:translateY(8px);background:var(--bg-main)!important;color:var(--text-main)!important}body.page-ready{opacity:1;transform:translateY(0)}body.page-leaving{opacity:0;transform:translateY(-6px)}img,iframe,textarea,pre{max-width:100%}.bg-grid{pointer-events:none;z-index:-1;background:var(--bg-main);position:fixed;inset:0}:root[data-theme=dark] .bg-grid{background:radial-gradient(circle at 20% -5%, #7b5cff2e, transparent 45%), radial-gradient(circle at 80% 10%, #3b82f626, transparent 40%), linear-gradient(var(--bg-main), var(--bg-main))}.bg-bgMain{background-color:var(--bg-main)!important}.bg-bgSecondary{background-color:var(--bg-secondary)!important}.bg-card{background-color:var(--card)!important}.bg-purple{background-color:var(--blue)!important}.hover\:bg-purpleHover:hover{background-color:var(--purple-hover)!important}.text-cyan{color:var(--cyan)!important}.text-textMain{color:var(--text-main)!important}.text-textSecondary{color:var(--text-secondary)!important}.text-textMuted{color:var(--text-muted)!important}.border-borderEdge{border-color:var(--border)!important}:root:not([data-theme=dark]) .hover\:text-white:hover{color:var(--text-main)!important}:root[data-theme=dark] .bg-purple{background-color:var(--purple)!important}:focus-visible{outline-offset:3px;outline:3px solid #2563eb59}:root:not([data-theme=dark]) .bg-bgSecondary\/40,:root:not([data-theme=dark]) .bg-bgSecondary\/50,:root:not([data-theme=dark]) .bg-bgSecondary\/60,:root:not([data-theme=dark]) .bg-bgSecondary\/65{background-color:#fff!important}:root:not([data-theme=dark]) .bg-card\/60{background-color:#eff6ff!important}:root:not([data-theme=dark]) .border-borderEdge\/80,:root:not([data-theme=dark]) .border-borderEdge\/90{border-color:var(--border)!important}:root:not([data-theme=dark]) .shadow-\[0_8px_30px_rgba\(123\,92\,255\,\.35\)\]{box-shadow:0 10px 26px #7b5cff38!important}.brand-wrap{cursor:pointer;border-radius:.6rem;outline:none;align-items:center;transition:opacity .2s,box-shadow .2s;animation:.35s both headerIn;display:flex}.brand-wrap:hover{opacity:.88}.brand-wrap:focus-visible{box-shadow:0 0 0 3px #22d3ee73}.brand-logo-header{object-fit:cover;object-position:center;width:148px;height:42px;display:block}.brand-logo-compact{object-fit:cover;object-position:center;width:42px;height:42px;display:none}:root[data-theme=dark] .brand-logo-header{display:none}:root[data-theme=dark] .brand-logo-compact{display:block}.site-header{box-shadow:var(--shadow-navbar);animation:.35s both headerIn;background:var(--bg-secondary)!important;border-color:var(--border)!important}.site-header>div>a[href="./index.html"]{display:none!important}#mobileMenuBtn{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 86%, var(--blue) 8%);color:#0000;cursor:pointer;border-radius:.45rem;place-items:center;width:2.6rem;height:2.6rem;padding:0;font-size:0;transition:background .2s,border-color .2s,box-shadow .2s;display:none;position:relative}.theme-toggle{border:1px solid var(--border);background:var(--card);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .72rem;font-size:.78rem;font-weight:800;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.theme-toggle:hover{border-color:var(--blue);background:var(--primary-soft);color:var(--text-main)}.theme-toggle span{background:#2563eb24;border-radius:999px;place-items:center;width:1.15rem;height:1.15rem;display:inline-grid}#mobileMenuBtn:before,#mobileMenuBtn:after,#mobileMenuBtn .menu-line{content:"";background:var(--text-main);border-radius:999px;width:1.15rem;height:2px;transition:transform .22s,top .22s,opacity .18s;position:absolute;left:50%;transform:translate(-50%)}#mobileMenuBtn:before{top:.78rem}#mobileMenuBtn .menu-line{top:1.25rem}#mobileMenuBtn:after{top:1.72rem}#mobileMenuBtn:hover,#mobileMenuBtn[aria-expanded=true]{border-color:var(--blue);background:var(--primary-soft);box-shadow:0 10px 26px #2563eb2e}:root[data-theme=dark] #mobileMenuBtn:hover,:root[data-theme=dark] #mobileMenuBtn[aria-expanded=true]{background:#ffffff29;border-color:#7b5cffb8;box-shadow:0 10px 26px #080a1459}#mobileMenuBtn[aria-expanded=true]:before{top:1.25rem;transform:translate(-50%)rotate(45deg)}#mobileMenuBtn[aria-expanded=true] .menu-line{opacity:0}#mobileMenuBtn[aria-expanded=true]:after{top:1.25rem;transform:translate(-50%)rotate(-45deg)}#mainNav a,#mobileNav a{font-weight:700;transition:color .2s;position:relative}#mainNav a:hover,#mainNav a.nav-active{color:var(--text-main)!important}#mobileNav{border-radius:.9rem}#mobileNav a{border-radius:.65rem;padding:.7rem .75rem;line-height:1.2}#mobileNav a:hover,#mobileNav a.nav-active{background:var(--primary-soft);color:var(--text-main)}:root[data-theme=dark] #mobileNav a:hover,:root[data-theme=dark] #mobileNav a.nav-active{background:#7b5cff24}#mainNav a:after{content:"";background:linear-gradient(90deg, var(--blue), var(--purple));transform-origin:0;opacity:.75;border-radius:999px;width:100%;height:2px;transition:transform .24s,opacity .24s;position:absolute;bottom:-8px;left:0;transform:scaleX(0)}#mainNav a:hover:after{transform:scaleX(1)}#mainNav a.nav-active{color:var(--text-main)}#mainNav a.nav-active:after{transform:scaleX(1)}@keyframes headerIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes mobileNavIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.section-block{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 90%, var(--card) 10%);box-shadow:var(--shadow-soft);border-radius:1rem;margin-top:1rem;padding:1.45rem}.section-head h2{color:var(--text-main);overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:800}.section-head p{color:var(--text-secondary);margin:.4rem 0 1rem;font-weight:500;line-height:1.65}.feature-card,.content-card{border:1px solid var(--border);background:var(--surface-card);border-radius:.9rem;padding:1.08rem;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;box-shadow:0 1px #0f172a08}.feature-card:hover,.content-card:hover{background:var(--card);border-color:color-mix(in srgb, var(--blue) 42%, var(--border));box-shadow:var(--shadow-card);transform:translateY(-1px)}.feature-card h3,.content-card h3{color:var(--text-main);overflow-wrap:anywhere;margin:0 0 .4rem;font-size:1.04rem;font-weight:700;line-height:1.35}.feature-card p,.content-card p{color:var(--text-secondary);margin:0;font-weight:500;line-height:1.65}.community-section{grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:center;gap:clamp(1.2rem,3vw,2.2rem);padding:clamp(1.2rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.community-section:before{content:"";pointer-events:none;filter:blur(8px);opacity:.8;background:radial-gradient(circle at 30% 35%,#22d3ee2e,#0000 52%),radial-gradient(circle at 72% 44%,#7b5cff38,#0000 54%);height:340px;position:absolute;inset:auto -12% -38% 42%}.community-copy{z-index:1;max-width:680px;position:relative}.community-copy h2,.community-footer-cta h2{color:var(--text-main);overflow-wrap:anywhere;margin:0;font-size:clamp(1.65rem,3vw,2.45rem);font-weight:800;line-height:1.12}.community-copy p,.community-footer-cta p{color:var(--text-secondary);margin:.8rem 0 0;line-height:1.7}.community-benefits{gap:.62rem;margin:1.1rem 0 1.35rem;padding:0;list-style:none;display:grid}.community-benefits li{color:var(--text-secondary);grid-template-columns:1.65rem 1fr;align-items:start;gap:.65rem;line-height:1.55;display:grid}.community-benefits li:before{content:"✓";border:1px solid color-mix(in srgb, var(--green) 44%, var(--border));background:color-mix(in srgb, var(--green) 13%, var(--card));width:1.65rem;height:1.65rem;color:var(--green);border-radius:.5rem;place-items:center;font-size:.82rem;font-weight:900;display:grid}.community-button{border:1px solid color-mix(in srgb, var(--blue) 58%, var(--border));background:var(--blue);border-radius:.65rem;justify-content:center;align-items:center;min-height:2.9rem;padding:.76rem 1.05rem;font-size:.92rem;font-weight:800;text-decoration:none;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 28px #2563eb38;color:#fff!important}.community-button:hover{border-color:var(--purple-hover);background:var(--purple-hover);transform:translateY(-1px);box-shadow:0 14px 32px #7b5cff3d}.discord-community-card{z-index:1;border:1px solid color-mix(in srgb, var(--purple) 42%, var(--border));color:#fff;background:linear-gradient(145deg,#111833fa,#070b1cfa),radial-gradient(circle at 15% 12%,#22d3ee2e,#0000 36%);border-radius:1.25rem;width:min(100%,430px);margin-inline:auto;padding:clamp(1.05rem,2.4vw,1.35rem);position:relative;overflow:hidden;box-shadow:0 20px 48px #03071247,inset 0 0 0 1px #ffffff08}.discord-card-glow{pointer-events:none;background:radial-gradient(circle,#7b5cff47,#0000 64%);border-radius:999px;width:260px;height:260px;position:absolute;inset:-35% -28% auto auto}.discord-card-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;display:grid;position:relative}.discord-card-icon,.discord-community-icon-wrapper{background:linear-gradient(145deg,#7b5cfff2,#3b82f6e6);border:1px solid #947bff80;border-radius:14px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 14px 28px #7b5cff40}.discord-community-icon{object-fit:contain;flex:none;width:26px;height:26px;display:block}.discord-card-head h3{color:#fff;margin:0;font-size:1.05rem;font-weight:850;line-height:1.2}.discord-card-head p,.discord-card-group>p,.discord-online-panel p,.discord-card-message,.discord-muted{color:#dbe7ffb3;margin:0;font-size:.82rem;line-height:1.45}.discord-live-badge{color:#bbf7d0;white-space:nowrap;background:#22c55e1a;border:1px solid #22c55e52;border-radius:999px;align-items:center;gap:.42rem;padding:.34rem .58rem;font-size:.72rem;font-weight:800;display:inline-flex}.discord-live-badge span,.discord-status-dot,.discord-member-status{background:#22c55e;border-radius:999px;width:.52rem;height:.52rem;box-shadow:0 0 0 4px #22c55e21}.discord-online-panel{background:linear-gradient(135deg,#7b5cff29,#22d3ee14);border:1px solid #7d94ff2e;border-radius:1rem;align-items:center;gap:.85rem;margin-top:1.15rem;padding:.95rem;display:flex;position:relative}.discord-online-panel strong{color:#fff;font-size:clamp(1.65rem,4vw,2.15rem);font-weight:900;line-height:1;display:block}.discord-card-group{margin-top:1rem;position:relative}.discord-channel-list{flex-wrap:wrap;gap:.5rem;margin-top:.55rem;display:flex}.discord-channel-list span{color:#dbeafe;background:#60a5fa1a;border:1px solid #60a5fa47;border-radius:999px;padding:.4rem .62rem;font-size:.78rem;font-weight:800}.discord-member-list{gap:.55rem;margin-top:.6rem;display:grid}.discord-member{background:#ffffff0b;border:1px solid #94a3b824;border-radius:.82rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.5rem;display:grid}.discord-member img,.discord-member-initials{border:1px solid #ffffff1f;border-radius:999px;width:2rem;height:2rem}.discord-member img{object-fit:cover}.discord-member-initials{color:#fff;background:#7b5cff2e;place-items:center;font-size:.78rem;font-weight:900;display:grid}.discord-member strong{color:#f8fbff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.86rem;font-weight:800;overflow:hidden}.discord-member-status.dnd{background:#f87171;box-shadow:0 0 0 4px #f8717121}.discord-member-status.idle{background:#facc15;box-shadow:0 0 0 4px #facc1521}.discord-card-message{background:#facc150f;border:1px solid #facc152e;border-radius:.8rem;margin-top:.95rem;padding:.7rem .8rem}.discord-card-button{width:100%;min-height:3.05rem;margin-top:1.1rem}.community-footer-cta,.about-community-section{justify-content:space-between;align-items:center;gap:1.2rem;display:flex}.community-footer-cta{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 86%, var(--primary-soft));box-shadow:var(--shadow-soft);border-radius:1rem;margin-top:1rem;padding:1.35rem}.community-footer-cta>div{max-width:760px}.about-community-section .section-head{max-width:780px}:root[data-theme=dark] .community-button{background:var(--purple);border-color:#7b5cffd1;box-shadow:0 12px 30px #7b5cff47}:root[data-theme=dark] .community-button:hover{background:var(--purple-hover);border-color:var(--purple-hover)}.practice-card{min-height:100%;color:inherit;flex-direction:column;gap:.65rem;text-decoration:none;display:flex}.practice-card p{flex:1}.practice-card strong{color:var(--text-main);font-size:.9rem}.practice-card-head,.practice-tags{flex-wrap:wrap;gap:.45rem;display:flex}.practice-card-head span,.practice-tags span{border:1px solid color-mix(in srgb, var(--blue) 28%, var(--border));background:var(--primary-soft);color:#1e3a8a;border-radius:999px;padding:.22rem .55rem;font-size:.72rem;font-weight:700}:root[data-theme=dark] .practice-card strong{color:#dbe7ff}:root[data-theme=dark] .practice-card-head span,:root[data-theme=dark] .practice-tags span{color:#dbe7ff;background:#7b5cff1f;border-color:#1d294de6}.practice-card:hover{transform:translateY(-2px)}.practice-brief-grid,.practice-skeleton-layout,.practice-code-grid,.practice-ide{gap:1rem;display:grid}.practice-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.practice-skeleton-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}.practice-code-grid{grid-template-columns:minmax(0,1fr)}.practice-detail-hero{gap:.85rem;display:grid}.practice-steps-card,.practice-editor-panel,.practice-preview-panel{border:1px solid var(--border);background:var(--surface-card);border-radius:.85rem;padding:1rem}.practice-steps-card h3,.practice-editor-panel h3,.practice-preview-panel h3{margin:0 0 .85rem;font-size:1rem;font-weight:800}.practice-step-list,.practice-check-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.practice-step-list li{grid-template-columns:2.1rem 1fr;align-items:start;gap:.7rem;display:grid}.practice-check-list label{cursor:pointer;grid-template-columns:2.1rem 1fr;align-items:start;gap:.7rem;display:grid}.practice-check-list input{opacity:0;pointer-events:none;position:absolute}.practice-step-list span,.practice-check-list span{border:1px solid color-mix(in srgb, var(--purple) 55%, var(--border));background:color-mix(in srgb, var(--purple) 12%, #fff);color:#5b21b6;border-radius:.55rem;place-items:center;width:2.1rem;height:2.1rem;font-size:.76rem;font-weight:800;display:grid}.practice-check-list span{border-color:color-mix(in srgb, var(--green) 48%, var(--border));background:color-mix(in srgb, var(--green) 12%, #fff);color:#0000;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}.practice-check-list input:checked+span{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 8px 18px #16a34a33}.practice-check-list input:focus-visible+span{outline-offset:3px;outline:2px solid #22d3ee}.practice-check-list input:checked+span+p{color:var(--text-secondary)}:root[data-theme=dark] .practice-step-list span,:root[data-theme=dark] .practice-check-list span{color:#e6eaff;background:#7b5cff1f;border-color:#7b5cff80}:root[data-theme=dark] .practice-check-list span{color:#0000;background:#065f461f;border-color:#22c55e6b}:root[data-theme=dark] .practice-check-list input:checked+span{color:#bbf7d0;background:#064e3b;border-color:#34d399;box-shadow:0 0 18px #22c55e38}:root[data-theme=dark] .practice-check-list input:checked+span+p{color:#d8ffe8}.practice-step-list p,.practice-check-list p{color:var(--text-secondary);margin:.25rem 0 0;line-height:1.55}.practice-code-card{border:1px solid var(--border-strong);background:var(--code-panel);border-radius:.8rem;overflow:hidden;box-shadow:0 1px #0f172a0a}.practice-code-card h3{border-bottom:1px solid var(--border);color:var(--text-main);background:#f1f5f9;margin:0;padding:.75rem .85rem;font-size:.9rem;font-weight:800}.practice-code-card pre{max-height:280px;margin:0;padding:1rem;overflow:auto}.practice-code-card code{color:var(--code-text);white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.65}:root[data-theme=dark] .practice-code-card{border-color:var(--border);box-shadow:none}:root[data-theme=dark] .practice-code-card h3{color:var(--text-main);background:0 0;border-bottom-color:#1d294dd9}.code-keyword{color:var(--code-keyword)}.code-string{color:var(--code-string)}.code-tag{color:var(--code-tag)}.code-attr{color:var(--code-attr)}.code-comment{color:var(--code-comment);font-style:italic}.code-number{color:var(--code-number)}.practice-ide{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch}.practice-panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.practice-ide .module-ide-grid{grid-template-columns:1fr}.practice-ide .module-ide-grid textarea{min-height:132px}.practice-preview{min-height:560px}.lang-pill{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 82%, var(--blue) 10%);border-radius:.5rem;padding:.38rem .68rem;font-weight:800;color:var(--text-secondary)!important}.lang-pill-check{justify-content:space-between;align-items:center;gap:.55rem;display:flex}.lang-pill-check:after{content:"✓✓";letter-spacing:-.08em;color:#16a34a;text-shadow:none;flex-shrink:0;font-size:.72rem;font-weight:900;line-height:1}:root[data-theme=dark] .lang-pill-check:after{color:#6dffa8;text-shadow:0 0 10px #6dffa88c}.pill{border:1px solid var(--border-strong);background:var(--card);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:.52rem .92rem;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 1px #0f172a0a}.pill:hover{color:var(--text-main);border-color:var(--blue);background:var(--primary-soft);box-shadow:0 8px 18px #2563eb1f}.pill.active{color:#fff;border-color:var(--blue);background:linear-gradient(135deg, var(--blue), var(--purple));box-shadow:0 10px 24px #2563eb38}.search-input{border:1px solid var(--border-strong);background:var(--card);width:min(100%,360px);color:var(--text-main);border-radius:.7rem;outline:none;padding:.68rem .85rem;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:0 1px #0f172a0a}.search-input::placeholder{color:var(--text-muted);opacity:1}.search-input:hover{border-color:color-mix(in srgb, var(--blue) 50%, var(--border-strong))}.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2563eb24}.track-card{border-color:color-mix(in srgb, var(--track-accent,var(--border)) 30%, var(--border));border-left:5px solid color-mix(in srgb, var(--track-accent,var(--blue)) 70%, var(--blue));box-shadow:var(--shadow-card);padding:1.05rem;position:relative;overflow:hidden}.track-card:before{content:"";background:color-mix(in srgb, var(--track-accent,var(--blue)) 74%, var(--blue));pointer-events:none;width:5px;position:absolute;inset:0 auto 0 0}:root[data-theme=dark] .track-card{box-shadow:none}.track-click{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:minmax(220px,1fr) 190px 140px 1fr;align-items:center;gap:1rem;padding:.1rem;text-decoration:none;display:grid}.track-main{align-items:flex-start;gap:.95rem;display:flex}.track-icon{border:1px solid color-mix(in srgb, var(--track-accent,var(--border)) 22%, var(--border));background:color-mix(in srgb, var(--track-accent,var(--primary-soft)) 10%, #fff);border-radius:.65rem;flex:none;place-items:center;width:4.65rem;height:4.65rem;display:grid;box-shadow:inset 0 0 0 1px #ffffffa6}.track-icon img{object-fit:contain;width:2.4rem;height:2.4rem}.track-main h3{margin-bottom:.35rem;font-size:1.12rem;font-weight:800}.track-main p{max-width:58rem;color:var(--text-secondary);font-weight:500;line-height:1.65}.track-meta{color:var(--text-secondary);font-size:.86rem;font-weight:700}.track-open{border:1px solid var(--blue);background:var(--primary-soft);color:#1d4ed8;border-radius:999px;justify-content:center;width:fit-content;padding:.45rem .75rem;font-size:.82rem;font-weight:800;display:inline-flex}.track-focus{color:var(--text-secondary);text-transform:uppercase;font-size:.76rem;font-weight:800}.track-tags{flex-wrap:wrap;gap:.42rem;margin-bottom:.65rem;display:flex}.track-tag{border:1px solid color-mix(in srgb, var(--track-accent,var(--border)) 30%, var(--border));color:color-mix(in srgb, var(--track-accent,var(--text-main)) 54%, #0f172a);background:color-mix(in srgb, var(--track-accent,var(--primary-soft)) 16%, #fff);border-radius:999px;padding:.24rem .6rem;font-size:.72rem;font-weight:800;line-height:1.2}.progress-shell{background:#d8e3f3;border:1px solid #94a3b852;border-radius:999px;width:100%;height:.48rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--track-accent,var(--purple)), var(--blue));height:100%;box-shadow:0 0 14px #2563eb3d}.course-progress-shell{height:12px}.track-progress-panel{border:1px solid color-mix(in srgb, var(--track-accent,var(--border)) 34%, var(--border));background:color-mix(in srgb, var(--track-accent,var(--surface-soft)) 8%, var(--surface-soft));border-radius:.85rem;gap:.75rem;margin-top:.9rem;padding:.9rem;display:grid}.track-progress-panel>div:first-child,.track-progress-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.track-progress-panel p,.track-progress-panel strong,.track-progress-actions span{margin:0}.track-progress-panel p,.track-progress-actions span{color:var(--text-muted);font-size:.82rem;font-weight:800}.track-progress-panel strong{color:var(--text-main);font-size:1rem}.track-modules{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem;display:none}.track-modules.open{display:block}.track-modules h4{margin:0 0 .55rem;font-size:.92rem}.track-modules ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.track-modules li{color:var(--text-secondary);align-items:center;gap:.55rem;font-size:.88rem;display:flex}.track-modules li span{border:1px solid var(--border);width:1.2rem;height:1.2rem;color:var(--text-main);border-radius:999px;place-items:center;font-size:.72rem;display:inline-grid}:root[data-theme=dark] .track-icon{box-shadow:none;background:0 0;border-color:#0000}:root[data-theme=dark] .track-open{color:var(--text-main);background:#7b5cff1f;border-color:#7b5cff9e}:root[data-theme=dark] .track-tag{border-color:color-mix(in srgb, var(--track-accent,var(--border)) 40%, var(--border));color:color-mix(in srgb, var(--track-accent,var(--text-secondary)) 65%, #dbe7ff);background:color-mix(in srgb, var(--track-accent,#7b5cff) 14%, #0b1023eb)}:root[data-theme=dark] .progress-shell{background:#1a2549;border-color:#0000}:root[data-theme=dark] .track-modules{border-top-color:#1d294dbf}.module-card{border-color:color-mix(in srgb, var(--track-accent,var(--border)) 30%, var(--border));border-left:5px solid color-mix(in srgb, var(--track-accent,var(--blue)) 70%, var(--blue));scroll-margin-top:90px}.module-card-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.65rem;display:flex}.module-kicker{color:color-mix(in srgb, var(--track-accent,var(--text-secondary)) 56%, var(--text-main));text-transform:uppercase;margin:0 0 .2rem;font-size:.78rem;font-weight:800}.module-badges{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;min-width:fit-content;display:flex}.module-badges span{border:1px solid color-mix(in srgb, var(--track-accent,var(--border)) 34%, var(--border));background:color-mix(in srgb, var(--track-accent,var(--primary-soft)) 15%, #fff);color:color-mix(in srgb, var(--track-accent,var(--text-main)) 54%, #0f172a);text-transform:capitalize;border-radius:999px;padding:.24rem .6rem;font-size:.72rem;font-weight:800;line-height:1.2}.module-description{margin-bottom:.85rem}.module-learning-grid{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 84%, var(--blue) 4%);border-radius:.8rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:.9rem;margin:.95rem 0;padding:.9rem;display:grid}.module-learning-grid p+p{margin-top:.35rem}.module-list{color:var(--text-secondary);margin:.4rem 0 .9rem;padding-left:1.1rem;font-weight:500}.module-list li{margin:.25rem 0}.module-study{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 88%, #fff);border-radius:.8rem;margin:1rem 0;overflow:hidden}.module-study h4{border-bottom:1px solid var(--border);color:var(--text-main);margin:0;padding:.75rem .9rem;font-size:.92rem}.module-study-content{gap:.8rem;max-height:640px;padding:.9rem;display:grid;overflow:auto}.module-study-content h5{color:color-mix(in srgb, var(--track-accent,var(--blue)) 58%, var(--text-main));text-transform:uppercase;margin:.3rem 0 0;font-size:.82rem;font-weight:900}.module-study-content p{color:var(--text-secondary);margin:0;font-weight:500;line-height:1.7}.module-study-content pre{border:1px solid var(--border);background:var(--code-bg);border-radius:.65rem;margin:0;padding:.85rem;overflow:auto}.module-study-content code{color:var(--code-text);white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.55}.module-progress-checklist{border:1px solid color-mix(in srgb, var(--track-accent,var(--border)) 36%, var(--border));background:color-mix(in srgb, var(--track-accent,var(--surface-soft)) 7%, var(--surface-soft));border-radius:.85rem;gap:.85rem;margin-top:1rem;padding:1rem;display:grid}.module-progress-head{justify-content:space-between;align-items:flex-start;gap:.9rem;display:flex}.module-progress-head h4,.module-progress-head p{margin:0}.module-progress-head h4{color:var(--text-main);font-size:1rem}.module-progress-head p{color:var(--text-muted);margin-top:.2rem;font-size:.84rem}.module-progress-head>span{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;flex:none;padding:.28rem .58rem;font-size:.72rem;font-weight:900}.module-progress-head>span.is-complete{border-color:color-mix(in srgb, var(--green) 50%, var(--border));background:color-mix(in srgb, var(--green) 14%, var(--surface-soft));color:var(--green)}.module-ide{border-top:1px solid var(--border);margin-top:1rem;padding-top:.9rem}.module-ide h4{margin:0 0 .55rem;font-size:.92rem}.module-ide-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.module-ide-grid.html-only{grid-template-columns:1fr}.module-ide-grid label{color:var(--text-secondary);gap:.25rem;font-size:.78rem;font-weight:700;display:grid}.module-ide-grid textarea{resize:vertical;border:1px solid var(--border-strong);width:100%;min-height:145px;color:var(--text-main);background:#fff;border-radius:.6rem;outline:none;padding:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.5;transition:border-color .2s,box-shadow .2s,background .2s,color .2s;box-shadow:inset 0 1px #0f172a0a}.module-ide-grid.html-only textarea{min-height:260px}.module-ide-grid textarea:hover,.module-ide-grid textarea:focus{border-color:var(--blue)}.module-ide-grid textarea:focus{box-shadow:0 0 0 4px #2563eb1f}.module-ide-grid textarea[data-type=html],#editor[data-active-tab=html]{color:#9a3412}.module-ide-grid textarea[data-type=css],#editor[data-active-tab=css]{color:#1d4ed8}.module-ide-grid textarea[data-type=js],#editor[data-active-tab=js]{color:#854d0e}:root[data-theme=dark] .module-ide-grid textarea{border-color:var(--border);background:var(--code-bg);color:var(--code-text);box-shadow:none}:root[data-theme=dark] .module-ide-grid textarea[data-type=html],:root[data-theme=dark] #editor[data-active-tab=html]{color:#fca5a5}:root[data-theme=dark] .module-ide-grid textarea[data-type=css],:root[data-theme=dark] #editor[data-active-tab=css]{color:#93c5fd}:root[data-theme=dark] .module-ide-grid textarea[data-type=js],:root[data-theme=dark] #editor[data-active-tab=js]{color:#fde68a}.module-ide .run-module-ide{margin-top:.6rem}.module-preview{min-height:260px;margin-top:.75rem}.module-pager{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding-top:.85rem;display:flex}.module-pager span{color:var(--text-secondary);text-align:center;font-size:.86rem;font-weight:700}.module-pager .pill{min-width:6.4rem}.module-pager .pill:disabled{cursor:not-allowed;opacity:.42}.module-layout{grid-template-columns:300px 1fr;gap:1rem;display:grid}.module-menu{border:1px solid var(--border);background:var(--surface-soft);box-shadow:var(--shadow-soft);border-radius:.9rem;align-self:start;padding:.8rem;position:sticky;top:16px}.module-menu-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.7rem;display:flex}.module-menu-brand{align-items:center;gap:.45rem;display:flex}.brand-symbol-secondary{object-fit:contain;opacity:.95;width:20px;height:20px}.module-menu-head h3{margin:0;font-size:.92rem}.module-menu-list{gap:.7rem;max-height:70vh;padding-right:.2rem;transition:max-height .25s,opacity .2s;display:grid;overflow:hidden auto}.module-menu-list.collapsed{opacity:0;max-height:0;overflow:hidden}.module-menu-section{gap:.42rem;display:grid}.module-menu-section p{color:color-mix(in srgb, var(--track-accent,var(--blue)) 72%, var(--text-main));letter-spacing:0;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.module-menu-section div{gap:.38rem;display:grid}.module-link{border:1px solid var(--border);color:var(--text-secondary);white-space:normal;word-break:break-word;overflow-wrap:anywhere;border-radius:.6rem;padding:.5rem .6rem;font-size:.8rem;font-weight:600;line-height:1.45;text-decoration:none;transition:all .2s}.module-link span{background:color-mix(in srgb, var(--track-accent,var(--blue)) 12%, var(--surface-soft));width:1.55rem;height:1.55rem;color:color-mix(in srgb, var(--track-accent,var(--blue)) 70%, var(--text-main));vertical-align:middle;border-radius:.45rem;place-items:center;margin-right:.35rem;font-size:.72rem;font-weight:900;display:inline-grid}.module-link [data-progress-marker]{border:1px solid var(--border);background:var(--surface-soft);color:#0000;width:1.25rem;height:1.25rem;margin-left:.1rem;margin-right:.35rem;font-size:.68rem}.module-link[data-progress-state=started]{border-color:color-mix(in srgb, var(--yellow) 42%, var(--border))}.module-link[data-progress-state=started] [data-progress-marker]{border-color:var(--yellow);background:color-mix(in srgb, var(--yellow) 14%, var(--surface-soft));color:var(--yellow)}.module-link[data-progress-state=completed]{border-color:color-mix(in srgb, var(--green) 48%, var(--border))}.module-link[data-progress-state=completed] [data-progress-marker]{border-color:var(--green);background:var(--green);color:#fff}.module-link:hover,.module-link.active{border-color:var(--blue);background:var(--primary-soft);color:var(--text-main);transform:translate(2px)}:root[data-theme=dark] .module-kicker{color:color-mix(in srgb, var(--track-accent,var(--text-secondary)) 70%, #fff)}:root[data-theme=dark] .module-badges span{border-color:color-mix(in srgb, var(--track-accent,var(--border)) 44%, var(--border));background:color-mix(in srgb, var(--track-accent,#7b5cff) 13%, #0b1023f0);color:#eef3ff}:root[data-theme=dark] .module-learning-grid{background:color-mix(in srgb, var(--card) 86%, var(--purple) 4%);border-color:#1d294db8}:root[data-theme=dark] .module-ide,:root[data-theme=dark] .module-pager{border-top-color:#1d294dbf}:root[data-theme=dark] .module-link:hover,:root[data-theme=dark] .module-link.active{background:#7b5cff26;border-color:#7b5cffa6}.module-menu-list::-webkit-scrollbar{width:8px}.module-menu-list::-webkit-scrollbar-track{background:#0b1023b3;border-radius:999px}.module-menu-list::-webkit-scrollbar-thumb{background:linear-gradient(#7b5cffe6,#3b82f6e6);border-radius:999px}.progress-dashboard{gap:1rem;display:grid}.progress-track-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.progress-total-card,.progress-track-card{gap:.85rem;display:grid}.progress-track-head,.progress-track-meta{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.progress-track-head strong{color:color-mix(in srgb, var(--track-accent,var(--purple)) 72%, var(--text-main));font-size:1.55rem;line-height:1}.progress-track-meta{align-items:center}.progress-track-meta span{color:var(--text-muted);font-size:.82rem;font-weight:800}.progress-track-details{border-top:1px solid var(--border);padding-top:.75rem}.progress-track-details summary{cursor:pointer;color:var(--text-secondary);font-weight:900}.progress-track-details>div{gap:.45rem;max-height:360px;margin-top:.75rem;padding-right:.25rem;display:grid;overflow:auto}.progress-module-row{border:1px solid var(--border);color:var(--text-secondary);border-radius:.65rem;grid-template-columns:2.1rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem .65rem;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:grid}.progress-module-row:hover{border-color:var(--blue);background:var(--primary-soft);transform:translate(2px)}.progress-module-row span{background:color-mix(in srgb, var(--track-accent,var(--blue)) 12%, var(--surface-soft));width:2rem;height:2rem;color:color-mix(in srgb, var(--track-accent,var(--blue)) 70%, var(--text-main));border-radius:.55rem;place-items:center;font-size:.74rem;font-weight:900;display:grid}.progress-module-row strong{color:var(--text-main);font-size:.86rem;line-height:1.35}.progress-module-row em{color:var(--text-muted);white-space:nowrap;font-size:.72rem;font-style:normal;font-weight:900}.progress-module-row[data-progress-state=started]{border-color:color-mix(in srgb, var(--yellow) 42%, var(--border))}.progress-module-row[data-progress-state=completed]{border-color:color-mix(in srgb, var(--green) 50%, var(--border));background:color-mix(in srgb, var(--green) 8%, var(--surface-card))}.progress-module-row[data-progress-state=completed] span{background:var(--green);color:#fff}.docs-hero{position:relative;overflow:hidden}.docs-hero:after{content:none}:root[data-theme=dark] .docs-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#7b5cff38,#0000 65%);border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;right:-80px}.docs-tags{flex-wrap:wrap;gap:.45rem;display:flex}.docs-card h3{justify-content:space-between;align-items:center;display:flex}.docs-card a{margin-top:.4rem;font-weight:600;display:inline-flex}.home-stack-head h3{margin:0;font-size:1.35rem;font-weight:800}.home-stack-head p{color:var(--text-secondary);margin:.35rem 0 .9rem}.home-stack-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.home-stack-item{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 92%, var(--blue) 5%);border-radius:.7rem;justify-items:center;gap:.45rem;padding:.65rem .45rem;transition:all .22s;display:grid}.home-stack-item:hover{border-color:#7b5cffa6;transform:translateY(-2px)}.home-stack-item img{object-fit:contain;width:1.65rem;height:1.65rem}.home-stack-item span{color:var(--text-secondary);text-align:center;font-size:.78rem}.roadmap-sections{gap:1rem;margin-top:1rem;display:grid}.roadmap-section{border:1px solid color-mix(in srgb, var(--section-accent,var(--border)) 34%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--section-accent,var(--surface-soft)) 5%, #fff), #fff);border-radius:1rem;padding:1rem;box-shadow:0 10px 26px #0f172a0a}.roadmap-section-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.roadmap-section-head h3{margin:0;font-size:1.15rem;font-weight:800}.roadmap-section-head p{color:var(--text-secondary);margin:.35rem 0 0;line-height:1.6}.roadmap-section-head span{border:1px solid color-mix(in srgb, var(--section-accent,var(--border)) 34%, var(--border));background:color-mix(in srgb, var(--section-accent,var(--primary-soft)) 10%, #fff);color:color-mix(in srgb, var(--section-accent,var(--text-main)) 45%, var(--text-main));border-radius:999px;flex:none;padding:.28rem .65rem;font-size:.78rem;font-weight:800}.roadmap-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;display:grid}.road-step{border:1px solid color-mix(in srgb, var(--track-accent,var(--border)) 42%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--track-accent,#fff) 14%, #fff), #fff 54%);color:inherit;border-radius:.85rem;grid-template-columns:3rem 1fr;align-items:start;gap:.8rem;padding:.9rem .85rem .85rem;text-decoration:none;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #0f172a0d}.road-step:before{content:"";background:linear-gradient(90deg, var(--track-accent,var(--blue)), color-mix(in srgb, var(--track-accent,var(--blue)) 45%, var(--purple)));height:.28rem;position:absolute;inset:0 0 auto}.road-step:hover{border-color:color-mix(in srgb, var(--track-accent,var(--purple)) 78%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--track-accent,#fff) 20%, #fff), #fff 50%);transform:translateY(-2px);box-shadow:0 14px 30px #0f172a17}.road-num{border:1px solid color-mix(in srgb, var(--track-accent,var(--border)) 70%, var(--border));background:linear-gradient(135deg, var(--track-accent,var(--blue)), color-mix(in srgb, var(--track-accent,var(--purple)) 55%, #0f172a));color:#fff;width:2.45rem;height:2.45rem;box-shadow:0 8px 18px color-mix(in srgb, var(--track-accent,var(--blue)) 24%, transparent);border-radius:.7rem;place-items:center;font-size:.82rem;font-weight:800;display:inline-grid}.road-track{color:color-mix(in srgb, var(--track-accent,var(--text-main)) 64%, #0f172a);text-transform:uppercase;margin:0 0 .2rem;font-size:.72rem;font-weight:800}.road-step h3{margin:0;font-size:.96rem;font-weight:800;line-height:1.35}.road-step p:not(.road-track){color:color-mix(in srgb, var(--track-accent,var(--text-secondary)) 20%, var(--text-secondary));margin:.35rem 0 0;font-size:.82rem;font-weight:700}:root[data-theme=dark] .roadmap-section{background:var(--surface-soft);box-shadow:none;border-color:#1d294ddb}:root[data-theme=dark] .roadmap-section-head span{border-color:var(--border);color:var(--text-secondary);background:0 0}:root[data-theme=dark] .road-step{background:var(--surface-card);box-shadow:none}:root[data-theme=dark] .road-step:hover{border-color:color-mix(in srgb, var(--track-accent,var(--purple)) 68%, #fff);background:var(--card-hover);box-shadow:none}:root[data-theme=dark] .road-num{background:color-mix(in srgb, var(--track-accent,var(--purple)) 16%, #0b1023f2);color:#f3f6ff;box-shadow:none}:root[data-theme=dark] .road-track{color:color-mix(in srgb, var(--track-accent,var(--text-secondary)) 72%, #fff)}:root[data-theme=dark] .road-step p:not(.road-track){color:var(--text-muted)}.tab-btn{border:1px solid var(--border);color:var(--text-secondary);background:var(--card);border-radius:.55rem;padding:.45rem .7rem;font-size:.82rem;font-weight:700;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}.tab-btn:hover{border-color:var(--blue);background:var(--primary-soft);color:var(--text-main)}.tab-btn.active{color:#1d4ed8;border-color:var(--blue);background:var(--primary-soft);box-shadow:inset 0 0 0 1px #2563eb1a}.editor-area{resize:vertical;border:1px solid var(--border-strong);width:100%;min-height:290px;color:var(--text-main);background:#fff;border-radius:.8rem;outline:none;padding:.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;line-height:1.6;transition:border-color .2s,box-shadow .2s,background .2s,color .2s;box-shadow:inset 0 1px #0f172a0a}.editor-area:hover,.editor-area:focus{border-color:var(--blue)}.editor-area:focus{box-shadow:0 0 0 4px #2563eb1f}.preview-frame{border:1px solid var(--border);background:#fff;border-radius:.8rem;width:100%;min-height:300px}:root[data-theme=dark] .tab-btn{background:color-mix(in srgb, var(--card) 90%, var(--purple) 6%)}:root[data-theme=dark] .tab-btn.active{color:var(--text-main);box-shadow:none;background:#7b5cff29;border-color:#7b5cffa6}:root[data-theme=dark] .editor-area{border-color:var(--border);background:var(--code-bg);color:var(--code-text);box-shadow:none}:root[data-theme=dark] .preview-frame{border-color:var(--border);background:var(--bg-main)}@media (width<=960px){.site-header{border-radius:.9rem;margin-top:.75rem;padding:.75rem}#mobileNav{gap:.2rem;margin-top:.75rem;padding-top:.75rem}.track-click{grid-template-columns:1fr;align-items:start}.module-ide-grid,.module-card-head,.module-learning-grid{grid-template-columns:1fr}.module-card-head{flex-direction:column}.module-badges{justify-content:flex-start}.module-layout{grid-template-columns:1fr}.module-menu{position:static}.brand-logo-header{display:none}.brand-logo-compact{display:block}.home-stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-brief-grid,.practice-skeleton-layout,.practice-code-grid,.practice-ide,.community-section{grid-template-columns:1fr}.community-copy{max-width:none}.practice-preview{min-height:340px}.progress-track-grid{grid-template-columns:1fr}}@media (width>=768px) and (width<=1120px){#mainNav{display:none!important}#mobileMenuBtn{flex:none;display:grid!important}#mobileNav:not(.hidden){animation:.2s both mobileNavIn;display:grid!important}}@media (width<=767px){.theme-toggle{justify-content:center;width:2.6rem;height:2.6rem;padding:0;font-size:0}#mobileMenuBtn{flex:none;display:grid}#mobileNav:not(.hidden){animation:.2s both mobileNavIn;display:grid}}@media (width<=640px){main{width:min(94%,100% - 1rem);padding-bottom:3rem}.site-header,main,footer{width:min(94%,100% - 1rem)!important}.site-header>div{gap:.55rem}.section-block{padding:1rem}.brand-logo-compact{width:38px;height:38px}.content-card,.feature-card,.road-step{border-radius:.75rem}.community-section,.community-footer-cta,.about-community-section{flex-direction:column;align-items:stretch;padding:1rem}.community-section{display:grid}.community-button{width:100%}.discord-community-card{width:min(100%,430px)}.module-menu-head,.practice-panel-head,.module-progress-head,.track-progress-panel>div:first-child,.track-progress-actions,.progress-track-head,.progress-track-meta{flex-direction:column;align-items:stretch}.module-menu-head .pill,.practice-panel-head .pill,.track-progress-actions .pill,.progress-track-meta .pill{width:100%}.progress-module-row{grid-template-columns:2.1rem minmax(0,1fr)}.progress-module-row em{white-space:normal;grid-column:2}.roadmap-section{padding:.75rem}.roadmap-section-head{flex-direction:column}.roadmap-grid,.road-step{grid-template-columns:1fr}.search-input{width:100%}.pill{padding:.44rem .68rem}.home-stack-grid{gap:.45rem}.module-preview,.preview-frame{min-height:220px}.practice-brief-grid,.practice-skeleton-layout,.practice-code-grid,.practice-ide{grid-template-columns:1fr}.practice-code-card pre{max-height:300px}.practice-preview{min-height:300px}.module-pager{grid-template-columns:1fr 1fr;display:grid}.module-pager span{grid-area:1/1/auto/-1}.module-pager .pill{width:100%;min-width:0}}