*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}#root{height:100vh;width:100vw}.header{align-items:center;background-color:#2d2d2d;border-bottom:1px solid #404040;display:grid;grid-template-columns:1fr 2fr 1fr;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left .logo{color:#fff;font-size:18px;font-weight:600}.header-center{display:flex;justify-content:center}.language-nav{display:flex;gap:8px}.nav-button{background-color:#333;border:none;border-radius:4px;color:#ccc;padding:8px 16px;transition:all .2s ease}.nav-button:hover{background-color:#404040}.nav-button.active{background-color:#007acc;color:#fff}.header-right{display:flex;justify-content:flex-end}.user-info{background-color:#404040;border-radius:4px;font-size:14px;padding:8px 12px}.toast{animation:slideIn .3s ease-out;background-color:#28a745;border-radius:6px;color:#fff;font-size:14px;font-weight:500;padding:12px 20px;position:fixed;right:20px;top:80px;z-index:1000}.sidebar{background-color:#252526;border-right:1px solid #404040;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:width .3s ease;width:280px}.sidebar.collapsed{width:60px}.sidebar-header{align-items:center;border-bottom:1px solid #404040;display:flex;gap:12px;padding:12px}.collapse-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:4px;transition:background-color .2s ease}.collapse-btn:hover{background-color:#404040}.sidebar-title{color:#fff;font-size:14px;font-weight:600;white-space:nowrap}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 0}.nav-section{margin-bottom:4px}.nav-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:6px 12px;position:relative;transition:background-color .2s ease}.nav-item:hover{background-color:#2a2d2e}.mode-item{background:none;border-left:3px solid #0000;font-weight:600}.mode-item:hover{background:none;border-left-color:#007acc}.mode-item.selected{background:linear-gradient(135deg,#10b981,#059669);border-left:3px solid #34d399;border-radius:6px;box-shadow:0 2px 8px #10b98166;margin:1px 8px;padding:4px 8px;transform:translateX(4px)}.mode-item.selected .nav-text{color:#fff;font-weight:600;text-shadow:0 1px 2px #0003}.segment-item.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border-left:3px solid #60a5fa;border-radius:6px;box-shadow:0 2px 8px #3b82f666;margin:1px 8px;padding:4px 8px;transform:translateX(4px)}.segment-item.selected .nav-text{color:#fff;font-weight:600;text-shadow:0 1px 2px #0003}.segment-item{background:none;font-size:13px;padding-left:24px}.topic-item{background:none;font-size:12px;padding-left:36px}.exercises-container,.segments-container,.subtopics-container,.topics-container{border-left:1px solid #404040;margin-left:20px}.subtopic-item{background:none;border-radius:6px;font-size:12px;margin:1px 8px;padding-left:48px;transition:all .2s cubic-bezier(.4,0,.2,1)}.subtopic-item:hover:not(.selected){background-color:#ffffff14;border-radius:6px;transform:translateX(2px)}.subtopic-item.selected{background:linear-gradient(135deg,#ec4899,#db2777);border-left:3px solid #f472b6;border-radius:6px;box-shadow:0 2px 8px #ec489966;margin:1px 8px;padding:4px 8px;transform:translateX(4px)}.subtopic-item.selected .nav-text{color:#fff;font-weight:600;text-shadow:0 1px 2px #0003}.exercise-item{background:none;font-size:11px;padding-left:60px}.exercise-item.selected{background:linear-gradient(135deg,#f97316,#ea580c);border-left:3px solid #fb923c;border-radius:6px;box-shadow:0 2px 8px #f9731666;margin:1px 8px;padding:4px 8px;transform:translateX(4px)}.exercise-item.selected .nav-text{color:#fff;font-weight:600;text-shadow:0 1px 2px #0003}.nav-icon{font-size:16px;min-width:20px}.nav-text{color:#ccc;flex:1 1;font-size:14px;white-space:nowrap}.expand-icon{color:#ccc;font-size:12px;font-weight:700;margin-left:auto;min-width:16px;text-align:center}.expand-icon:hover{color:#fff}.topic-item.selected{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-left:3px solid #a78bfa;border-radius:6px;box-shadow:0 2px 8px #8b5cf666;margin:1px 8px;padding:4px 8px;transform:translateX(4px)}.topic-item.selected .nav-text{color:#fff;font-weight:600;text-shadow:0 1px 2px #0003}.topic-item.selected .nav-icon{filter:brightness(1.3) drop-shadow(0 1px 2px rgba(0,0,0,.2))}.topic-item{border-radius:6px;margin:1px 8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.topic-item:hover:not(.selected){background-color:#ffffff14;border-radius:6px;transform:translateX(2px)}.status-bar{align-items:center;background-color:#2d2d30;border-top:1px solid #404040;color:#ccc;display:flex;font-size:12px;height:30px;justify-content:flex-start;padding:0 20px;width:100%}.nav-buttons{display:flex;gap:6px}.nav-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:11px;font-weight:700;height:22px;justify-content:center;letter-spacing:.3px;padding:4px 12px;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.prev-btn{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #4a5568;box-shadow:0 3px 6px #4a556866;color:#e2e8f0}.next-btn{background:linear-gradient(135deg,#3182ce,#2c5282);border:1px solid #3182ce;box-shadow:0 3px 6px #3182ce66;color:#fff}.next-btn.auto-blink{animation:nextBtnBlink .5s ease-in-out 4}@keyframes nextBtnBlink{0%,to{box-shadow:0 3px 6px #3182ce66;opacity:1;transform:scale(1)}50%{box-shadow:0 6px 12px #3182cecc;opacity:.7;transform:scale(1.1)}}.prev-btn:hover{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#2d3748;box-shadow:0 6px 12px #4a556880}.next-btn:hover,.prev-btn:hover{color:#fff;transform:translateY(-2px)}.next-btn:hover{background:linear-gradient(135deg,#2c5282,#2a4365);border-color:#2c5282;box-shadow:0 6px 12px #3182ce80}.nav-btn:active{transform:translateY(0);transition:all .1s ease}.nav-btn.disabled{cursor:not-allowed;opacity:.5;transform:none}.nav-btn.disabled:hover{box-shadow:none;transform:none}.status-left{align-items:center;display:flex;gap:8px}.status-separator{opacity:.6}.status-item{font-weight:500}.breadcrumb-nav{align-items:center;display:flex;font-size:11px;gap:8px;margin-left:20px}.breadcrumb-text{font-size:13px;font-weight:600;white-space:nowrap}.mode-text{color:#10b981}.segment-text{color:#06b6d4}.topic-text{color:#6366f1}.subtopic-text{color:#a855f7}.breadcrumb-separator{color:#666;font-size:13px;font-weight:700;margin:0 3px}.exercise-progress{align-items:center;color:#ccc;display:flex;font-size:11px;font-weight:600;padding:0 12px}.breadcrumb-item-wrapper{display:inline-block;position:relative}.breadcrumb-text.hoverable{border-radius:3px;cursor:pointer;padding:2px 4px;transition:background-color .2s ease}.breadcrumb-text.hoverable:hover{background-color:#ffffff1a}.expand-icon{display:inline-block;font-size:10px;margin-left:6px;opacity:.7;transition:transform .2s ease}.expand-icon.expanded{opacity:1;transform:rotate(90deg)}.breadcrumb-text.hoverable:hover .expand-icon{opacity:1}.hover-dropdown{animation:dropdownSlideIn .2s ease-out;background-color:#2d2d30;border:1px solid #404040;border-radius:8px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;left:0;margin-top:8px;max-height:300px;min-width:200px;overflow-y:auto;padding:6px;position:absolute;top:100%;z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{border-left:3px solid #0000;border-radius:4px;color:#ccc;cursor:pointer;font-size:12px;font-weight:500;margin:1px 0;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.dropdown-item:hover{background-color:#10b9811a;border-left-color:#10b981;color:#fff;transform:translateX(2px)}.dropdown-item:active{color:#10b981;transform:translateX(1px)}.hover-dropdown::-webkit-scrollbar{width:4px}.hover-dropdown::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.hover-dropdown::-webkit-scrollbar-thumb{background:#10b98199;border-radius:2px}.hover-dropdown::-webkit-scrollbar-thumb:hover{background:#10b981cc}.main-page{margin:0;padding:0}.main-content-area{align-items:center;display:flex;height:100%;justify-content:center;padding:40px}.welcome-section{color:#ccc;text-align:center}.welcome-section h2{color:#fff;font-size:24px;margin-bottom:16px}.welcome-section p{font-size:16px;opacity:.8}.navigation-buttons{display:flex;gap:16px;margin-top:32px}.nav-button{background:#1e3a8a;border:1px solid #3b82f6;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.nav-button:hover{background:#1d4ed8}.nav-button:active{background:#1e40af}.landing-page{margin:0 auto;max-width:1200px;padding:40px}.landing-header{margin-bottom:48px;text-align:center}.landing-header h1{color:#fff;font-size:32px;margin-bottom:16px}.landing-header p{color:#ccc;font-size:18px;opacity:.9}.cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mode-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;box-shadow:0 2px 8px #0000004d;cursor:pointer;padding:24px;text-align:center;transition:all .3s ease}.mode-card:hover{background:linear-gradient(135deg,#2d2d2d,#3a3a3a);border-color:#007acc;box-shadow:0 8px 25px #007acc4d;transform:translateY(-8px) scale(1.02)}.card-icon{font-size:48px;margin-bottom:16px;transition:transform .3s ease}.mode-card:hover .card-icon{transform:scale(1.2)}.card-title{color:#fff;font-size:20px;margin-bottom:12px}.card-description{color:#ccc;font-size:14px;line-height:1.5;margin-bottom:20px}.card-button{background:#007acc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s ease}.card-button:hover{background:#005a9e}.tutorial-content{line-height:1.5;margin:0 auto;max-width:800px;padding:20px}.blog-post{background:#1e1e1e;border-radius:8px;overflow:hidden}.post-header{border-bottom:1px solid #404040;padding:20px 20px 16px}.post-header h1{color:#fff;font-size:28px;line-height:1.2;margin-bottom:12px}.post-meta{color:#888;display:flex;font-size:14px;gap:16px;margin-bottom:12px}.social-share{align-items:center;border-top:1px solid #404040;display:flex;gap:12px;padding-top:12px}.share-label{color:#ccc;font-size:14px;font-weight:500}.share-buttons{display:flex;flex-wrap:wrap;gap:8px}.share-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.share-btn.twitter{background:#000;color:#fff}.share-btn.linkedin{background:#0077b5;color:#fff}.share-btn.facebook{background:#1877f2;color:#fff}.share-btn.reddit{background:#ff4500;color:#fff}.share-btn.medium{background:#00ab6c;color:#fff}.share-btn.telegram{background:#08c;color:#fff}.share-btn.whatsapp{background:#25d366;color:#fff}.share-btn.quora{background:#b92b27;color:#fff}.share-btn.copy{background:#6c757d;color:#fff}.share-btn:hover{opacity:.9;transform:translateY(-1px)}.post-content{padding:20px}.post-content h2{color:#fff;font-size:24px;margin:16px 0 12px}.post-content h3{color:#fff;font-size:20px;margin:14px 0 8px}.post-content h4{color:#fff;font-size:16px;margin:12px 0 6px}.post-content p{color:#ccc;margin-bottom:12px}.post-content ul{color:#ccc;margin:12px 0;padding-left:20px}.post-content li{margin-bottom:6px}.applications-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:16px 0}.app-card{background:#2d2d2d;border:1px solid #404040;border-radius:6px;padding:16px}.app-card h4{font-size:14px;margin:0 0 8px}.app-card p{font-size:12px;margin:0;opacity:.8}.code-example{margin:16px 0}.code-example pre{background:#0d1117;border:1px solid #404040;border-radius:6px;overflow-x:auto;padding:16px}.code-example code{color:#e6edf3;font-family:Courier New,monospace;font-size:14px}.next-steps{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin:16px 0;padding:16px}.practice-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.practice-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.lab-btn{background:#f39c12;color:#fff}.interview-btn{background:#3498db;color:#fff}.mock-btn{background:#9b59b6;color:#fff}.practice-btn:hover{opacity:.9;transform:translateY(-1px)}.post-footer{border-top:1px solid #404040;padding:16px 20px}.navigation-links{display:flex;justify-content:space-between}.nav-link{background:#007acc;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 16px;transition:background-color .2s ease}.nav-link:hover:not(:disabled){background:#005a9e}.nav-link:disabled{background:#404040;cursor:not-allowed;opacity:.5}.hero-section{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin:16px 0;padding:20px}.stats-section{margin:20px 0}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:16px 0}.stat-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:16px;text-align:center}.stat-number{color:#fff;font-size:24px;font-weight:700;margin-bottom:8px}.stat-label{color:#ccc;font-size:12px}.features-list{margin:16px 0}.feature-item{align-items:flex-start;background:#2d2d2d;border:1px solid #404040;border-radius:6px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.feature-icon{font-size:20px;min-width:24px}.code-output{background:#0a0a0a;border:1px solid #333;border-radius:6px;margin-top:12px;padding:12px}.code-output h4{color:#ccc;font-size:14px;margin:0 0 8px}.code-output pre{color:#e6edf3;font-family:Courier New,monospace;font-size:13px;margin:0}.fun-facts{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin:20px 0;padding:20px}.facts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:16px 0}.fact-item{align-items:center;background:#1e1e1e;border:1px solid #404040;border-radius:6px;display:flex;gap:12px;padding:12px}.fact-emoji{font-size:24px;min-width:32px}.fact-item p{color:#ccc;font-size:14px;margin:0}.motivation-quote{margin-top:20px;text-align:center}.motivation-quote blockquote{background:#2d2d2d;border:1px solid #404040;border-radius:8px;color:#ccc;font-size:16px;font-style:italic;margin:0;padding:16px}.os-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:16px 0}.os-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:16px;text-align:center}.os-card h4{color:#fff;font-size:16px;margin:0 0 8px}.os-card p{color:#ccc;font-size:14px;margin:8px 0 0}.installation-steps{margin:20px 0}.step-item{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.step-number{align-items:center;background:#007acc;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.step-content{flex:1 1}.step-content h4{color:#fff;font-size:18px;margin:0 0 8px}.step-content p{color:#ccc;margin:0 0 12px}.tip-box{border:1px solid #007acc;border-left-width:4px;border-radius:6px}.tip-box,.warning-box{background:#2d2d2d;color:#ccc;font-size:14px;padding:12px}.warning-box{border:1px solid #f39c12;border-left-width:4px;border-radius:6px}.success-box{background:#2d2d2d;border:1px solid #28a745;border-left-width:4px;border-radius:6px;color:#ccc;font-size:14px;padding:12px}.inheritance-levels{margin:20px 0}.level-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin:16px 0;padding:20px}.level-card h4{color:#fff;font-size:18px;margin:0 0 12px}.advanced-concepts{margin:20px 0}.concept-card{padding:20px}.concept-card h4{font-size:18px}.date-operations{margin:20px 0}.operation-card{margin:16px 0;padding:20px}.operation-card h4{font-size:18px}.timezone-section{margin:20px 0}.timezone-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin:16px 0;padding:20px}.timezone-card h4{color:#fff;font-size:18px;margin:0 0 12px}.file-safety{margin:20px 0}.safety-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin:16px 0;padding:20px}.safety-card h4{color:#fff;font-size:18px;margin:0 0 12px}.regex-patterns{margin:20px 0}.pattern-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin:16px 0;padding:20px}.pattern-card h4{color:#fff;font-size:18px;margin:0 0 12px}.venv-tools{margin:20px 0}.tool-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin:16px 0;padding:20px}.tool-card h4{color:#fff;font-size:18px;margin:0 0 12px}.access-methods{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:16px 0}.method-card{padding:16px}.operations-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:16px 0}.operation-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:16px}.operation-card h4{color:#fff;font-size:16px;margin:0 0 12px}.challenge-item{background:#2d2d2d;border-radius:8px;transition:transform .2s ease,border-color .2s ease}.challenge-item:hover{border-color:#007acc;transform:translateY(-2px)}.tips-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:16px 0}.tip-item{align-items:flex-start;background:#2d2d2d;border:1px solid #404040;border-radius:6px;display:flex;gap:12px;padding:12px}.tip-emoji{font-size:20px;min-width:24px}.tip-item h4{color:#fff;font-size:14px;margin:0 0 4px}.tip-item p{color:#ccc;font-size:12px;margin:0}.comparison-section{margin:20px 0}.comparison-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:16px 0}.comparison-item{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:16px}.comparison-item h4{color:#fff;font-size:16px;margin:0 0 12px}.comparison-item ul{margin:0 0 12px;padding-left:20px}.comparison-item li{color:#ccc;font-size:14px;margin-bottom:4px}.comparison-item p{color:#888;font-size:12px;font-style:italic;margin:0}.elif-section,.if-else-section{margin:20px 0}.concept-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin:16px 0;padding:16px}.concept-card h4{color:#fff;font-size:16px;margin:0 0 12px}.operators-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:16px 0}.operator-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:16px}.operator-card h4{color:#fff;font-size:16px;margin:0 0 12px}.chaining-section,.code-breakdown,.match-case-section,.nested-section,.string-comparison-section{margin:20px 0}.breakdown-item{background:#2d2d2d;border:1px solid #404040;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px}.code-part{background:#0d1117;border:1px solid #404040;border-radius:4px;color:#e6edf3;font-family:Courier New,monospace;font-size:14px;padding:8px 12px}.explanation{color:#ccc;font-size:14px;line-height:1.4}.run-methods{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:20px 0}.method-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:20px}.method-card h4{color:#fff;font-size:16px;margin:0 0 12px}.method-card pre{background:#0d1117;border:1px solid #404040;border-radius:6px;margin:12px 0;overflow-x:auto;padding:12px}.method-card code{color:#e6edf3;font-family:Courier New,monospace;font-size:13px}.method-card p{color:#ccc;font-size:14px;font-style:italic;margin:12px 0 0}.challenge-section{background:#2d2d2d;margin:20px 0}.challenge-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:16px 0}.challenge-item{background:#1e1e1e;border:1px solid #404040;border-radius:6px;padding:16px;text-align:center}.challenge-item h4{color:#fff;font-size:16px;margin:0 0 8px}.challenge-item p{color:#ccc;font-size:14px;margin:0}.print-methods{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px 0}.parameters-section{margin:20px 0}.param-item{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin-bottom:20px;padding:20px}.param-item h4{color:#fff;font-size:18px;margin:0 0 12px}.param-item pre{background:#0d1117;border:1px solid #404040;border-radius:6px;margin:12px 0;overflow-x:auto;padding:12px}.param-item code{color:#e6edf3;font-family:Courier New,monospace;font-size:13px}.comment-types{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px 0}.type-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:20px}.type-card h4{color:#fff;font-size:16px;margin:0 0 12px}.type-card pre{background:#0d1117;border:1px solid #404040;border-radius:6px;margin:12px 0;overflow-x:auto;padding:12px}.type-card code{color:#e6edf3;font-family:Courier New,monospace;font-size:13px}.type-card p{color:#ccc;font-size:14px;font-style:italic;margin:12px 0 0}.best-practices{margin:20px 0}.practice-item{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin-bottom:16px;padding:20px}.practice-item h4{color:#fff;font-size:16px;margin:0 0 12px}.practice-item pre{background:#0d1117;border:1px solid #404040;border-radius:6px;margin:12px 0;overflow-x:auto;padding:12px}.practice-item code{color:#e6edf3;font-family:Courier New,monospace;font-size:13px}.practice-item p{color:#ccc;font-size:14px;margin:12px 0 0}.assignment-types{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px 0}.operations-section{margin:20px 0}.operation-item{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin-bottom:20px;padding:20px}.operation-item h4{color:#fff;font-size:18px;margin:0 0 12px}.operation-item pre{background:#0d1117;border:1px solid #404040;border-radius:6px;margin:12px 0;overflow-x:auto;padding:12px}.operation-item code{color:#e6edf3;font-family:Courier New,monospace;font-size:13px}.editor-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:16px 0}.editor-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:16px}.editor-card h4{color:#fff;font-size:16px;margin:0 0 8px}.editor-card p{color:#ccc;font-size:14px;margin:8px 0}.editor-card small{color:#888;font-size:12px;font-style:italic}.troubleshooting{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin:20px 0;padding:20px}.issue-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:16px 0}.issue-item{background:#1e1e1e;border:1px solid #404040;border-radius:6px;padding:16px}.issue-item h4{color:#e74c3c;font-size:14px;margin:0 0 8px}.issue-item p{color:#ccc;font-size:14px;margin:0}.interactive-section{background:linear-gradient(135deg,#2d1b69,#1a1a2e);border:1px solid #4a3c8c;border-radius:12px;margin:25px 0;padding:25px}.interactive-section h3{align-items:center;color:#bb86fc;display:flex;gap:10px;margin-bottom:20px}.data-processing-section{background:linear-gradient(135deg,#0d4377,#1a1a2e);border:1px solid #2196f3;border-radius:12px;margin:25px 0;padding:25px}.data-processing-section h3{align-items:center;color:#64b5f6;display:flex;gap:10px;margin-bottom:20px}.loop-control-section{background:linear-gradient(135deg,#1b5e20,#1a1a2e);border:1px solid #4caf50;border-radius:12px;margin:25px 0;padding:25px}.loop-control-section h3{align-items:center;color:#81c784;display:flex;gap:10px;margin-bottom:20px}.range-section{background:linear-gradient(135deg,#4a148c,#1a1a2e);border:1px solid #7b1fa2;border-radius:12px;margin:25px 0;padding:25px}.range-section h3{align-items:center;color:#ce93d8;display:flex;gap:10px;margin-bottom:20px}.list-processing-section{background:linear-gradient(135deg,#1565c0,#1a1a2e);border:1px solid #1976d2;border-radius:12px;margin:25px 0;padding:25px}.list-processing-section h3{align-items:center;color:#90caf9;display:flex;gap:10px;margin-bottom:20px}.enumerate-zip-section{background:linear-gradient(135deg,#e65100,#1a1a2e);border:1px solid #ff9800;border-radius:12px;margin:25px 0;padding:25px}.enumerate-zip-section h3{align-items:center;color:#ffcc02;display:flex;gap:10px;margin-bottom:20px}.nested-loops-section{background:linear-gradient(135deg,#2e7d32,#1a1a2e);border:1px solid #4caf50;border-radius:12px;margin:25px 0;padding:25px}.nested-loops-section h3{align-items:center;color:#a5d6a7;display:flex;gap:10px;margin-bottom:20px}.break-section{background:linear-gradient(135deg,#c62828,#1a1a2e);border:1px solid #f44336;border-radius:12px;margin:25px 0;padding:25px}.break-section h3{align-items:center;color:#ef5350;display:flex;gap:10px;margin-bottom:20px}.continue-section{background:linear-gradient(135deg,#f57c00,#1a1a2e);border:1px solid #ff9800;border-radius:12px;margin:25px 0;padding:25px}.continue-section h3{align-items:center;color:#ffb74d;display:flex;gap:10px;margin-bottom:20px}.pass-section{background:linear-gradient(135deg,#5e35b1,#1a1a2e);border:1px solid #9c27b0;border-radius:12px;margin:25px 0;padding:25px}.pass-section h3{align-items:center;color:#ba68c8;display:flex;gap:10px;margin-bottom:20px}.nested-control-section{background:linear-gradient(135deg,#2e7d32,#1a1a2e);border:1px solid #4caf50;border-radius:12px;margin:25px 0;padding:25px}.nested-control-section h3{align-items:center;color:#81c784;display:flex;gap:10px;margin-bottom:20px}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.practice-labs{background-color:#1e1e1e;color:#fff;min-height:100vh;padding:10px}.labs-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 300px;height:calc(100vh - 40px)}.labs-main{grid-gap:5px;display:grid;gap:5px;grid-template-rows:1fr auto}.challenge-section{grid-gap:5px;background-color:#2d2d30;border:1px solid #404040;border-radius:8px;display:grid;gap:5px;grid-template-rows:150px 1fr;margin-top:-5px;max-height:calc(100% - 100px);overflow:hidden;padding:20px}.challenge-question{background-color:#252526;border:1px solid #404040;border-radius:6px;margin-left:-15px;margin-right:-15px;margin-top:-10px;overflow:hidden}.question-header{align-items:center;background-color:#2d2d30;border-bottom:1px solid #404040;display:flex;gap:12px;justify-content:space-between;padding:4px 16px}.question-header span{color:#ccc;font-size:14px}.question-header span strong{color:#f59e0b;text-shadow:0 1px 2px #0003}.question-content{padding:16px}.question-content h3{color:#f59e0b;font-size:16px;margin:0 0 12px}.question-content p{color:#ccc;font-size:14px;line-height:1.5;margin:0}.typing-cursor{animation:blink 1s infinite;color:#007acc;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.success-celebration{animation:successSlideIn .5s ease-out;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}.success-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669);border:2px solid #fff3;border-radius:16px;box-shadow:0 20px 40px #10b9814d;display:flex;gap:16px;min-width:300px;padding:20px 24px}.success-emoji{animation:bounce .6s ease-in-out;font-size:32px}.success-text{color:#fff}.success-title{font-size:18px;font-weight:700;margin-bottom:4px;text-shadow:0 2px 4px #0003}.success-subtitle{font-size:14px;font-weight:500;opacity:.9}@keyframes successSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.auto-clicking{animation:autoClickPulse .5s ease-in-out;background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 0 20px #10b98199!important;transform:scale(.95)}@keyframes autoClickPulse{0%{box-shadow:0 0 0 #10b98166;transform:scale(1)}50%{box-shadow:0 0 20px #10b981cc;transform:scale(.95)}to{box-shadow:0 0 0 #10b98166;transform:scale(1)}}.code-section{background-color:#252526;border:1px solid #404040;border-radius:6px;display:flex;flex-direction:column;height:460px;margin-bottom:-15px;margin-left:-15px;margin-right:-15px;overflow:hidden}.code-header{background-color:#2d2d30;border-bottom:1px solid #404040;flex-shrink:0;height:40px;justify-content:space-between;padding:8px 16px}.code-header,.code-header span{align-items:center;display:flex}.code-header span{color:#ccc;flex:1 1;font-size:14px;gap:8px}.code-header .editor-features{align-items:center;color:#888;display:flex;font-size:11px;gap:12px;margin-left:auto;margin-right:12px}.feature-badge{background-color:#404040;border-radius:3px;color:#ccc;font-size:10px;font-weight:500;padding:2px 6px}.feature-badge.active{background-color:#007acc;color:#fff}.keyboard-shortcut{background-color:#404040;border:1px solid #555;border-radius:3px;box-shadow:0 1px 2px #0000004d;color:#888;font-family:monospace;font-size:11px;margin-left:8px;padding:2px 6px}.keyboard-shortcut.active{background-color:#007acc;border-color:#005a9e;color:#fff}.shortcut-hint{align-items:center;color:#666;display:flex;font-size:11px;gap:4px;margin-left:auto}.shortcut-keys{display:flex;gap:2px}.key{background-color:#404040;border:1px solid #555;border-radius:2px;color:#ccc;font-family:monospace;font-size:10px;min-width:16px;padding:2px 4px;text-align:center}.key.pressed{background-color:#007acc;border-color:#005a9e;color:#fff;transform:translateY(1px)}.progress-bar{background-color:#404040;border-radius:2px;height:4px;margin-top:4px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:2px;height:100%;transition:width .3s ease;width:0}.auto-save-indicator{align-items:center;color:#22c55e;display:flex;font-size:11px;gap:4px;margin-left:auto;opacity:0;transition:opacity .3s ease}.auto-save-indicator.visible{opacity:1}.auto-save-indicator:before{content:"✓";font-size:10px}.completion-badge{background-color:#22c55e;border-radius:10px;color:#fff;font-size:10px;font-weight:500;margin-left:8px;padding:2px 6px}.section-progress{align-items:center;color:#888;display:flex;font-size:12px;gap:8px}.progress-circle{align-items:center;background-color:#404040;border-radius:50%;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;width:16px}.progress-circle.completed{background-color:#22c55e}.progress-circle.in-progress{background-color:#f59e0b}.button-group{display:flex;flex-shrink:0;gap:8px}.run-button{align-items:center;background-color:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;min-width:70px;padding:6px 12px;position:relative;transition:all .2s ease}.run-button:hover{background-color:#005a9e;transform:translateY(-1px)}.run-button.loading{background-color:#4a90e2;cursor:not-allowed}.run-button:before{content:"▶";font-size:10px}.run-button.loading:before{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:12px;width:12px}.reset-button{align-items:center;background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;min-width:70px;padding:6px 12px;transition:all .2s ease}.reset-button:hover{background-color:#5a6268;transform:translateY(-1px)}.reset-button:before{content:"↻";font-size:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.code-editor{background-color:#1e1e1e;display:flex;height:420px;overflow:hidden}.line-numbers{background-color:#1e1e1e;border-right:1px solid #404040;color:#858585;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;min-width:50px;padding:16px 8px;position:relative;-webkit-user-select:none;user-select:none}.line-number{height:20px;padding-right:8px;position:relative;text-align:right;transition:all .2s ease}.line-number.current-line{background-color:#ffffff0d;color:#fff;font-weight:600}.line-number.current-line:before{background-color:#007acc;border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.code-input-container{flex:1 1;overflow:visible;position:relative}.code-highlight{background:#0000;bottom:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;left:0;line-height:20px;margin:0;overflow:auto;padding:16px;pointer-events:none;position:absolute;right:0;tab-size:4;top:0;white-space:pre}.code-highlight code{background:#0000!important}.code-highlight .token.keyword{color:#569cd6;font-weight:600}.code-highlight .token.string{color:#ce9178}.code-highlight .token.number{color:#b5cea8}.code-highlight .token.comment{color:#6a9955;font-style:italic}.code-highlight .token.function{color:#dcdcaa}.code-highlight .token.builtin{color:#4ec9b0}.code-highlight .token.operator,.code-highlight .token.punctuation{color:#d4d4d4}.code-input{background-color:initial;border:none;bottom:0;caret-color:#d4d4d4;color:#0000;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;left:0;line-height:20px;outline:none;overflow:auto;padding:16px;position:absolute;resize:none;right:0;tab-size:4;top:0}.code-input::placeholder{color:#6a6a6a}.code-input::selection{background-color:#add6ff4d}.suggestions-popup{animation:slideDown .2s ease;background-color:#2d2d30;border:1px solid #404040;border-radius:6px;box-shadow:0 4px 12px #0006;left:16px;max-height:200px;overflow:hidden;position:absolute;right:16px;top:100%;z-index:1000}.suggestions-header{align-items:center;background-color:#1e1e1e;border-bottom:1px solid #404040;color:#ccc;display:flex;font-size:12px;gap:8px;padding:8px 12px}.suggestions-icon{font-size:14px}.suggestions-hint{background-color:#404040;border-radius:3px;color:#888;font-size:11px;margin-left:auto;padding:2px 6px}.suggestions-list{max-height:150px;overflow-y:auto}.suggestion-item{align-items:center;cursor:pointer;display:flex;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;justify-content:space-between;padding:8px 12px;transition:background-color .2s ease}.suggestion-item.highlighted,.suggestion-item:hover{background-color:#007acc;color:#fff}.suggestion-text{color:#d4d4d4;font-weight:500}.suggestion-item.highlighted .suggestion-text,.suggestion-item:hover .suggestion-text{color:#fff}.suggestion-type{background-color:#404040;border-radius:10px;color:#888;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.suggestion-item.highlighted .suggestion-type,.suggestion-item:hover .suggestion-type{background-color:#fff3;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.output-section{grid-gap:20px;background-color:#2d2d30;border:1px solid #404040;border-radius:8px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:-100px;padding:12px}.expected-output{background-color:#1a2332;border:1px solid #2563eb;border-radius:6px;margin:-10px;padding:12px}.your-output{background-color:#252526;border:1px solid #404040;border-radius:6px;margin:-10px;padding:12px}.your-output.correct{background-color:#0f2419;border-color:#22c55e}.your-output.incorrect{background-color:#2d1b1b;border-color:#ef4444}.expected-output h3,.your-output h3{align-items:center;color:#fff;display:flex;font-size:16px;gap:8px;margin:0 0 12px}.output-header{align-items:center;background-color:#0003;border-bottom:1px solid #ffffff1a;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.output-header h3{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.output-badge{border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.output-badge.reference{background-color:#2563eb33;border:1px solid #2563eb4d;color:#60a5fa}.output-badge.result{background-color:#9ca3af33;border:1px solid #9ca3af4d;color:#d1d5db}.your-output.correct .output-badge.result{background-color:#22c55e33;border-color:#22c55e4d;color:#4ade80}.your-output.incorrect .output-badge.result{background-color:#ef444433;border-color:#ef44444d;color:#f87171}.output-content{background-color:#1e1e1e;border:1px solid #404040;border-radius:0 0 6px 6px;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.4;margin:0;max-height:180px;min-height:180px;padding:16px;white-space:pre-wrap}.output-content.expected{background-color:#1e1e1ecc;border-color:#2563eb33;overflow:hidden}.output-content.yours{background-color:#141414e6;border-color:#40404080;overflow-y:auto;scroll-behavior:smooth;transition:all .3s ease}.output-content.yours:not(:empty){animation:fadeInOutput .4s ease}.output-content.yours::-webkit-scrollbar{width:6px}.output-content.yours::-webkit-scrollbar-track{background:#40404033;border-radius:3px}.output-content.yours::-webkit-scrollbar-thumb{background:#9ca3af66;border-radius:3px}.output-content.yours::-webkit-scrollbar-thumb:hover{background:#9ca3af99}@keyframes fadeInOutput{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.labs-sidebar{display:flex;flex-direction:column;gap:15px;max-height:calc(100vh - 60px);overflow-y:auto}.practice-nav{background-color:#2d2d30;border:1px solid #404040;border-radius:8px;overflow:hidden}.practice-nav-header{align-items:center;background-color:#1a1a1a;border-bottom:1px solid #404040;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px}.practice-nav-content{padding:8px 0}.track{margin-bottom:8px}.track-header{align-items:center;background-color:initial;border:none;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding:8px 16px;text-align:left;transition:background-color .2s ease;width:100%}.track-header:hover{background-color:#404040}.track-header.active{background-color:#007acc}.track-title{align-items:center;display:flex;flex:1 1;gap:8px}.track-icon{font-size:14px}.track-count{background-color:#404040;border-radius:10px;color:#888;font-size:11px;min-width:20px;padding:2px 6px;text-align:center}.track-header.active .track-count{background-color:#fff3;color:#fff}.track-toggle{color:#888;font-size:12px;transition:transform .2s ease}.track-toggle.expanded{transform:rotate(90deg)}.track-modules{background-color:#252526;max-height:0;overflow:hidden;transition:max-height .3s ease}.track-modules.expanded{max-height:500px}.module{border-bottom:1px solid #404040}.module:last-child{border-bottom:none}.module-header{align-items:center;background-color:initial;border:none;color:#ccc;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:10px 24px;text-align:left;transition:all .2s ease;width:100%}.module-header:hover{background-color:#404040;color:#fff}.module-header.active{background-color:#4fc3f7;color:#000}.module-title{flex:1 1}.module-progress,.module-title{align-items:center;display:flex;gap:6px}.module-progress{font-size:10px}.progress-indicator{background-color:#404040;border-radius:2px;height:4px;overflow:hidden;width:40px}.progress-indicator .fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:2px;height:100%;transition:width .3s ease}.exercise-count{color:#888;font-size:10px}.module-header.active .exercise-count{color:#000}.hints-section{background-color:#2d2d30;border:1px solid #404040;border-radius:8px;margin-top:-5px;padding:20px}.hints-header{align-items:center;background-color:#2d2d30;border-bottom:1px solid #404040;display:flex;justify-content:space-between;margin:-20px -20px 16px;padding:4px 16px}.collapse-button,.hints-header span{color:#ccc;font-size:14px}.collapse-button{background:none;border:none;cursor:pointer;padding:4px}.collapse-button:hover{color:#fff}.hints-content{display:flex;flex-direction:column;gap:0;max-height:400px;overflow-y:auto;padding-right:4px}.hints-content::-webkit-scrollbar{width:4px}.hints-content::-webkit-scrollbar-track{background:#40404033;border-radius:2px}.hints-content::-webkit-scrollbar-thumb{background:#4fc3f766;border-radius:2px}.hints-content::-webkit-scrollbar-thumb:hover{background:#4fc3f799}.hint-item{background-color:#252526;border:1px solid #404040;border-radius:8px;margin-bottom:8px;margin-left:-20px;margin-right:-20px;overflow:hidden;transition:all .3s ease}.hint-item:first-child{margin-top:-10px}.hint-item:last-child{margin-bottom:-10px}.hint-unrevealed{padding:12px}.hint-number{color:#4fc3f7;font-size:14px;font-weight:600}.reveal-button{align-items:center;background:linear-gradient(135deg,#404040,#2d2d30);border:1px solid #555;border-radius:6px;color:#ccc;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s ease;width:100%}.reveal-button:hover{background:linear-gradient(135deg,#007acc,#005a9e);border-color:#007acc;box-shadow:0 4px 8px #007acc4d;color:#fff;transform:translateY(-1px)}.reveal-button:before{content:"🔓";font-size:12px}.hint-revealed{animation:revealHint .4s ease}.hint-header-revealed{align-items:center;background-color:#4fc3f71a;border-bottom:1px solid #4fc3f733;display:flex;justify-content:space-between;padding:12px 16px}.hint-status{background-color:#4fc3f733;border-radius:12px;color:#4fc3f7;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.hint-text{align-items:flex-start;background-color:#4fc3f70d;display:flex;gap:12px;padding:16px}.hint-emoji{flex-shrink:0;font-size:18px;margin-top:2px}.hint-content{color:#e0e0e0;flex:1 1;font-size:14px;line-height:1.5;white-space:pre-line}@keyframes revealHint{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hint-revealed{border-color:#4fc3f74d;box-shadow:0 2px 8px #4fc3f71a}.hint-item:first-child .hint-number{color:#4fc3f7}.hint-item:nth-child(2) .hint-number{color:#81c784}.hint-item:nth-child(3) .hint-number{color:#ffb74d}.hint-item:nth-child(4) .hint-number{color:#f06292}.hint-item:nth-child(5) .hint-number{color:#ba68c8}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:1000}.toast{align-items:center;animation:slideIn .3s ease forwards;background-color:#2d2d30;border:1px solid #404040;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;gap:12px;min-width:300px;padding:12px 16px;transform:translateX(100%)}.toast.success{border-left:4px solid #22c55e}.toast.error{border-left:4px solid #ef4444}.toast.info{border-left:4px solid #3b82f6}.toast-icon{flex-shrink:0;font-size:18px}.toast-icon.success{color:#22c55e}.toast-icon.error{color:#ef4444}.toast-icon.info{color:#3b82f6}.toast-content{flex:1 1}.toast-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.toast-message{color:#ccc;font-size:13px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;width:20px}.toast-close:hover{color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast.removing{animation:slideOut .3s ease forwards}.exercise-container{transition:all .4s cubic-bezier(.4,0,.2,1)}.exercise-enter{opacity:0;transform:translateY(20px) scale(.95)}.exercise-enter-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.exercise-enter-active,.exercise-exit{opacity:1;transform:translateY(0) scale(1)}.exercise-exit-active{opacity:0;transform:translateY(-20px) scale(.95);transition:all .4s cubic-bezier(.4,0,.2,1)}.fade-transition{transition:opacity .3s ease,transform .3s ease}.fade-enter{opacity:0;transform:translateX(30px)}.fade-enter-active,.fade-exit{opacity:1;transform:translateX(0)}.fade-exit-active{opacity:0;transform:translateX(-30px)}.run-button.loading .button-text{opacity:.7}.execution-overlay{align-items:center;background-color:#1e1e1ecc;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:10}.execution-overlay.visible{opacity:1;visibility:visible}.execution-spinner{animation:spin 1s linear infinite;border:3px solid #404040;border-radius:50%;border-top-color:#007acc;height:40px;width:40px}.code-editor:hover .line-numbers{background-color:#252526}.code-input:focus+.code-highlight{border-radius:4px;box-shadow:inset 0 0 0 1px #007acc4d}.suggestions-list::-webkit-scrollbar{width:6px}.suggestions-list::-webkit-scrollbar-track{background:#1e1e1e}.suggestions-list::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.suggestions-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:1200px){.labs-content{grid-template-columns:1fr 250px}.suggestions-popup{left:8px;right:8px}}@media (max-width:768px){.labs-content{grid-template-rows:1fr auto}.challenge-section,.labs-content,.output-section{grid-template-columns:1fr}.labs-sidebar{grid-row:2}.suggestions-popup{left:10px;position:fixed;right:10px;top:50%;transform:translateY(-50%)}}.navigation-section{align-items:center;background-color:#2d2d30;border:1px solid #404040;border-radius:8px;display:flex;gap:12px;justify-content:space-between;margin-top:10px;padding:16px 20px}.next-btn,.prev-btn{align-items:center;background:linear-gradient(135deg,#007acc,#005a9e);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:10px 20px;transition:all .2s ease}.next-btn:hover:not(:disabled),.prev-btn:hover:not(:disabled){background:linear-gradient(135deg,#005a9e,#004578);box-shadow:0 4px 12px #007acc66;transform:translateY(-2px)}.next-btn:disabled,.prev-btn:disabled{background:linear-gradient(135deg,#404040,#2d2d30);color:#666;cursor:not-allowed;opacity:.5}.next-btn:active:not(:disabled),.prev-btn:active:not(:disabled){transform:translateY(0)}.status-badge{align-items:center;border:1px solid;border-radius:12px;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;transition:all .2s ease}.status-badge.not-started{background-color:#9ca3af1a;border-color:#9ca3af4d;color:#9ca3af}.status-badge.in-progress{background-color:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.status-badge.attempted{background-color:#f973161a;border-color:#f973164d;color:#f97316}.status-badge.completed{background-color:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.status-badge.skipped{background-color:#eab3081a;border-color:#eab3084d;color:#eab308}.status-icon,.status-label{font-size:10px}.app{background-color:#1a1a1a;display:grid;grid-template-rows:60px 30px 1fr;height:100vh}.app-body{display:grid;grid-template-columns:280px 1fr;height:100%;overflow:hidden;transition:grid-template-columns .3s ease}.app-body.sidebar-collapsed{grid-template-columns:60px 1fr}.main-page{background-color:#1e1e1e;height:100%;overflow-y:auto;width:100%}
/*# sourceMappingURL=main.f0d92bce.css.map*/