@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--base-font-size: 16px;--bg-color: #f8fafc;--bg-sidebar: #ffffff;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--border-color: #e2e8f0;--accent-color: #3b82f6;--accent-hover: #2563eb;--success-color: #10b981;--glass-bg: rgba(255, 255, 255, .7);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .07)}[data-theme=dark]{--bg-color: #0f172a;--bg-sidebar: #1e293b;--bg-card: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: #334155;--accent-color: #60a5fa;--accent-hover: #3b82f6;--success-color: #34d399;--glass-bg: rgba(30, 41, 59, .7);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .2)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--base-font-size)}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.2;font-weight:600;margin-bottom:.5em;letter-spacing:-.02em}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.course-layout-container{display:flex;align-items:flex-start;gap:2rem;position:relative;min-height:100%}.lesson-sidebar{width:300px;flex-shrink:0;position:sticky;top:0;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;max-height:calc(100vh - 120px);overflow-y:auto;z-index:10;transition:all .3s ease}.lesson-content-area{flex:1;min-width:0;background:var(--bg-card);padding:2rem;border-radius:16px;border:1px solid var(--border-color);min-height:600px}.mobile-menu-toggle{display:none}@media(max-width:900px){.course-layout-container{flex-direction:column;gap:1rem}.mobile-menu-toggle{display:block;width:100%;margin-bottom:.5rem}.mobile-menu-toggle button{width:100%;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:space-between;color:var(--text-primary);font-weight:600;font-size:1rem;cursor:pointer;box-shadow:var(--shadow-sm)}.lesson-sidebar{width:100%;position:static;max-height:0;padding:0;border:none;opacity:0;overflow:hidden;margin-bottom:0}.lesson-sidebar.open{max-height:500px;padding:1.5rem;border:1px solid var(--border-color);opacity:1;margin-bottom:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}}.markdown-body{font-family:inherit;color:var(--text-primary);line-height:1.8;font-size:1.1rem}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:2em;margin-bottom:.75em;font-weight:700;line-height:1.25}.markdown-body h1{font-size:2.25em;border-bottom:1px solid var(--border-color);padding-bottom:.3em}.markdown-body h2{font-size:1.75em;border-bottom:1px solid var(--border-color);padding-bottom:.3em}.markdown-body h3{font-size:1.5em}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:1.5em}.markdown-body blockquote{color:var(--text-secondary);border-left:.25em solid var(--accent-color);background:var(--bg-color);padding:1em;border-radius:0 8px 8px 0}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body li+li{margin-top:.25em}.markdown-body code{padding:.2em .4em;margin:0;font-size:85%;background-color:var(--bg-color);color:var(--accent-color);border-radius:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.markdown-body pre{padding:1em;overflow:auto;font-size:85%;line-height:1.45;background-color:var(--bg-color);border-radius:8px;border:1px solid var(--border-color)}.markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;color:var(--text-primary);border:0}.markdown-body table{display:block;width:100%;width:max-content;max-width:100%;overflow:auto;border-spacing:0;border-collapse:collapse;margin-bottom:1.5rem}.markdown-body table th,.markdown-body table td{padding:.5rem 1rem;border:1px solid var(--border-color)}.markdown-body table tr:nth-child(2n){background-color:var(--bg-color)}.markdown-body img{max-width:100%;box-sizing:content-box;background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-sm);margin:1rem 0}.markdown-body hr{height:.25em;padding:0;margin:2em 0;background-color:var(--border-color);border:0;border-radius:4px}.layout-container{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-color)}.sidebar{width:280px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s ease,transform .3s ease;z-index:40;position:relative}.sidebar.collapsed{width:80px}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:var(--text-primary);white-space:nowrap}.sidebar.collapsed .sidebar-header{padding:1.5rem 0;justify-content:center}.sidebar-header .logo-container{display:flex;align-items:center;gap:.75rem;overflow:hidden}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--text-secondary);text-decoration:none;transition:all .2s;font-size:.95rem;font-weight:500;white-space:nowrap}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem 0}.nav-item:hover,.nav-item.active{background-color:var(--bg-color);color:var(--accent-color);border-right:3px solid var(--accent-color)}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.header{height:64px;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:30}.main-content{flex:1;overflow-y:auto;padding:2rem;background-color:var(--bg-color)}.content-container{max-width:1300px;margin:0 auto}.icon-btn{background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s}.icon-btn:hover{background-color:var(--bg-color);color:var(--text-primary)}.collapse-btn{position:absolute;right:-14px;top:1.5rem;width:28px;height:28px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;z-index:50;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.collapse-btn:hover{color:var(--text-primary);background-color:var(--bg-color);transform:scale(1.1)}@media(max-width:768px){.sidebar.collapsed{width:60px}.sidebar-header{padding:1rem 0}.collapse-btn{display:none}.nav-item{padding:.75rem 0}.main-content{padding:1rem}.header{padding:0 1rem}.sidebar-overlay{display:none}}