@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes logoFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes gradient-move{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes typewriter{0%{opacity:0;transform:translateY(20px)}50%{opacity:.5}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #1976d266}70%{box-shadow:0 0 0 10px #1976d200}to{box-shadow:0 0 #1976d200}}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1976d2,#2ac9e9,#ffc107) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradient-move}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px #0000001a}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--course-font-size:1rem;--course-line-height:1.6;--course-playback-speed:1;--sidebar-width-mobile:280px;--sidebar-width-tablet:320px;--sidebar-width-desktop:350px;--mobile-breakpoint:768px;--tablet-breakpoint:1024px;--desktop-breakpoint:1200px;--focus-content-width:800px;--focus-sidebar-width:280px}.course-sidebar{width:var(--sidebar-width-desktop);flex-shrink:0;transition:width .3s,transform .3s;overflow-x:hidden}@media (max-width:1024px){.course-sidebar{width:var(--sidebar-width-tablet)}}@media (max-width:768px){.course-sidebar{width:var(--sidebar-width-mobile);z-index:1300;position:fixed}}.course-content{flex:1;min-width:0;overflow-x:hidden}.course-text-content{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow:hidden}.course-title,.course-step-title,.course-chapter-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.course-description,.course-step-content{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:var(--course-line-height);font-size:var(--course-font-size)}.course-content pre,.course-content code{white-space:pre-wrap;word-wrap:break-word;max-width:100%;overflow-x:auto}.course-content img{max-width:100%;height:auto;display:block}.course-video-container{border-radius:8px;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.course-video-container iframe,.course-video-container video{border:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.course-video-container{padding-bottom:75%}}.course-chapter-accordion{margin-bottom:8px}.course-chapter-accordion .MuiAccordionSummary-content{margin:8px 0;overflow:hidden}.course-chapter-title{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px;overflow:hidden}.course-step-item{cursor:pointer;border-radius:8px;margin-bottom:4px;padding:12px 8px;transition:all .2s;overflow:hidden}.course-step-item .step-title{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px;overflow:hidden}.course-step-item .step-duration{opacity:.7;flex-shrink:0;font-size:.75rem}@media (max-width:768px){.course-step-item{padding:16px 12px}.course-step-item .step-duration{display:none}}.course-progress-indicator{z-index:100;background:var(--background-primary);border-bottom:1px solid var(--border-color);padding:8px 16px;position:sticky;top:0}.course-step-progress{color:var(--text-secondary);align-items:center;gap:8px;font-size:.875rem;display:flex}.course-step-transition{transition:all .3s}.course-sidebar-transition{transition:width .3s,transform .3s}.course-content-transition{transition:opacity .3s,transform .3s}@media (max-width:768px){.course-step-item,.course-nav-button{min-height:44px}.course-content{font-size:1.05rem;line-height:1.7}.course-content-container{padding:16px}.course-navigation-buttons{flex-direction:column;gap:12px;display:flex}.course-navigation-buttons .MuiButton-root{width:100%;padding:12px 24px}}[data-theme=dark] .course-sidebar::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] .course-content::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] .course-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=dark] .course-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media print{.course-sidebar,.course-navigation,.course-settings-panel{display:none!important}.course-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.course-step-content{page-break-inside:avoid}.course-video-container{display:none}.course-content img{object-fit:contain;max-height:400px}}[data-theme=dark]{--background-primary:#121212;--background-secondary:#1e1e1e;--text-primary:#fff;--text-secondary:#b0bec5;--border-color:#ffffff1f}[data-theme=light]{--background-primary:#fff;--background-secondary:#f8f9fa;--text-primary:#263238;--text-secondary:#546e7a;--border-color:#2632381f}[data-theme=dark].high-contrast,[data-theme=light].high-contrast{--text-primary:#000;--text-secondary:#333;--background-primary:#fff;--background-secondary:#f5f5f5;--border-color:#000}[data-theme=dark].high-contrast{--text-primary:#fff;--text-secondary:#ccc;--background-primary:#000;--background-secondary:#1a1a1a;--border-color:#fff}.high-contrast *{border-color:var(--border-color)!important;color:var(--text-primary)!important}.high-contrast .MuiPaper-root{background-color:var(--background-secondary)!important;border:2px solid var(--border-color)!important}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.focus-mode .course-sidebar{width:var(--focus-sidebar-width)}.focus-mode .course-content{max-width:var(--focus-content-width);margin:0 auto;padding:0 24px}.focus-mode .navbar,.focus-mode .footer{display:none}.course-sidebar::-webkit-scrollbar{width:6px;height:6px}.course-content::-webkit-scrollbar{width:6px;height:6px}.course-sidebar::-webkit-scrollbar-track{background:0 0}.course-content::-webkit-scrollbar-track{background:0 0}.course-sidebar::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.course-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.course-sidebar::-webkit-scrollbar-thumb:hover{background:#0000004d}.course-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.advanced-content-editor{color:#333;font-family:Roboto,sans-serif;line-height:1.6}.advanced-content-editor h1,.advanced-content-editor h2,.advanced-content-editor h3,.advanced-content-editor h4{color:#1976d2;margin-top:1.5em;margin-bottom:.5em;font-weight:600}.advanced-content-editor h1{border-bottom:2px solid #e0e0e0;padding-bottom:.3em;font-size:2em}.advanced-content-editor h2{border-bottom:1px solid #e0e0e0;padding-bottom:.2em;font-size:1.5em}.advanced-content-editor h3{font-size:1.25em}.advanced-content-editor h4{font-size:1.1em}.advanced-content-editor p{text-align:justify;margin-bottom:1em}.advanced-content-editor ul,.advanced-content-editor ol{margin-bottom:1em;padding-left:2em}.advanced-content-editor li{margin-bottom:.5em;line-height:1.6}.advanced-content-editor blockquote{background-color:#f8f9fa;border-left:4px solid #1976d2;border-radius:0 4px 4px 0;margin:1.5em 0;padding:1em 1.5em;font-style:italic;box-shadow:0 2px 4px #0000001a}.advanced-content-editor code{color:#d63384;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:.9em}.advanced-content-editor .code-block{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:1.5em 0;padding:1.5em;font-family:Courier New,monospace;font-size:.9em;overflow-x:auto;box-shadow:inset 0 1px 3px #0000001a}.advanced-content-editor .code-block pre{white-space:pre-wrap;margin:0}.learning-block{border:2px solid;border-radius:12px;margin:2em 0;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 12px #0000001a}.learning-block:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.learning-block-tip{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border-color:#ff9800}.learning-block-example{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-color:#2196f3}.learning-block-exercise{background:linear-gradient(135deg,#e8f5e8 0%,#c8e6c9 100%);border-color:#4caf50}.learning-block-summary{background:linear-gradient(135deg,#f3e5f5 0%,#e1bee7 100%);border-color:#9c27b0}.learning-block-header{color:#333;align-items:center;gap:.75em;padding:1em 1.5em;font-size:1.1em;font-weight:600;display:flex}.learning-block-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:1.5em}.learning-block-content{background-color:#fff;border-top:1px solid #0000001a;padding:1.5em}.learning-block-content p,.learning-block-content ul,.learning-block-content ol{margin-bottom:1em}.learning-image{border-radius:8px;max-width:100%;height:auto;margin:1.5em 0;transition:transform .2s;box-shadow:0 4px 12px #00000026}.learning-image:hover{transform:scale(1.02)}.learning-link{color:#1976d2;font-weight:500;text-decoration:underline;transition:color .2s}.learning-link:hover{color:#1565c0;text-decoration:none}.learning-block-content ul{padding-left:0;list-style-type:none}.learning-block-content ul li{margin-bottom:.75em;padding-left:1.5em;position:relative}.learning-block-content ul li:before{content:"•";color:#1976d2;font-size:1.2em;font-weight:700;position:absolute;left:0}.advanced-content-editor table{border-collapse:collapse;border-radius:8px;width:100%;margin:1.5em 0;overflow:hidden;box-shadow:0 2px 8px #0000001a}.advanced-content-editor th,.advanced-content-editor td{text-align:left;border-bottom:1px solid #e0e0e0;padding:.75em 1em}.advanced-content-editor th{color:#333;background-color:#f5f5f5;font-weight:600}.advanced-content-editor tr:hover{background-color:#f8f9fa}.advanced-content-editor [data-text-align=center]{text-align:center}.advanced-content-editor [data-text-align=right]{text-align:right}.advanced-content-editor [data-text-align=justify]{text-align:justify}.advanced-content-editor .ProseMirror{outline:none;min-height:400px;padding:1em}.advanced-content-editor .ProseMirror:focus{background-color:#fafafa}.advanced-content-editor .ProseMirror-selectednode{border-radius:4px;outline:2px solid #1976d2}.advanced-content-editor .ProseMirror-focused{background-color:#fff}@media (max-width:768px){.advanced-content-editor h1{font-size:1.75em}.advanced-content-editor h2{font-size:1.4em}.advanced-content-editor h3{font-size:1.2em}.learning-block{margin:1.5em 0}.learning-block-header{padding:.75em 1em;font-size:1em}.learning-block-content{padding:1em}.advanced-content-editor .code-block{padding:1em;font-size:.85em}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.learning-block{animation:.3s ease-out slideInFromTop}.advanced-content-editor .highlight{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:3px;padding:.2em .4em}.advanced-content-editor .important{background-color:#f8d7da;border-left:4px solid #dc3545;border-radius:6px;margin:1em 0;padding:.5em 1em}.advanced-content-editor .note{background-color:#d1ecf1;border-left:4px solid #17a2b8;border-radius:6px;margin:1em 0;padding:.5em 1em}.math-block{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin:1rem 0;padding:1rem;transition:all .2s;position:relative}.math-block:hover{border-color:#1976d2;box-shadow:0 2px 8px #1976d21a}.math-block-editor{margin:1rem 0}.math-block .math-actions{opacity:0;transition:opacity .2s}.math-block:hover .math-actions{opacity:1}.math-block-editor .MuiPaper-root{border:2px solid #1976d2}.katex{font-size:1.1em}.katex-display{margin:1em 0}.math-formula-chips{background-color:#f5f5f5;border-radius:4px;flex-wrap:wrap;gap:.5rem;max-height:200px;padding:.5rem;display:flex;overflow-y:auto}.math-formula-chips .MuiChip-root{cursor:pointer;font-size:.75rem;transition:all .2s}.math-formula-chips .MuiChip-root:hover{transform:translateY(-1px)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.animate-fade-in{animation:.6s ease-out forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1976d2 0%,#2ac9e9 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1565c0 0%,#0097a7 100%)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-pulse{animation:2s infinite pulse}.animate-slide-in-left{animation:.8s ease-out slideInLeft}.animate-slide-in-right{animation:.8s ease-out slideInRight}