:root{--font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--bg:#0b0d19;--bg-gradient:radial-gradient(circle at 50% 0%, #1a1b35 0%, #070814 100%);--fg:#f4f4f7;--card-bg:#14162bb3;--border:#ffffff14;--hover:#ffffff0f;--checkbox-border:#ffffff4d;--text-muted:#94a3b8;--accent-purple:#6366f1}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);background-color:var(--bg);color:var(--fg);font-family:var(--font);-webkit-user-select:none;user-select:none;min-height:100vh;overflow-x:hidden}.layout{flex-direction:column;height:100vh;display:flex}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background-color:#0b0d19cc;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.header h1{letter-spacing:-.05em;background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.icon-btn{color:var(--fg);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:.5rem;padding:.5rem;font-size:1.25rem}.icon-btn:hover{background-color:var(--hover)}.hero-grid{grid-template-columns:repeat(auto-fit,minmax(280px,350px));justify-content:center;gap:2.5rem;width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid}.hero-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;transition:var(--transition);text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1.25rem;flex-direction:column;align-items:flex-start;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.hero-glow{opacity:0;height:4px;transition:var(--transition);background:linear-gradient(90deg,#6366f1,#a855f7);position:absolute;top:0;left:0;right:0}.hero-card:hover{border-color:#6366f166;transform:translateY(-6px);box-shadow:0 20px 40px #0006}.hero-card:hover .hero-glow{opacity:1}.hero-card h2{letter-spacing:-.02em;margin-bottom:2rem;font-size:1.75rem;font-weight:700;line-height:1.2}.hero-stats{gap:.75rem;margin-top:auto;display:flex}.stat-tag{border:1px solid var(--border);color:var(--text-muted);background:#ffffff0d;border-radius:2rem;padding:.375rem .75rem;font-size:.8rem;font-weight:600}.viewer-header{padding:.75rem 1.5rem}.header-left{align-items:center;gap:1rem;display:flex}.header-left h2{white-space:nowrap;text-overflow:ellipsis;max-width:60vw;font-size:1rem;font-weight:600;overflow:hidden}.viewer-body{flex:1;display:flex;position:relative;overflow:hidden}.sidebar{border-right:1px solid var(--border);width:320px;transition:var(--transition);z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0b0d1999;flex-direction:column;display:flex}.sidebar-inner{height:100%;padding:1.5rem 0;overflow-y:auto}.sidebar.closed{border-right:none;width:0}.chapter{margin-bottom:1.5rem}.chapter-header{color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin-bottom:.25rem;padding:0 1.5rem .75rem;font-size:.75rem;font-weight:800;display:flex}.chapter-files{flex-direction:column;display:flex}.file-btn{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.75rem;padding:.65rem 1.5rem;font-size:.875rem;display:flex}.file-btn:hover{background-color:var(--hover);color:var(--fg)}.file-btn.active{color:var(--fg);background-color:#6366f11a;font-weight:600}.checkbox{border:1.5px solid var(--checkbox-border);width:1rem;height:1rem;transition:var(--transition);border-radius:50%;flex-shrink:0}.checkbox:hover{border-color:#10b981}.checkbox.checked{background-color:#10b981;border-color:#10b981}.file-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.file-subtext{color:var(--text-muted);background:#ffffff0f;border-radius:.25rem;padding:.15rem .4rem;font-size:.75rem;font-weight:600}.content-area{background-color:#04050b;flex-direction:column;flex:1;display:flex;position:relative}.iframe-wrapper{flex:1;width:100%;height:100%}.iframe-wrapper iframe{border:none;width:100%;height:100%}.video-container{background-color:#000}.pdf-container{background-color:#333}.nav-controls{border-top:1px solid var(--border);background-color:#0b0d19e6;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.nav-controls button:not(.mark-complete-btn){color:var(--fg);border:1px solid var(--border);cursor:pointer;transition:var(--transition);background-color:#0000;border-radius:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600}.nav-controls button:not(.mark-complete-btn):disabled{opacity:.3;cursor:not-allowed}.nav-controls button:not(:disabled):hover{background-color:var(--hover)}.mark-complete-btn{background:var(--hover);border:1px solid var(--border);color:var(--fg);cursor:pointer;transition:var(--transition);border-radius:.5rem;padding:.65rem 2rem;font-size:.875rem;font-weight:700}.mark-complete-btn.completed{color:#fff;background:#10b981;border-color:#10b981}@media (width<=768px){.hero-grid{grid-template-columns:1fr;padding:2rem 1rem}.sidebar{width:280px;position:absolute;top:0;bottom:0;left:0;transform:translate(0)}.sidebar.closed{width:280px;transform:translate(-100%)}.nav-controls{padding:.75rem}.mark-complete-btn{text-align:center;flex:1;padding:.65rem 1rem}}