*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-0:#050608;--bg-1:#0f1216;--bg-2:#181b20;--bg-3:#252930;--bg-4:#343840;--border-0:#2a2e35;--border-1:#484d58;--text-1:#f0f2f4;--text-2:#a2a5aa;--text-3:#616368;--accent:#6e6fff;--accent-dim:#6e6fff26;--accent-2:#00b1b3;--accent-2-dim:#00b1b326;--accent-3:#cf57c8;--accent-3-dim:#cf57c826;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:24px;--sidebar-w:224px;--row-stripe:#14161b80}@supports (color:lab(0% 0 0)){:root{--bg-0:lab(1.54654% -.0142679 -1.11529);--bg-1:lab(5.22914% -.0663251 -3.09153);--bg-2:lab(9.45841% -.109561 -4.45181);--bg-3:lab(16.4093% -.147581 -5.20217);--bg-4:lab(23.36% -.183195 -5.9517);--border-0:lab(18.7301% -.162005 -5.20847);--border-1:lab(32.6198% -.225529 -7.43808);--text-1:lab(95.343% -.097692 -1.51459);--text-2:lab(67.485% -.178874 -3.01958);--text-3:lab(41.9644% -.167251 -3.01305);--accent:lab(52.7691% 33.9634 -77.3211);--accent-dim:lab(52.7691% 33.9634 -77.3211/.15);--accent-2:lab(64.7299% -58.4084 -18.4981);--accent-2-dim:lab(64.7299% -58.4084 -18.4981/.15);--accent-3:lab(56.3832% 58.3387 -36.0946);--accent-3-dim:lab(56.3832% 58.3387 -36.0946/.15);--row-stripe:lab(7.17928% -.0979528 -3.66448/.5)}}html,body{background:var(--bg-0);height:100%;color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif;overflow-x:hidden}#__next,#root{min-height:100vh}h1,h2,h3,h4,h5{font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}button{font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-0);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-1)}.bg-mesh{display:none}.glass-card{background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--r-lg);transition:border-color .18s}.glass-card:hover{border-color:var(--border-1)}.grad-border{background:var(--bg-1);border:1px solid var(--accent);border-radius:var(--r-lg)}.text-grad{color:var(--accent)}.text-grad-warm{color:var(--accent-3)}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.btn{letter-spacing:.01em;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;align-items:center;gap:7px;height:52px;padding:0 24px;font-size:14px;font-weight:500;transition:filter .15s,background .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.12)}.btn-secondary{background:var(--bg-3);color:var(--text-1);border:1px solid var(--border-0)}.btn-secondary:hover{background:var(--bg-4);border-color:var(--border-1)}.btn-ghost{color:var(--text-2);border:1px solid var(--border-0);background:0 0}.btn-ghost:hover{background:var(--bg-2);color:var(--text-1);border-color:var(--border-1)}.btn-icon{background:var(--bg-3);color:var(--text-2);border:1px solid var(--border-0);border-radius:4px;justify-content:center;width:52px;padding:0}.btn-icon:hover{background:var(--bg-4);color:var(--text-1)}.btn-lg{border-radius:4px;height:60px;padding:0 32px;font-size:15px}.btn-md{border-radius:4px;height:52px;padding:0 24px;font-size:14px}.btn-sm{border-radius:4px;height:42px;padding:0 18px;font-size:13px}.btn-xs{border-radius:4px;height:34px;padding:0 12px;font-size:12px}.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.input{background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--r-sm);color:var(--text-1);outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-3)}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}select.input option{background:var(--bg-2);color:var(--text-1)}.tag{border-radius:99px;align-items:center;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.tag-primary{background:var(--accent-dim);color:var(--accent)}.tag-cyan{background:var(--accent-2-dim);color:var(--accent-2)}.tag-pink{background:var(--accent-3-dim);color:var(--accent-3)}.tag-muted{background:var(--bg-3);color:var(--text-3);border:1px solid var(--border-0)}.progress-track{background:var(--bg-3);border-radius:99px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}.tabs-row{border-bottom:1px solid var(--border-0);display:flex}.tab-btn{cursor:pointer;color:var(--text-3);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--text-2)}.tab-btn.tab-active{color:var(--text-1);border-bottom-color:var(--accent)}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg-1);border-right:1px solid var(--border-0);z-index:20;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-logo{border-bottom:1px solid var(--border-0);cursor:pointer;align-items:center;gap:10px;padding:22px 18px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:14px 10px;display:flex;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--border-0);padding:14px}.nav-item{border-radius:var(--r-md);color:var(--text-3);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:11px;width:100%;padding:9px 11px;font-size:13px;font-weight:500;transition:color .15s,background .15s;display:flex}.nav-item:hover{color:var(--text-1);background:var(--bg-2)}.nav-item.nav-active{color:var(--text-1);background:var(--accent-dim)}.nav-item.nav-active svg{color:var(--accent)}.nav-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-top:6px;padding:6px 11px;font-size:10px;font-weight:700}.app-layout{min-height:100vh;display:flex;position:relative}.main-content{background:var(--bg-0);flex:1;min-width:0;height:100vh;overflow-y:auto}.topnav{border-bottom:1px solid var(--border-0);background:var(--bg-1);z-index:10;align-items:center;gap:12px;height:58px;padding:0 28px;display:flex;position:sticky;top:0}.editor-chrome{background:var(--bg-1);border-color:var(--border-0)}.editor-panel{background:var(--bg-1)}.course-hero-band{background:oklch(18% .06 var(--hero-hue,265))}.divider{background:var(--border-0);height:1px}.hover-lift{cursor:pointer;transition:border-color .18s}.hover-lift:hover{border-color:var(--border-1)!important}.page-enter{animation:.26s cubic-bezier(.16,1,.3,1) both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.stagger>*{animation:.3s cubic-bezier(.16,1,.3,1) both pageIn}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-theme=light]{--bg-0:#fff;--bg-1:#fbfcfc;--bg-2:#f1f2f3;--bg-3:#e7e8e9;--bg-4:#dadbdd;--border-0:#e0e1e3;--border-1:#bcbec2;--text-1:#050608;--text-2:#36383c;--text-3:#6c6f73;--row-stripe:#f1f2f4}@supports (color:lab(0% 0 0)){[data-theme=light]{--bg-0:lab(100% 0 0);--bg-1:lab(98.8358% -.025332 -.379252);--bg-2:lab(95.3516% -.0500977 -.758052);--bg-3:lab(91.8716% -.0500679 -.758016);--bg-4:lab(87.2273% -.074029 -1.13637);--border-0:lab(89.5473% -.074029 -1.13642);--border-1:lab(76.7741% -.140607 -2.26839);--text-1:lab(1.55072% -.0211522 -.818422);--text-2:lab(23.4033% -.149101 -3.00338);--text-3:lab(46.6045% -.170052 -3.01461);--row-stripe:lab(95.3473% -.0742078 -1.13652)}}[data-theme=light] html,[data-theme=light] body,[data-theme=light] .main-content{background:var(--bg-0)}[data-theme=light] .glass-card{background:var(--bg-1);border-color:var(--border-0)}[data-theme=light] .glass-card:hover{border-color:var(--border-1)}[data-theme=light] .grad-border{background:var(--bg-1);border-color:var(--accent)}[data-theme=light] .sidebar{background:var(--bg-1);border-right-color:var(--border-0)}[data-theme=light] .topnav{background:var(--bg-1);border-bottom-color:var(--border-0)}[data-theme=light] .editor-chrome,[data-theme=light] .editor-panel{background:var(--bg-1)}[data-theme=light] .course-hero-band{background:oklch(92% .04 var(--hero-hue,265))}[data-theme=light] .input{background:var(--bg-2);border-color:var(--border-0);color:var(--text-1)}[data-theme=light] .input:focus{border-color:var(--accent)}[data-theme=light] select.input{background-color:var(--bg-2)}[data-theme=light] select.input option{background:var(--bg-1);color:var(--text-1)}[data-theme=light] .btn-secondary{background:var(--bg-3);border-color:var(--border-0);color:var(--text-1)}[data-theme=light] .btn-secondary:hover{background:var(--bg-4);border-color:var(--border-1)}[data-theme=light] .btn-ghost{color:var(--text-2);border-color:var(--border-0)}[data-theme=light] .btn-ghost:hover{background:var(--bg-3);color:var(--text-1);border-color:var(--border-1)}[data-theme=light] .btn-icon{background:var(--bg-3);color:var(--text-2);border-color:var(--border-0)}[data-theme=light] .btn-icon:hover{background:var(--bg-4);color:var(--text-1)}[data-theme=light] .progress-track{background:var(--bg-3)}[data-theme=light] .tag-muted{background:var(--bg-3);color:var(--text-2);border-color:var(--border-0)}[data-theme=light] .tabs-row{border-bottom-color:var(--border-0)}[data-theme=light] .tab-btn{color:var(--text-3)}[data-theme=light] .tab-btn:hover{color:var(--text-2)}[data-theme=light] .tab-btn.tab-active{color:var(--text-1)}[data-theme=light] .divider{background:var(--border-0)}[data-theme=light] .nav-section-label{color:var(--text-3)}[data-theme=light] .nav-item:hover{background:var(--bg-2);color:var(--text-1)}[data-theme=light] .nav-item.nav-active{background:var(--accent-dim);color:var(--text-1)}[data-theme=light] .nav-item.nav-active svg{color:var(--accent)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border-0)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--border-1)}