:root{--bg-main:#0a0a0f;--bg-card:#121221;--bg-card-hover:#ffffff08;--bg-panel:linear-gradient(135deg, #0d0d16 0%, #08080f 100%);--text-primary:#fff;--text-secondary:#c0c0d8;--text-muted:#557;--border-color:#1e1e38;--shadow-card:#0006 0 10px 25px;--bg-input:#13131f;--border-input:#2a2a3e;--bg-scrollbar:#1b1b2f;--bg-scrollbar-thumb:#3a3a5e;--bg-tag:#ffffff08;--border-tag:#1a1a2e;--text-card-heading:#a0a0c0;--bg-header:linear-gradient(180deg, #0d0d1a 0%, #0a0a0f 100%);--bg-details-modal:linear-gradient(135deg, #0d0d16 0%, #08080f 100%);--text-example-code:#a7f3d0;--bg-overlay:#080810bf;--bg-glass:#121226bf;--border-glass:#ffffff14;--shadow-glass:#00000080;--text-glass-title:#fff;--bg-card-face:#121216d9;--bg-card-front-gradient:linear-gradient(135deg, #10b98114 0%, #141419f2 100%);--bg-card-back-gradient:linear-gradient(135deg, #06b6d414 0%, #141419f2 100%);--border-card-front:#10b98126;--border-card-back:#06b6d426;--sm2-again:#fca5a5;--sm2-hard:#fde68a;--sm2-good:#93c5fd;--sm2-easy:#a7f3d0;--coprocessor-purple-text:#c084fc;--coprocessor-purple-bg:#a855f726;--coprocessor-purple-border:#a855f74d;--coprocessor-purple-btn-text:#e9d5ff;--coprocessor-purple-btn-bg:#a855f733;--coprocessor-purple-btn-border:#a855f7;--coprocessor-blue-text:#a5b4fc;--text-highlight-cyan:#22d3ee;--text:#9ca3af;--text-h:#f3f4f6;--bg:var(--bg-main);--border:var(--border-color);--code-bg:#1f2028;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:"Outfit", "Noto Sans", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Outfit", "Noto Sans", system-ui, "Segoe UI", Roboto, sans-serif;--mono:"Fira Code", "Noto Sans Mono", ui-monospace, Consolas, monospace;font:19px/150% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-secondary);background:var(--bg-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s,color .3s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:17px}}:root.light{--bg-main:#f8fafc;--bg-card:#fff;--bg-card-hover:#0f172a0a;--bg-panel:linear-gradient(135deg, #fff 0%, #f1f5f9 100%);--text-primary:#0f172a;--text-secondary:#1e293b;--text-muted:#475569;--border-color:#cbd5e1;--shadow-card:#94a3b80f 0 10px 25px;--bg-input:#fff;--border-input:#94a3b8;--bg-scrollbar:#e2e8f0;--bg-scrollbar-thumb:#cbd5e1;--bg-tag:#0f172a0d;--border-tag:#cbd5e1;--text-card-heading:#334155;--bg-header:linear-gradient(180deg, #fff 0%, #f8fafc 100%);--bg-details-modal:linear-gradient(135deg, #fff 0%, #f8fafc 100%);--text-example-code:#047857;--bg-overlay:#f1f5f9bf;--bg-glass:#ffffffbf;--border-glass:#0f172a14;--shadow-glass:#94a3b833;--text-glass-title:#0f172a;--bg-card-face:#ffffffd9;--bg-card-front-gradient:linear-gradient(135deg, #10b98114 0%, #f8fafcf2 100%);--bg-card-back-gradient:linear-gradient(135deg, #06b6d414 0%, #f8fafcf2 100%);--border-card-front:#10b98159;--border-card-back:#06b6d459;--sm2-again:#b91c1c;--sm2-hard:#b45309;--sm2-good:#1d4ed8;--sm2-easy:#047857;--coprocessor-purple-text:#7e22ce;--coprocessor-purple-bg:#a855f714;--coprocessor-purple-border:#a855f733;--coprocessor-purple-btn-text:#6d28d9;--coprocessor-purple-btn-bg:#6d28d914;--coprocessor-purple-btn-border:#7e22ce;--coprocessor-blue-text:#1e3a8a;--text-highlight-cyan:#0891b2;--text:#1e293b;--text-h:#0f172a;--bg:var(--bg-main);--border:var(--border-color);--code-bg:#e2e8f0;--social-bg:#e2e8f080;--shadow:#94a3b80f 0 10px 15px -3px, #94a3b80a 0 4px 6px -2px}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;max-width:1440px;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-scrollbar)}::-webkit-scrollbar-thumb{background:var(--bg-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.theme-toggle-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-card);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle-btn:hover{border-color:var(--accent);color:var(--accent);transform:rotate(30deg)scale(1.05)}.bookmark-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:34px;min-height:34px;padding:6px;font-size:18px;transition:transform .2s,color .2s;display:inline-flex}.bookmark-btn:hover{transform:scale(1.2)}.checkbox-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:34px;min-height:34px;padding:6px;font-size:18px;transition:transform .2s;display:inline-flex}.checkbox-btn:hover{transform:scale(1.2)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes polishShimmer{0%{opacity:0;transform:translate(-120%)}35%{opacity:.45}to{opacity:0;transform:translate(140%)}}.fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}@media (width<=768px){#root{border-inline:none}}.main-heading{letter-spacing:-1px;vertical-align:middle;background:linear-gradient(135deg,#0f172a 0%,#2563eb 50%,#059669 100%);margin:0;font-size:clamp(30px,4.4vh,46px);font-weight:900;line-height:1.2;display:inline-block;-webkit-text-fill-color:transparent!important;color:#0000!important;-webkit-background-clip:text!important;background-clip:text!important}:root:not(.light) .main-heading{background:linear-gradient(135deg,#fff 0%,#93c5fd 50%,#6ee7b7 100%)!important;-webkit-text-fill-color:transparent!important;color:#0000!important;-webkit-background-clip:text!important;background-clip:text!important}.phase-selector-container{cursor:default;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(5,1fr);gap:14px;padding:24px 0 18px;transition:all .2s;display:grid}@media (width<=768px){.phase-selector-container{cursor:grab;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;display:flex;overflow-x:auto}.phase-selector-container::-webkit-scrollbar{display:none}.phase-selector-container:active{cursor:grabbing}}.phase-btn{cursor:pointer;letter-spacing:0;text-align:left;box-sizing:border-box;isolation:isolate;border-radius:8px;flex-direction:column;justify-content:center;width:100%;min-height:86px;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,background .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #0000002e}.phase-btn:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(110deg,#0000 0%,#ffffff29 45%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.phase-btn:hover{box-shadow:0 16px 34px #00000042, 0 0 0 1px var(--phase-color-soft,#ffffff14);transform:translateY(-3px)scale(1.018);border-color:var(--phase-color,var(--accent))!important}.phase-btn:hover:before{animation:.85s polishShimmer}.phase-btn:active{transform:translateY(-1px)scale(.992)}.phase-btn .phase-icon{margin-right:7px;font-size:19px;transition:transform .2s;display:inline-block}.phase-btn:hover .phase-icon{transform:scale(1.14)rotate(-4deg)}.phase-btn .phase-kicker{font-size:16px;font-weight:850}.phase-btn .phase-title{opacity:.82;white-space:normal;margin-top:5px;font-size:13px;font-weight:650;line-height:1.28;display:block}@media (width<=768px){.phase-btn{white-space:nowrap;flex-shrink:0;width:auto;min-width:176px;min-height:76px}}.control-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.control-btn:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 10px 22px #00000038;border-color:var(--theme-color-50)!important;color:var(--theme-color)!important;background:var(--theme-color-12)!important}.control-btn.active{box-shadow:0 0 12px var(--theme-color-50);font-weight:700;background:var(--theme-color)!important;border-color:var(--theme-color)!important;color:#0a0a0f!important}.control-btn.active:hover{opacity:.9;transform:translateY(-1px);background:var(--theme-color)!important;color:#0a0a0f!important}.readable-text{max-width:65ch;line-height:1.75}.bg-base{background-color:var(--bg-main)!important}.bg-surface{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-card)!important}.bg-surface-raised{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#19192de6 0%,#0f0f1ef2 100%)!important;border:1px solid #ffffff14!important;box-shadow:0 20px 50px #0009!important}:root.light .bg-surface-raised{background:linear-gradient(135deg,#fffffff2 0%,#f0f4f8fa 100%)!important;border:1px solid #00000014!important;box-shadow:0 20px 50px #64748b26!important}.dual-pane-container{align-items:flex-start;gap:28px;margin-top:16px;transition:all .3s;display:flex;position:relative}.left-sidebar{z-index:100;scrollbar-width:none;border-radius:12px;flex-shrink:0;width:300px;max-height:calc(100vh - 48px);padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:sticky;top:24px;overflow-y:auto}.left-sidebar::-webkit-scrollbar{display:none}.left-sidebar.collapsed{opacity:0;pointer-events:none;width:0;margin-right:-28px;padding:0;overflow:hidden}.main-topic-panel{flex-grow:1;min-width:0;transition:all .3s}.sidebar-backdrop{display:none}@media (width<=768px){.dual-pane-container{flex-direction:column;gap:16px}.left-sidebar{z-index:10000!important;opacity:1!important;pointer-events:auto!important;background:var(--bg-card)!important;border:none!important;border-right:1px solid var(--border-color)!important;border-radius:0 16px 16px 0!important;width:280px!important;max-width:80vw!important;height:100vh!important;max-height:100vh!important;margin-right:0!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(0)!important;box-shadow:10px 0 30px #00000080!important}[dir=rtl] .left-sidebar{border-right:none!important;border-left:1px solid var(--border-color)!important;border-radius:16px 0 0 16px!important;left:auto!important;right:0!important;box-shadow:-10px 0 30px #00000080!important}.left-sidebar.collapsed{opacity:0!important;pointer-events:none!important;width:280px!important;padding:16px!important;transform:translate(-100%)!important}[dir=rtl] .left-sidebar.collapsed{transform:translate(100%)!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;animation:.25s ease-out forwards fadeInOverlay;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}}.sidebar-section-item{cursor:pointer;text-align:left;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:4px;margin-bottom:8px;padding:11px 13px;font-size:14px;transition:all .2s;display:flex}.sidebar-section-item:hover{background:var(--bg-card-hover);border-color:var(--border-color);transform:translate(4px);box-shadow:0 10px 20px #00000029}.sidebar-section-item.active{background:var(--theme-color-12);border-color:var(--theme-color-20);color:var(--text-primary);font-weight:600}.curriculum-map-container{background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;flex-direction:column;justify-content:flex-start;align-items:center;padding:40px;transition:all .3s;display:flex;position:fixed;inset:0;overflow-y:auto}.curriculum-map-grid{flex-wrap:wrap;justify-content:center;gap:24px;max-width:1100px;margin:40px auto;display:flex;position:relative}.map-node{cursor:pointer;text-align:left;border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:8px;width:180px;padding:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.map-node:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000004d}.token-keyword{color:#f43f5e;font-weight:700}.token-string{color:#10b981}.token-comment{color:#64748b;font-style:italic}.token-function{color:#3b82f6}.token-number{color:#f59e0b}.token-operator{color:#a855f7}.list-layout-container{flex-direction:column;gap:11px;display:flex}.list-layout-row{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:13px 18px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex}.list-layout-row:hover{border-color:var(--theme-color-50);background:var(--bg-card-hover);transform:translate(5px)scale(1.006);box-shadow:0 12px 26px #0000002e}.section-card{transition:transform .22s,border-color .22s,box-shadow .22s,background .22s!important}.section-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px #0000003d!important}.section-card-header:hover{background:var(--bg-card-hover)!important}.section-title-text{font-size:16px!important;font-weight:800!important}.section-topic-count{font-size:11.5px!important;font-weight:800!important}.topic-card-row{min-height:46px}.topic-card-row:hover{box-shadow:0 10px 22px #00000029!important}.topic-title-text{min-width:0;font-weight:600;text-align:left!important;font-size:14.5px!important}.topic-difficulty-badge,.topic-career-badge,.topic-struggle-badge{font-size:10px!important;font-weight:850!important}.mix-it-up-btn,.assessment-portal-btn{min-height:38px}.mix-it-up-btn:hover,.assessment-portal-btn:hover{filter:brightness(1.08);transform:translateY(-2px)scale(1.01);box-shadow:0 12px 24px #0003}@media (width<=640px){.section-card-header{padding:14px 12px!important}.section-title-text{font-size:15px!important}.section-topic-count{padding:3px 7px!important;font-size:11px!important}.topic-card-row{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:start!important;padding:12px!important;display:grid!important}.topic-card-row .checkbox-btn{grid-column:1}.topic-card-row .topic-title-text{overflow-wrap:anywhere;grid-column:2/4;width:100%;line-height:1.45!important}.topic-card-row .topic-difficulty-badge,.topic-card-row .topic-career-badge,.topic-card-row .topic-struggle-badge{grid-column:2;justify-self:start;margin-left:0!important}.topic-card-row .bookmark-btn{grid-area:2/3;justify-self:end}}.shortcut-help-modal{background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.shortcut-help-box{background:var(--bg-glass);border:1px solid var(--border-glass);width:480px;max-width:90%;box-shadow:0 20px 50px var(--shadow-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:28px}.shortcut-key-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.shortcut-kbc{font-family:var(--mono);background:var(--bg-input);border:1px solid var(--border-input);box-shadow:0 2px 0 var(--border-color);color:var(--text-primary);border-radius:4px;padding:2px 8px;font-size:11px}.streak-fire{animation:1.5s infinite alternate flamePulse}@keyframes flamePulse{0%{filter:drop-shadow(0 0 2px #f97316);transform:scale(1)}to{filter:drop-shadow(0 0 8px #ef4444);transform:scale(1.1)}}.level-badge-anim{background:linear-gradient(135deg,#a855f7 0%,#6366f1 100%);animation:3s infinite alternate levelGlow}@keyframes levelGlow{0%{box-shadow:0 0 4px #8b5cf666}to{box-shadow:0 0 15px #6366f1cc}}.explain-differently-select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-input);cursor:pointer;border-radius:6px;outline:none;padding:6px 12px;font-family:inherit;font-size:12px;transition:all .2s}.explain-differently-select:hover{border-color:var(--accent)}.notes-textarea{background:var(--bg-input);width:100%;height:120px;color:var(--text-primary);border:1px solid var(--border-input);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;padding:12px;font-family:inherit;font-size:13px;transition:border-color .2s}.notes-textarea:focus{border-color:var(--modal-accent-color)}.skip-to-main{background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-primary);z-index:10000;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:20px;box-shadow:0 5px 15px #00000080}.skip-to-main:focus{top:20px;outline-offset:3px!important;outline:3px solid #3b82f6!important}:focus-visible{outline-offset:3px!important;outline:3px solid #3b82f6!important;box-shadow:0 0 0 5px #3b82f64d!important}.phase-btn:focus-visible,.control-btn:focus-visible,.list-layout-row:focus-visible,.sidebar-section-item:focus-visible,.checkbox-btn:focus-visible,.bookmark-btn:focus-visible,.theme-toggle-btn:focus-visible,.notes-textarea:focus-visible,.explain-differently-select:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px!important;outline:3px solid #3b82f6!important}@media (prefers-reduced-motion:reduce){*,:before,:after{background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}.details-panel{animation:none!important;transform:none!important}}[dir=rtl]{text-align:right!important}[dir=rtl] .details-panel{border-right:3px solid var(--modal-accent-color);animation:.35s cubic-bezier(.16,1,.3,1) forwards slideInRTL;border-left:none!important;left:0!important;right:auto!important}@keyframes slideInRTL{0%{transform:translate(-100%)}to{transform:translate(0)}}[dir=rtl] .left-sidebar{border-left:1px solid var(--border-color);border-right:none!important}[dir=rtl] .main-heading{direction:ltr!important}[dir=rtl] .sidebar-section-item{text-align:right!important}[dir=rtl] .list-layout-row,[dir=rtl] .list-layout-row>div:first-child{flex-direction:row-reverse!important}[dir=rtl] .control-btn{margin-left:8px!important;margin-right:0!important}[dir=rtl] .skip-to-main{right:20px;left:auto!important}.comparative-grid{grid-template-columns:1fr 1fr;display:grid}.comparative-grid .myth-box{border-right:1px solid var(--border-color)}.sm2-buttons-container{gap:8px;display:flex}@media (width<=640px){.comparative-grid{grid-template-columns:1fr!important}.comparative-grid .myth-box{border-bottom:1px solid var(--border-color);border-right:none!important}}@media (width<=480px){.sm2-buttons-container{flex-direction:column!important;gap:6px!important}}.mobile-sidebar-toggle-fab,.mobile-sidebar-close-btn{display:none}@media (width<=768px){.mobile-sidebar-toggle-fab{background:var(--bg-card);border:2px solid var(--theme-color);width:52px;height:52px;color:var(--theme-color);cursor:pointer;z-index:10005;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 24px #0006}[dir=rtl] .mobile-sidebar-toggle-fab{left:20px;right:auto}.mobile-sidebar-toggle-fab:active{transform:scale(.92)}.mobile-sidebar-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:16px;transition:color .2s;display:flex}.mobile-sidebar-close-btn:hover{color:var(--text-primary)}}.flashcard-container{perspective:1200px;width:100%;height:380px}.flashcard-3d{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard-3d.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border:1px solid var(--border-glass);background:var(--bg-card-face);-webkit-backdrop-filter:blur(20px);width:100%;height:100%;box-shadow:0 20px 40px var(--shadow-glass);scrollbar-width:none;border-radius:16px;transition:box-shadow .3s;position:absolute;overflow-y:auto}.card-face::-webkit-scrollbar{display:none}.card-face:hover{box-shadow:0 25px 50px #000000b3}.card-front{background:var(--bg-card-front-gradient);border:1px solid var(--border-card-front)}.card-back{background:var(--bg-card-back-gradient);border:1px solid var(--border-card-back);transform:rotateY(180deg)}.switch-toggle{width:36px;height:20px;display:inline-block;position:relative}.switch-toggle input{opacity:0;width:0;height:0}.switch-toggle .slider{cursor:pointer;background-color:#ffffff1a;border:1px solid #ffffff0d;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.switch-toggle .slider:before{content:"";background-color:#9ca3af;border-radius:50%;width:12px;height:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px}.switch-toggle .slider.active{background-color:#10b98140;border-color:#10b98166}.switch-toggle .slider.active:before{background-color:#10b981;transform:translate(16px);box-shadow:0 0 8px #10b981}.mix-it-up-btn:hover{color:#fff!important;background:#6366f138!important;border-color:#6366f180!important}.assessment-portal-btn:hover{color:#fff!important;background:#10b98138!important;border-color:#10b98180!important}@keyframes pulseGlow{0%{filter:drop-shadow(0 0 2px #6366f180);transform:scale(1)}50%{filter:drop-shadow(0 0 8px #6366f1e6);transform:scale(1.15)}to{filter:drop-shadow(0 0 2px #6366f180);transform:scale(1)}}.pulse-glow{animation:2s ease-in-out infinite pulseGlow}@keyframes pulseBorder{0%{box-shadow:0 0 4px #6366f133}50%{box-shadow:0 0 14px #6366f199}to{box-shadow:0 0 4px #6366f133}}.pulse-glow-border{animation:2.5s ease-in-out infinite pulseBorder}@keyframes lockFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.desirable-difficulty-badge{transition:all .2s ease-in-out}.desirable-difficulty-badge:hover{transform:translateY(-1px);background:#f59e0b4d!important;border-color:#f59e0bb3!important}.pedagogical-portal-overlay{z-index:10000;background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);justify-content:center;align-items:center;padding:16px;animation:.3s ease-out lockFade;display:flex;position:fixed;inset:0}.pedagogical-portal-container{background:#09090b;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:100%;max-width:1200px;height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.pedagogical-portal-grid{box-sizing:border-box;flex:1;grid-template-columns:3fr 4fr 5fr;gap:24px;padding:24px;display:grid;overflow-y:auto}.pedagogical-portal-col{box-sizing:border-box;flex-direction:column;gap:16px;height:100%;padding-right:4px;display:flex;overflow-y:auto}.pedagogical-portal-col-3,.pedagogical-portal-col-4{border-right:1px solid var(--border-color);grid-column:span 1;padding-right:20px}.pedagogical-portal-col-5{grid-column:span 1}@media (width<=900px){.pedagogical-portal-grid{grid-template-columns:1fr;height:auto}.pedagogical-portal-col{height:auto!important;overflow-y:visible!important}.pedagogical-portal-col-3,.pedagogical-portal-col-4{border-right:none;border-bottom:1px solid var(--border-color);padding-bottom:20px;padding-right:0}}@media (width<=640px){.pedagogical-portal-overlay{padding:8px!important}.pedagogical-portal-container{border:none!important;border-radius:0!important;height:100vh!important;max-height:100vh!important}}@media (width<=760px){.ai-coprocessor-workspace{grid-template-columns:1fr!important;overflow-y:auto!important}.ai-coprocessor-sidebar{border-right:none!important;border-bottom:1px solid var(--border-color)!important;flex-direction:row!important;gap:8px!important;padding:12px!important;overflow-x:auto!important}.ai-coprocessor-sidebar>div{display:none!important}.ai-coprocessor-sidebar button{text-align:center!important;white-space:nowrap!important;min-width:150px!important}}.tab-navigation-bar::-webkit-scrollbar{display:none}.flashcard-sm2-grid{box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=480px){.flashcard-sm2-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.resource-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.resource-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;justify-content:space-between;padding:16px;transition:all .2s;display:flex}.resource-card:hover{background:#3b82f605;border-color:#3b82f64d;transform:translateY(-2px)}.glass-spinner{border:3px solid #ffffff1a;border-top-color:var(--accent,#3b82f6);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes questNodePulse{0%{box-shadow:0 0 #6366f180}70%{box-shadow:0 0 0 12px #6366f100}to{box-shadow:0 0 #6366f100}}.quest-node-active-pulse button{animation:2.2s ease-in-out infinite questNodePulse}.quest-node-wrapper{transition:all .3s}.pedagogical-portal-container select:focus{outline:none;border-color:var(--accent-color,#6366f1)!important}