:root{--bg-primary: #0a0e27;--bg-secondary: #131b3e;--bg-tertiary: #1c2755;--bg-card: rgba(19, 27, 62, .7);--bg-glass: rgba(26, 35, 76, .6);--accent-blue: #6366f1;--accent-cyan: #22d3ee;--accent-purple: #a855f7;--accent-green: #10b981;--accent-red: #ef4444;--accent-yellow: #f59e0b;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: rgba(255, 255, 255, .08);--border-focus: rgba(99, 102, 241, .5);--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-code: "JetBrains Mono", "Fira Code", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(99,102,241,.05),transparent 25%),radial-gradient(circle at 85% 30%,rgba(34,211,238,.05),transparent 25%)}a{color:var(--accent-cyan);text-decoration:none;transition:color .2s}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 8px 32px #0003}.gradient-text{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.primary-btn{background:linear-gradient(135deg,var(--accent-blue),#4f46e5);color:#fff;padding:10px 24px;border-radius:8px;font-weight:600;transition:all .2s ease;box-shadow:0 4px 14px #6366f14d;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.primary-btn:active{transform:translateY(0)}.secondary-btn{background:var(--bg-tertiary);color:#fff;padding:10px 24px;border-radius:8px;font-weight:500;border:1px solid var(--border-subtle);transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary-btn:hover{background:#ffffff0d}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-easy{background:#10b9811a;color:var(--accent-green);border:1px solid rgba(16,185,129,.2)}.badge-medium{background:#f59e0b1a;color:var(--accent-yellow);border:1px solid rgba(245,158,11,.2)}.badge-hard{background:#ef44441a;color:var(--accent-red);border:1px solid rgba(239,68,68,.2)}main.page-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 140px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-up{animation:slideUp .6s ease forwards}.navbar{position:sticky;top:0;z-index:100;border-radius:0;border-left:none;border-right:none;border-top:none}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1400px;margin:0 auto}.navbar-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.logo-icon{color:var(--accent-cyan)}.navbar-links{display:flex;gap:2rem;align-items:center}.nav-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-weight:500;font-size:.95rem;padding:.5rem;border-radius:6px;transition:all .2s ease}.nav-link:hover{color:var(--text-primary);text-decoration:none}.nav-link.active{color:var(--accent-cyan);background:#22d3ee1a}.xp-container{display:flex;flex-direction:column;align-items:flex-end;min-width:150px}.xp-text{font-size:.85rem;font-weight:700;color:var(--accent-yellow)}.level-badge{font-size:.65rem;font-weight:900;text-transform:uppercase;background:#22d3ee1a;color:var(--accent-cyan);padding:2px 8px;border-radius:4px;border:1px solid rgba(34,211,238,.2)}.xp-bar-bg{width:140px;height:6px;background:#ffffff0d;border-radius:99px;overflow:hidden;margin-top:4px}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));border-radius:99px;transition:width 1s ease-out}@media(max-width:768px){.navbar-links{display:none}}.layout-container{display:flex;flex-direction:column;min-height:100vh}.home-container{display:flex;flex-direction:column;gap:6rem;padding-bottom:4rem}.hero-section{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;min-height:80vh;padding-top:2rem;position:relative}.hero-section:before{content:"";position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);z-index:-1;filter:blur(80px)}.hero-title{font-size:3.5rem;line-height:1.1;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:90%;line-height:1.6}.hero-cta{display:flex;gap:1rem}.hero-btn{padding:12px 28px;font-size:1.05rem}.mock-editor{background:#0a0e27cc;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1)}.editor-header{background:#131b3ee6;padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.editor-title{color:var(--text-muted);font-size:.85rem;font-family:var(--font-code);margin-left:1rem}.editor-code{padding:2rem;font-family:var(--font-code);font-size:14px;line-height:1.7;overflow-x:auto;color:#e2e8f0}.sql-keyword{color:#c678dd;font-weight:700}.sql-func{color:#61afef}.sql-op{color:#56b6c2}.sql-string{color:#98c379}.stats-section{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-box{padding:2rem;text-align:center}.stat-number{font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-subtitle{font-size:1.15rem;color:var(--text-secondary);margin-bottom:4rem}.timeline-preview{position:relative;display:flex;justify-content:space-between;margin:0 auto;max-width:800px;padding:2rem 0}.timeline-track{position:absolute;top:50%;left:5%;right:5%;height:4px;background:var(--bg-tertiary);transform:translateY(-50%);z-index:1;border-radius:2px}.timeline-node{position:relative;z-index:2;width:24px;height:24px;background:var(--bg-primary);border:4px solid var(--text-muted);border-radius:50%;transition:all .3s ease}.timeline-node.completed{border-color:var(--accent-green);box-shadow:0 0 15px #10b98166}.timeline-node.active{border-color:var(--accent-blue);box-shadow:0 0 20px #6366f199;transform:scale(1.3)}.node-content{position:absolute;top:40px;left:50%;transform:translate(-50%);width:max-content}.node-content h4{font-size:.9rem;color:var(--text-primary);margin-bottom:4px}.node-content p{font-size:.8rem;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{padding:2.5rem 2rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--border-focus)}.feature-icon-wrapper{display:inline-flex;padding:1rem;background:#6366f11a;color:var(--accent-cyan);border-radius:12px;margin-bottom:1.5rem}.feature-title{font-size:1.25rem;margin-bottom:1rem;font-weight:600}.feature-desc{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.cta-section{padding:5rem 2rem;background:linear-gradient(180deg,var(--bg-card) 0%,rgba(99,102,241,.1) 100%);border-color:var(--border-focus)}@media(max-width:1024px){.hero-section{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-cta{justify-content:center}.hero-subtitle{margin:0 auto 2.5rem}.stats-section,.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero-title{font-size:2.5rem}.features-grid,.stats-section{grid-template-columns:1fr}.timeline-preview{display:none}}.curriculum-container{max-width:1200px;margin:0 auto}.curriculum-header{margin-bottom:4rem}.page-title{font-size:3rem;font-weight:800;margin-bottom:1rem}.page-subtitle{font-size:1.2rem;color:var(--text-secondary)}.levels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.level-card{display:flex;flex-direction:column;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.level-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));opacity:0;transition:opacity .3s ease}.level-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0006}.level-card:hover:before{opacity:1}.level-badge{background:#22d3ee1a;color:var(--accent-cyan);display:inline-block;padding:4px 12px;border-radius:4px;font-size:.8rem;font-weight:700;margin-bottom:1rem;align-self:flex-start;text-transform:uppercase;letter-spacing:.05em}.level-title{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;color:var(--text-primary)}.level-subtitle{font-size:.95rem;color:var(--accent-blue);font-weight:600;margin-bottom:1rem}.level-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:2rem}.level-stats{display:flex;gap:.5rem;margin-bottom:1.5rem}.stat-pill{background:#ffffff0d;font-size:.8rem;padding:4px 10px;border-radius:20px;color:var(--text-muted)}@media(max-width:1024px){.levels-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.levels-grid{grid-template-columns:1fr}.page-title{font-size:2.2rem}}.curriculum-detail-container,.topic-lesson-container{max-width:1200px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-weight:500;margin-bottom:2rem;transition:color .2s}.back-link:hover{color:var(--accent-cyan);text-decoration:none}.level-header,.module-header{padding:3rem}.level-badge-large{display:inline-block;color:var(--accent-blue);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.level-title-large{font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.level-desc-large{font-size:1.15rem;color:var(--text-secondary);max-width:800px;line-height:1.6}.progress-container{margin-top:2.5rem;max-width:500px}.progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:var(--text-muted);font-weight:600}.progress-bar-bg{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));border-radius:4px}.modules-list{display:flex;flex-direction:column;gap:1rem}.module-card{padding:1.5rem 2rem;transition:border-color .2s,transform .2s}.module-card:hover{border-color:var(--border-focus);transform:translate(4px)}.module-number{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-blue);font-weight:700;margin-bottom:.25rem}.module-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.text-muted{color:var(--text-muted)}.layout-sidebar-main{display:grid;grid-template-columns:300px 1fr;gap:2rem}.list-glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.topic-nav-list{list-style:none;padding:0;margin:0}.topic-nav-link{display:flex;align-items:center;gap:12px;padding:1rem 1.5rem;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.03);transition:all .2s}.topic-nav-link:hover{background:#ffffff0d;color:var(--text-primary);text-decoration:none}.topic-icon-placeholder{width:16px;height:16px;border:2px solid var(--text-muted);border-radius:50%}.lesson-grid{display:grid;grid-template-columns:1fr 520px;gap:1.5rem;margin-top:1rem;align-items:flex-start}.lesson-content{padding:2.5rem;overflow-y:auto;border-radius:12px}.lesson-title{font-size:2.2rem;font-weight:800;margin-bottom:1rem}.lesson-badge-row{display:flex;gap:.75rem;margin-bottom:2.5rem}.markdown-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.markdown-content h3{font-size:1.4rem;margin:2.5rem 0 1rem;color:var(--text-primary)}.callout-box{background:#6366f11a;border-left:4px solid var(--accent-blue);padding:1.5rem;border-radius:0 8px 8px 0;margin:2rem 0}.markdown-content pre{background:#0d1117;padding:1.5rem;border-radius:8px;border:1px solid var(--border-subtle);overflow-x:auto}.mini-editor-wrapper{display:flex;flex-direction:column;overflow:hidden;position:sticky;top:2rem}.mini-editor-body{flex:1;display:flex;flex-direction:column;background:#0a0e2766}.placeholder-editor{text-align:center;color:var(--text-muted)}@media(max-width:1024px){.layout-sidebar-main{grid-template-columns:1fr}.lesson-grid{grid-template-columns:1fr;height:auto}}.lesson-tabs{display:flex;gap:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-subtle)}.lesson-tab-btn{background:none;border:none;padding:.75rem .25rem;color:var(--text-muted);font-weight:500;cursor:pointer;font-size:.95rem;transition:all .2s;display:flex;align-items:center;gap:.5rem;border-bottom:2px solid transparent}.lesson-tab-btn:hover{color:var(--text-primary)}.lesson-tab-btn.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.lab-tasks{list-style:disc;padding-left:1.5rem;margin:1.5rem 0}.lab-tasks li{margin-bottom:.8rem;color:var(--text-secondary)}.interview-q{margin-bottom:2rem}.ans-hint{background:#ffffff08;padding:.8rem 1rem;border-radius:6px;margin-top:.5rem;font-size:.9rem;color:var(--text-muted);font-style:italic;border-left:3px solid var(--accent-purple)}.quiz-question{background:#ffffff05;border:1px solid var(--border-subtle)}.option-btn{width:100%;text-align:left;padding:1rem;background:#0a0e2799;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.option-btn:hover{border-color:var(--accent-blue);background:#6366f11a;color:var(--text-primary)}.secondary-btn.completed{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.ai-inline-panel{border-radius:12px;overflow:hidden}.ai-toggle-bar{transition:background .2s}.ai-toggle-bar:hover{background:#22d3ee0d}.ai-panel-body .ai-chat-messages::-webkit-scrollbar{width:4px}.ai-panel-body .ai-chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.user-msg{background:#6366f126!important;border-color:#6366f14d!important;margin-left:1rem}.ai-msg{background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:8px 8px 8px 0;color:var(--text-secondary)}.animate-slide-in-right{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.lesson-editor-side{position:relative}.simulator-grid{display:grid;grid-template-columns:1fr 100px 1fr;gap:1.5rem}.sim-table{border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;background:#0a0e2766}.sim-row{display:grid;grid-template-columns:60px 1fr;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem;transition:all .2s}.sim-row.header{background:#ffffff0d;font-weight:700;color:var(--text-primary)}.active-pointer{background:#6366f133;border-left:3px solid var(--accent-blue);transform:translate(5px)}.sim-results .sim-row{grid-template-columns:60px 1fr 1fr}.pulse-circle{width:20px;height:20px;background:var(--accent-cyan);border-radius:50%;filter:blur(8px);animation:simPulse 2s infinite ease-in-out}@keyframes simPulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:.8}to{transform:scale(1);opacity:.5}}.lab-tasks li{margin-bottom:.5rem}.btree-container{display:flex;justify-content:center;padding:2rem 0}.btree-node-wrapper{display:flex;flex-direction:column;align-items:center;gap:2rem}.btree-node{width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--border-subtle);background:#0a0e27cc;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.node-val{font-weight:800;font-size:1.1rem}.scan-indicator{position:absolute;top:-20px;font-size:.7rem;color:var(--accent-cyan);font-weight:700;white-space:nowrap;animation:blink .5s infinite}.active-node{border-color:var(--accent-cyan);box-shadow:0 0 20px #22d3ee66;transform:scale(1.1);background:#22d3ee1a}.btree-children{display:flex;gap:4rem;position:relative}.btree-node-wrapper:not(.level-2):after{content:"";position:absolute;width:2px;height:2rem;background:var(--border-subtle);bottom:-2rem}.level-2 .btree-node{width:50px;height:50px;border-radius:8px}.level-2 .node-val{font-size:.9rem}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.trace-item{padding:.5rem;border-bottom:1px solid rgba(255,255,255,.03)}.step-num{width:20px;height:20px;background:var(--border-subtle);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800}.active-tag{background:var(--accent-blue)!important;color:#fff!important;border-color:var(--accent-blue)!important}.builder-controls .tag-pill{cursor:pointer;background:#ffffff0d;border:1px solid var(--border-subtle)}.sql-preview-box{background:#0d1117;border:1px solid var(--border-subtle);min-height:200px;display:flex;align-items:center;justify-content:center}.sql-preview-box pre{white-space:pre-wrap;line-height:1.6}.copy-btn{opacity:.6;transition:opacity .2s}.copy-btn:hover{opacity:1}@media(max-width:1024px){.builder-layout{grid-template-columns:1fr}}.database-designer{width:100%}.designer-canvas{background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:30px 30px}.designer-table{border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;z-index:10}.table-header{border-top-left-radius:8px;border-top-right-radius:8px}.table-columns{background:#0a0e27cc;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.designer-table:hover{border-color:var(--accent-cyan);box-shadow:0 0 20px #22d3ee33}.cursor-move{cursor:move}.quiz-option-btn{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem;background:#0a0e2766;border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;text-align:left}.quiz-option-btn:hover:not(:disabled){border-color:var(--accent-blue);background:#6366f11a;transform:translate(5px)}.quiz-option-btn.selected{border-color:var(--accent-blue);background:#6366f126;color:var(--text-primary)}.option-indicator{width:28px;height:28px;background:#ffffff0d;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--text-muted)}.quiz-option-btn.selected .option-indicator{background:var(--accent-blue);color:#fff}.option-text{flex:1}.quiz-option-btn.correct{border-color:var(--accent-green);background:#10b9811a}.quiz-option-btn.incorrect{border-color:var(--accent-red);background:#ef44441a}.quiz-feedback{border-left:4px solid var(--accent-blue)}.bg-green-900\/20{background:#10b9811a;border-left-color:var(--accent-green)}.bg-red-900\/20{background:#ef44441a;border-left-color:var(--accent-red)}.achievement-toast-container{position:fixed;bottom:2rem;right:2rem;z-index:1000}.achievement-toast{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;min-width:300px;background:#0a0e27e6;border:1px solid var(--accent-blue);box-shadow:0 0 30px #6366f14d;border-radius:12px}.toast-icon{width:40px;height:40px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center}.toast-content{flex:1}.toast-title{font-weight:800;font-size:.9rem;margin:0;color:var(--text-primary)}.toast-desc{font-size:.8rem;margin:4px 0 0;color:var(--text-muted)}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.toast-close:hover{color:#fff}.animate-slide-in-up{animation:slideInUp .5s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.query-plan-wrapper{padding:1.5rem;font-family:var(--font-body)}.query-plan-header{margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.query-plan-tree{display:flex;flex-direction:column;gap:1rem}.plan-node-container{display:flex;flex-direction:column;margin-left:20px;position:relative}.plan-node-container:before{content:"";position:absolute;top:0;bottom:0;left:-20px;width:2px;background:#ffffff1a;z-index:0}.plan-children>.plan-node-container:last-child:before{bottom:auto;height:24px}.query-plan-tree>.plan-node-container:before{display:none}.query-plan-tree>.plan-node-container{margin-left:0}.plan-node-container:not(:first-child>.plan-node-container):after,.plan-children>.plan-node-container:after{content:"";position:absolute;top:24px;left:-20px;width:20px;height:2px;background:#ffffff1a;z-index:0}.query-plan-tree>.plan-node-container:after{display:none}.plan-node{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-card);margin-bottom:1rem;max-width:fit-content;position:relative;z-index:1;transition:transform .2s,border-color .2s}.plan-node:hover{transform:translateY(-2px);border-color:var(--accent-blue);box-shadow:0 4px 12px #6366f126}.plan-node-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px}.plan-type-scan{background:#10b98126;color:var(--accent-green)}.plan-type-search{background:#22d3ee26;color:var(--accent-cyan)}.plan-type-sort{background:#f59e0b26;color:var(--accent-yellow)}.plan-type-subquery{background:#a855f726;color:var(--accent-purple)}.plan-type-default{background:#ffffff1a;color:var(--text-primary)}.plan-node-detail{font-family:var(--font-code);font-size:.9rem;color:var(--text-primary);line-height:1.4}.plan-children{display:flex;flex-direction:column}.sql-editor-container{height:calc(100vh - 80px);display:flex;flex-direction:column;padding:1rem 2rem;gap:1rem}.editor-header-bar{padding:1rem 1.5rem;border-radius:8px}.editor-title{font-size:1.25rem;font-weight:600;margin:0}.text-accent-cyan{color:var(--accent-cyan)}.dataset-select{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle);padding:8px 16px;border-radius:6px;font-size:.9rem;outline:none;cursor:pointer}.run-btn{background:linear-gradient(135deg,var(--accent-green),#059669);box-shadow:0 4px 14px #10b9814d}.run-btn:hover{box-shadow:0 6px 20px #10b98166}.run-btn:disabled{background:var(--bg-tertiary);cursor:not-allowed;box-shadow:none;opacity:.7}.editor-layout{display:flex;gap:1.5rem;flex:1;min-height:0}.editor-sidebar{width:300px;display:flex;flex-direction:column;overflow:hidden;border-radius:8px}.sidebar-title{padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);margin:0;font-size:1rem;background:#ffffff05}.schema-tree{overflow-y:auto;padding:1rem;flex:1}.schema-table{margin-bottom:1.5rem}.table-name{font-family:var(--font-code);font-weight:600;font-size:.95rem;color:var(--accent-cyan);margin-bottom:.5rem;padding:4px 8px;background:#22d3ee0d;border-radius:4px}.table-columns{display:flex;flex-direction:column;gap:4px;padding-left:8px}.column-item{font-family:var(--font-code);font-size:.85rem;padding:4px 8px;border-radius:4px}.column-item:hover{background:#ffffff0d}.col-name{color:var(--text-primary)}.col-type{color:var(--accent-blue);font-size:.75rem}.editor-main{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.code-editor-panel{flex:1;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.codemirror-wrapper{flex:1;overflow:auto;font-size:15px}.cm-editor{height:100%!important}.results-panel{flex:1;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;position:relative}.table-responsive{flex:1;overflow:auto}.results-table{width:100%;border-collapse:collapse;font-family:var(--font-code);font-size:.9rem}.results-table th{position:sticky;top:0;background:#131b3ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-focus);color:var(--text-secondary);font-weight:600;white-space:nowrap}.results-table td{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.02);white-space:nowrap}.results-table tr:hover{background:#ffffff05}.results-table.mini{font-size:.75rem;border-spacing:0;width:100%}.results-table.mini th,.results-table.mini td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05);text-align:left;min-width:100px;white-space:nowrap}.results-table.mini tr:last-child td{border-bottom:none}.empty-results{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-message{color:var(--accent-red);background:#ef44441a;padding:1rem 1.5rem;border-left:4px solid var(--accent-red);font-family:var(--font-code);font-size:.9rem;white-space:pre-wrap}@media(max-width:1024px){.editor-layout{flex-direction:column}.editor-sidebar{width:100%;max-height:250px}.sql-editor-container{height:auto;min-height:calc(100vh - 80px)}.code-editor-panel,.results-panel{min-height:300px}}.challenges-container{max-width:1000px;margin:0 auto}.challenges-header{margin-bottom:3rem}.category-scroll-container::-webkit-scrollbar{height:6px}.category-scroll-container::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.category-scroll-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.category-scroll-container::-webkit-scrollbar-thumb:hover{background:#fff3}.category-chip{padding:10px 20px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.category-chip:hover{background:#ffffff14;border-color:#fff3}.category-chip.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);box-shadow:0 4px 12px #6366f14d}.company-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 6px;border-radius:4px}.filter-bar{padding:1rem 1.5rem;margin-bottom:2rem;border-radius:12px}.transparent-input{background:transparent;border:none;font-family:var(--font-body);color:var(--text-primary);font-size:1rem;outline:none;width:250px}.transparent-input::placeholder{color:var(--text-muted)}.challenges-list{display:flex;flex-direction:column;gap:1rem}.challenge-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;border-radius:12px;transition:all .2s;text-decoration:none}.challenge-item:hover{transform:translate(4px);border-color:var(--border-focus)}.chal-status{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--text-muted)}.chal-status.pending{color:var(--accent-blue);background:#6366f11a}.chal-status.passed{color:var(--accent-green);background:#10b9811a}.chal-title{font-size:1.15rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.tag-pill{font-size:.75rem;background:#ffffff0d;padding:2px 8px;border-radius:4px;color:var(--text-muted)}.sm-btn{padding:6px 16px;font-size:.9rem}.challenge-detail-container{height:calc(100vh - 100px);max-width:1400px;margin:0 auto;display:flex;flex-direction:column}.chal-split-pane{display:flex;gap:1.5rem;flex:1;min-height:0}.chal-prompt-side{width:40%;border-radius:12px;overflow-y:auto;padding:2rem}.chal-editor-side{width:60%;display:flex;flex-direction:column}.editor-tab{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);background:#0a0e2780}.text-sm{font-size:.85rem}.text-cyan{color:var(--accent-cyan)}.text-green{color:var(--accent-green);font-weight:600}.text-red{color:var(--accent-red);font-weight:600}.company-badge-large{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 12px;border-radius:6px;display:inline-block}.chal-output-area{margin-top:1rem}.chal-ai-judge{border-color:#22d3ee33;background:#22d3ee05}.bg-muted-subtle{background:#ffffff05}@media(max-width:1024px){.chal-split-pane{flex-direction:column}.chal-prompt-side{width:100%;height:300px;overflow-y:auto}.chal-editor-side{width:100%;height:500px}.challenge-detail-container{height:auto}}