:root{--bg-app:#03040b;--bg-panel:rgba(13,15,25,.6);--bg-elevated:rgba(22,24,38,.7);--bg-segment:rgba(30,32,50,.8);--bg-segment-active:rgba(40,42,60,.9);--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#0ff;--accent-hover:#f0f;--success:#0f8;--error:#f36;--border-light:hsla(0,0%,100%,.1);--border-focus:rgba(0,255,255,.5);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:9999px;--font-sans:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--success-bg:rgba(16,185,129,.1);--error-bg:rgba(239,68,68,.1);--bg-body:var(--bg-app)}body,html{margin:0;padding:0;height:100vh;font-family:var(--font-sans);background-color:var(--bg-app);background-image:radial-gradient(at 0 0,rgba(0,255,255,.05) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(255,0,255,.05) 0,transparent 50%);color:var(--text-primary);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}button,input,select{font-family:inherit}@keyframes spin{to{transform:rotate(1turn)}}.workspace-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.workspace-body{display:flex;flex:1 1;overflow:hidden}.workspace-header{height:54px;justify-content:space-between;padding:0 16px;background-color:var(--bg-app);border-bottom:1px solid var(--border-light);flex-shrink:0}.header-left,.workspace-header{display:flex;align-items:center}.header-left{gap:12px}.icon-btn{background:none;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:6px;display:flex;align-items:center;transition:all .2s}.icon-btn:hover{color:var(--text-primary);border-color:var(--border-focus)}.icon-btn-minimal{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;transition:all .2s;border-radius:var(--radius-sm)}.icon-btn-minimal:hover{color:var(--text-primary);background:hsla(0,0%,100%,.05)}.header-logo{display:flex;align-items:center;gap:8px}.logo-orb{width:10px;height:10px;background:linear-gradient(135deg,#4f46e5,#ec4899);box-shadow:0 0 8px rgba(79,70,229,.6)}.logo-title{font-weight:700;font-size:1rem;letter-spacing:-.02em}.header-problem-title{color:var(--text-muted);font-size:.875rem;padding-left:12px;border-left:1px solid var(--border-light)}.back-btn-header{background:none;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:6px;display:flex;align-items:center;transition:all .2s}.back-btn-header:hover{color:var(--text-primary);border-color:var(--accent-primary);background:rgba(0,255,255,.05)}.language-selector{background-color:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:6px 12px;font-size:.85rem;color:var(--text-primary);cursor:pointer;outline:none;transition:all .2s}.language-selector:hover{border-color:var(--border-focus)}.language-selector-minimal{background:none;border:none;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;outline:none;padding:2px 4px;border-radius:var(--radius-sm);transition:all .2s}.language-selector-minimal:hover{color:var(--text-primary);background:hsla(0,0%,100%,.05)}.workspace-main{display:flex;flex:1 1;padding:8px;gap:8px;overflow:hidden}.problem-list-sidebar{width:260px;min-width:220px;flex-shrink:0;background-color:var(--bg-panel);border-right:1px solid var(--border-light);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-light)}.sidebar-title{font-weight:700;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.sidebar-count{background-color:var(--bg-elevated);color:var(--text-muted);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);border:1px solid var(--border-light)}.sidebar-scroll{flex:1 1;overflow-y:auto;padding:8px 0}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.sidebar-category{margin-bottom:8px}.sidebar-category-label{padding:8px 16px 4px;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.sidebar-problem-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 16px;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s;gap:8px}.sidebar-problem-item:hover{background-color:var(--bg-elevated)}.sidebar-problem-item.active{background-color:rgba(79,70,229,.12);border-left:2px solid var(--accent-primary)}.sidebar-problem-title{font-size:.825rem;color:var(--text-secondary);flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-problem-item.active .sidebar-problem-title{color:var(--text-primary)}.diff-badge{font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-pill);flex-shrink:0}.diff-easy{color:#10b981;background:rgba(16,185,129,.1)}.diff-medium{color:#f59e0b;background:rgba(245,158,11,.1)}.diff-hard{color:#ef4444;background:rgba(239,68,68,.1)}.badge-medium{color:#f59e0b;background-color:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2)}.badge-hard{color:#ef4444;background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.sidebar-loading{padding:24px 16px;color:var(--text-muted);font-size:.85rem}.floating-panel{background-color:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.4)}.problem-panel{width:40%;min-width:320px}.right-panels{width:60%;display:flex;flex-direction:column;gap:16px;min-height:0}.editor-panel{flex:1 1;min-height:0;display:flex;flex-direction:column}.console-panel{height:35%;min-height:200px;flex-shrink:0}.code-editor-wrapper{height:100%;width:100%;flex:1 1;min-height:300px}.segment-control{display:flex;background-color:var(--bg-segment);padding:4px;border-radius:var(--radius-md);margin:16px 16px 0;width:-moz-fit-content;width:fit-content}.segment-control.small{margin:0;padding:2px}.segment{padding:6px 16px;font-size:.85rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.segment-control.small .segment{padding:4px 12px;font-size:.8rem}.segment.active,.segment:hover{color:var(--text-primary)}.segment.active{background-color:var(--bg-segment-active);border-radius:var(--radius-sm);box-shadow:0 1px 3px rgba(0,0,0,.3)}.console-scroll-area,.panel-scroll-area{flex:1 1;overflow-y:auto;padding:24px}.problem-header{margin-bottom:24px}.problem-title{font-size:1.75rem;font-weight:600;margin:0 0 12px}.problem-badges{display:flex;gap:8px}.badge{padding:4px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;border:1px solid var(--border-light)}.badge-easy{background-color:var(--success-bg);border-color:rgba(16,185,129,.2)}.badge-topic{color:var(--accent-primary);background-color:rgba(79,70,229,.1);border-color:rgba(79,70,229,.2)}.problem-description{font-size:.95rem;line-height:1.6;color:#d4d4d8}.problem-description p{margin-bottom:16px}.problem-description code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-elevated);padding:2px 6px;border-radius:4px;border:1px solid var(--border-light)}.constraints-box,.markdown-block{background-color:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);margin:20px 0;overflow:hidden}.constraints-label,.markdown-label{padding:8px 16px;background-color:hsla(0,0%,100%,.03);border-bottom:1px solid var(--border-light);font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.markdown-block pre{margin:0;padding:16px;font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);white-space:pre-wrap}.constraints-box ul{margin:0;padding:16px 16px 16px 36px;color:var(--text-secondary)}.constraints-box li{margin-bottom:6px}.panel-header{padding:12px 16px;border-bottom:1px solid var(--border-light);display:flex;align-items:center}.panel-title{font-size:.85rem;font-family:var(--font-mono);color:var(--text-secondary)}.editor-container{flex:1 1;background:#1e1e1e;padding-top:8px;position:relative;min-height:0;display:flex;flex-direction:column}.console-header-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-light);background-color:hsla(0,0%,100%,.02)}.btn-primary{background-color:var(--accent-primary);color:#03040b;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.console-empty-state,.console-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.empty-icon{margin-bottom:12px;opacity:.5}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.error-card{display:flex;align-items:flex-start;gap:12px;background-color:var(--error-bg);border:1px solid rgba(239,68,68,.2);padding:16px;border-radius:var(--radius-md);color:#fca5a5;font-family:var(--font-mono);font-size:.85rem}.results-container{display:flex;flex-direction:column;gap:16px}.test-case-card{background-color:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.tc-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-light);background-color:hsla(0,0%,100%,.02)}.tc-name{font-weight:600;font-size:.9rem}.tc-status{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600}.tc-status.passed{color:var(--success)}.tc-status.failed{color:var(--error)}.tc-body{padding:16px;gap:12px;font-family:var(--font-mono);font-size:.85rem}.tc-body,.tc-row{display:flex;flex-direction:column}.tc-row{gap:4px}.tc-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.tc-value{background-color:var(--bg-panel);border:1px solid var(--border-light);padding:8px;border-radius:var(--radius-sm);color:var(--text-primary)}.failed-row .tc-value{background-color:rgba(239,68,68,.05);border-color:rgba(239,68,68,.2);color:#fca5a5}.submissions-list{display:flex;flex-direction:column;gap:12px}.submission-item{background-color:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.submission-item:hover{border-color:var(--border-focus)}.sub-left{display:flex;flex-direction:column;gap:4px}.sub-status{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700}.sub-status.passed{color:var(--success)}.sub-status.failed{color:var(--error)}.sub-meta{font-size:.75rem;color:var(--text-muted)}.sub-actions{display:flex;gap:8px}.btn-icon-danger{background:none;border:1px solid rgba(239,68,68,.2);color:#fca5a5;border-radius:var(--radius-sm);padding:6px;cursor:pointer;transition:all .2s}.btn-icon-danger:hover{background-color:rgba(239,68,68,.1);border-color:#ef4444}.btn-secondary{background-color:var(--bg-elevated);border:1px solid var(--border-light);color:#fff;border-radius:var(--radius-sm);padding:8px 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){border-color:var(--border-focus);color:var(--text-primary)}body,html{overflow-x:hidden}.home-page{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.home-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.bg-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.18;animation:orbFloat 12s ease-in-out infinite}.bg-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,255,255,.4),transparent);top:-200px;left:-100px;animation-delay:0s}.bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(255,0,255,.3),transparent);bottom:-100px;right:-50px;animation-delay:-4s}.bg-orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(138,43,226,.4),transparent);top:40%;left:50%;animation-delay:-8s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.97)}}.home-nav{width:100%;max-width:1100px;justify-content:space-between;padding:24px 32px;position:relative;z-index:10}.home-nav,.home-nav-logo{display:flex;align-items:center}.home-nav-logo{gap:12px}.logo-orb{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0ff,#f0f);box-shadow:0 0 20px rgba(0,255,255,.6),0 0 40px rgba(255,0,255,.4)}.logo-title{font-size:1.3rem;font-weight:900;letter-spacing:-.03em;color:#fff}.home-nav-right{display:flex;align-items:center;gap:12px}.nav-badge{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:5px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-focus);color:var(--accent-primary);background:rgba(0,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 15px rgba(0,255,255,.2)}.home-hero{position:relative;z-index:10;text-align:center;padding:60px 32px 40px;max-width:760px}.hero-tag{display:inline-block;font-size:.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-hover);border:1px solid rgba(255,0,255,.4);background:rgba(255,0,255,.08);padding:6px 20px;border-radius:var(--radius-pill);margin-bottom:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(255,0,255,.15)}.hero-title{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin:0 0 20px;color:var(--text-primary)}.hero-gradient{background:linear-gradient(135deg,#818cf8,#c084fc 50%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);max-width:560px;margin:0 auto 40px}.auth-buttons{gap:20px;flex-wrap:wrap;margin-bottom:16px}.auth-btn,.auth-buttons{display:flex;justify-content:center}.auth-btn{align-items:center;gap:10px;padding:14px 32px;border-radius:var(--radius-pill);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;min-width:220px;position:relative;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2),0 8px 32px rgba(0,0,0,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-github{background:linear-gradient(135deg,rgba(0,255,255,.6),rgba(0,150,255,.6));color:#fff;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4),0 8px 32px rgba(0,255,255,.3)}.auth-github:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.6),0 12px 40px rgba(0,255,255,.5)}.auth-google{background:linear-gradient(135deg,rgba(255,0,255,.5),rgba(138,43,226,.5));color:#fff;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.3),0 8px 32px rgba(255,0,255,.2)}.auth-google:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5),0 12px 40px rgba(255,0,255,.4)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{width:16px;height:16px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.auth-note{font-size:.78rem;color:var(--text-muted);margin:0}.tracks-section{position:relative;z-index:10;width:100%;max-width:1200px;padding:40px 5vw 80px;margin:0 auto}.tracks-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:20px;text-align:center}.tracks-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media (max-width:900px){.tracks-bento{grid-template-columns:repeat(2,1fr)}.bento-span-2,.bento-span-3{grid-column:span 2}}@media (max-width:600px){.tracks-bento{grid-template-columns:1fr}.bento-span-1,.bento-span-2,.bento-span-3{grid-column:span 1}}.bento-span-3{grid-column:span 3}.bento-span-2{grid-column:span 2}.bento-span-1{grid-column:span 1}.track-card{background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.01));border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 1px 1px hsla(0,0%,100%,.15),0 8px 32px rgba(0,0,0,.3);border-radius:var(--radius-lg);padding:30px;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;position:relative;overflow:hidden;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.track-card:before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at 50% 50%,hsla(0,0%,100%,.06),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none}.track-card:hover{transform:translateY(-6px) scale(1.02);border-color:hsla(0,0%,100%,.3);box-shadow:inset 0 1px 1px hsla(0,0%,100%,.3),0 30px 60px rgba(0,0,0,.5),0 0 60px var(--hover-glow)}.track-card:hover:before{opacity:1}.track-blue{--hover-glow:rgba(0,255,255,.5)}.track-purple{--hover-glow:rgba(255,0,255,.4)}.track-green{--hover-glow:rgba(0,255,128,.4)}.track-orange{--hover-glow:rgba(255,100,0,.5)}.track-pink{--hover-glow:rgba(255,0,128,.5)}.track-yellow{--hover-glow:rgba(255,255,0,.4)}.track-card-top{display:flex;align-items:center;gap:14px;margin-bottom:14px;position:relative;z-index:1}.track-emoji{font-size:2.4rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.track-card-heading{flex:1 1}.track-title{font-size:1.4rem;font-weight:800;color:#f8fafc;margin-bottom:4px;letter-spacing:-.02em}.track-subtitle{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.track-blue .track-subtitle{color:#60a5fa}.track-purple .track-subtitle{color:#c084fc}.track-green .track-subtitle{color:#34d399}.track-orange .track-subtitle{color:#fb923c}.track-pink .track-subtitle{color:#f472b6}.track-yellow .track-subtitle{color:#facc15}.track-arrow{font-size:1.5rem;color:var(--text-muted);transition:transform .2s}.track-card:hover .track-arrow{transform:translateX(6px);color:#fff}.track-description{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin:0 0 24px;position:relative;z-index:1;flex:1 1}.track-stats{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1;margin-top:auto}.track-stat{font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:var(--radius-pill);background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);color:#e2e8f0}.home-footer{position:relative;z-index:10;padding:40px;color:var(--text-muted);font-size:.9rem;text-align:center;border-top:1px solid hsla(0,0%,100%,.05)}.coming-soon-page{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.coming-soon-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.coming-soon-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 32px;max-width:680px;width:100%}.coming-soon-emoji{font-size:3rem;margin-bottom:20px}.coming-soon-title{font-size:2.8rem;font-weight:800;letter-spacing:-.03em;margin:0 0 14px}.coming-soon-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin:0 0 24px;max-width:480px}.coming-soon-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:6px 18px;border-radius:var(--radius-pill);border:1px solid rgba(249,115,22,.4);color:#fb923c;background:rgba(249,115,22,.08);margin-bottom:40px}.back-btn{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:0;transition:color .15s}.back-btn:hover{color:var(--text-primary)}.coming-soon-preview{display:flex;align-items:flex-end;gap:6px;height:130px;padding:0 16px;border-bottom:1px solid var(--border-light)}.preview-bar{width:28px;background:rgba(79,70,229,.3);border-radius:4px 4px 0 0;border:1px solid rgba(79,70,229,.4);animation:barPulse 3s ease-in-out infinite}.preview-bar-active{background:rgba(79,70,229,.8);border-color:#4f46e5;box-shadow:0 0 12px rgba(79,70,229,.5)}@keyframes barPulse{0%,to{opacity:.6}50%{opacity:1}}.pathway-preview{max-width:520px}.pathway-week-preview{width:100%;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;text-align:left}.pathway-week-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-light);font-size:.85rem;font-weight:600;color:var(--text-secondary)}.pathway-regen{color:#818cf8;cursor:pointer;font-size:.8rem}.pathway-day{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid hsla(0,0%,100%,.04);font-size:.85rem;transition:background .15s}.pathway-day:hover{background:hsla(0,0%,100%,.03)}.pathway-day-dot{width:8px;height:8px;border-radius:50%;background:var(--border-light);border:2px solid var(--text-muted);flex-shrink:0}.pathway-day-done .pathway-day-dot{background:var(--success);border-color:var(--success)}.pathway-day-rest .pathway-day-dot{background:rgba(249,115,22,.3);border-color:#f97316}.pathway-day-num{color:var(--text-muted);font-size:.75rem;min-width:36px}.pathway-day-title{flex:1 1;color:var(--text-primary)}.pathway-day-done .pathway-day-title{color:var(--text-muted);text-decoration:line-through}.pathway-day-tag{font-size:.7rem;padding:2px 8px;border-radius:var(--radius-pill);background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.2);color:#818cf8}.pathway-done{color:var(--success);font-size:.85rem}.sd-scenarios{width:100%;display:flex;flex-direction:column;gap:10px}.sd-scenario-card{display:flex;align-items:center;gap:14px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:14px 18px;text-align:left;transition:all .2s}.sd-scenario-card:hover{border-color:rgba(249,115,22,.3);background:var(--bg-elevated)}.sd-icon{font-size:1.4rem}.sd-scenario-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.sd-scenario-eg{font-size:.75rem;color:var(--text-muted);margin-top:2px}.sd-difficulty{margin-left:auto;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.06em}.sd-diff-beginner{background:rgba(16,185,129,.1);color:var(--success);border:1px solid rgba(16,185,129,.2)}.sd-diff-intermediate{background:rgba(234,179,8,.1);color:#eab308;border:1px solid rgba(234,179,8,.2)}.sd-diff-advanced{background:rgba(239,68,68,.1);color:var(--error);border:1px solid rgba(239,68,68,.2)}.dsa-page,.sd-page{align-items:stretch}.sd-layout{position:relative;z-index:10;width:100%;max-width:1100px;padding:0 32px 80px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.sd-header{display:flex;align-items:center;gap:20px}.sd-hero-emoji{font-size:3rem;line-height:1;flex-shrink:0}.sd-hero-title{font-size:2.2rem;font-weight:800;margin:0 0 6px}.sd-hero-sub{font-size:.9rem;color:var(--text-secondary);margin:0}.sd-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.sd-filter-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-light);background:var(--bg-panel);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.sd-filter-tab:hover{color:var(--text-primary);border-color:hsla(0,0%,100%,.15)}.sd-filter-tab.active{background:rgba(79,70,229,.15);border-color:rgba(79,70,229,.4);color:#818cf8}.sd-tab-count{background:hsla(0,0%,100%,.08);border-radius:var(--radius-pill);padding:1px 7px;font-size:.7rem}.sd-topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:12px;gap:12px}.sd-topic-card{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:all .2s}.sd-topic-card:hover{transform:translateY(-2px)}.sd-expanded{border-color:rgba(79,70,229,.4)}.sd-topic-top{display:flex;align-items:center;gap:12px}.sd-topic-emoji{font-size:1.4rem;flex-shrink:0}.sd-topic-info{flex:1 1}.sd-topic-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.sd-topic-section{font-size:.72rem;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.06em}.sd-topic-chevron{color:var(--text-muted);font-size:.7rem}.sd-section-blue:hover{border-color:rgba(79,70,229,.4);box-shadow:0 6px 24px rgba(79,70,229,.1)}.sd-section-purple:hover{border-color:rgba(124,58,237,.4);box-shadow:0 6px 24px rgba(124,58,237,.1)}.sd-section-teal:hover{border-color:rgba(20,184,166,.4);box-shadow:0 6px 24px rgba(20,184,166,.1)}.sd-section-green:hover{border-color:rgba(16,185,129,.4);box-shadow:0 6px 24px rgba(16,185,129,.1)}.sd-section-orange:hover{border-color:rgba(249,115,22,.4);box-shadow:0 6px 24px rgba(249,115,22,.1)}.sd-topic-detail{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light);gap:12px}.sd-detail-row,.sd-topic-detail{display:flex;flex-direction:column}.sd-detail-row{gap:4px}.sd-detail-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-weight:600}.sd-detail-value{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0}.sd-case-study,.sd-sandbox-btn{color:#818cf8;font-weight:600}.sd-sandbox-btn{margin-top:4px;padding:8px 16px;border-radius:var(--radius-md);background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.2);font-size:.8rem;cursor:not-allowed;opacity:.6}.dsa-page{background:#03040b;min-height:100vh;position:relative;overflow-x:hidden}.dsa-topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px;padding:20px 0;position:relative;z-index:2}.dsa-topic-card{background:rgba(15,18,30,.6);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:20px;transition:all .5s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.05)}.dsa-topic-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.05) 0,transparent 50%);pointer-events:none;transition:transform .5s}.dsa-topic-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--card-glow);box-shadow:0 20px 40px rgba(0,0,0,.6),0 0 25px var(--card-glow-soft)}.dsa-topic-card:hover:before{transform:translate(10%,10%)}.cat-searching{--card-glow:#0ff;--card-glow-soft:rgba(0,255,255,.2);--text-accent:#0ff}.cat-sorting{--card-glow:#f0f;--card-glow-soft:rgba(255,0,255,.2);--text-accent:#f0f}.cat-linked-lists{--card-glow:#0f8;--card-glow-soft:rgba(0,255,136,.2);--text-accent:#0f8}.cat-stack{--card-glow:#8a2be2;--card-glow-soft:rgba(138,43,226,.2);--text-accent:#8a2be2}.cat-queue{--card-glow:#fc0;--card-glow-soft:rgba(255,204,0,.2);--text-accent:#fc0}.cat-trees{--card-glow:#00d4ff;--card-glow-soft:rgba(0,212,255,.2);--text-accent:#00d4ff}.cat-graphs{--card-glow:#ff4d4d;--card-glow-soft:rgba(255,77,77,.2);--text-accent:#ff4d4d}.dsa-topic-name{font-size:1.1rem;font-weight:900;color:#fff;margin-bottom:4px;letter-spacing:-.02em;text-shadow:0 0 10px hsla(0,0%,100%,.2)}.dsa-topic-section{font-size:.7rem;font-weight:800;color:var(--text-accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.dsa-problems{font-size:.85rem;color:hsla(0,0%,100%,.5);line-height:1.5;margin-bottom:20px;flex:1 1}.dsa-card-footer{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid hsla(0,0%,100%,.05);padding-top:20px;gap:15px}.dsa-hours{font-size:.75rem;color:hsla(0,0%,100%,.4);font-weight:600;display:flex;align-items:center;gap:6px}.dsa-resources{font-size:.75rem;color:var(--text-accent);font-weight:800;opacity:.8}.dsa-viz-btn{background:linear-gradient(135deg,var(--card-glow) 0,hsla(0,0%,100%,.2) 100%);color:#fff;border:none;padding:8px 16px;border-radius:12px;font-size:.8rem;font-weight:900;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 5px 15px var(--card-glow-soft);white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.dsa-viz-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .6s}.dsa-viz-btn:hover{transform:scale(1.08);box-shadow:0 8px 25px var(--card-glow-soft),0 0 10px var(--card-glow)}.dsa-viz-btn:hover:after{left:100%}.badge-easy{background:rgba(16,185,129,.1);color:var(--success);border:1px solid rgba(16,185,129,.2)}.badge-medium{background:rgba(234,179,8,.1);color:#eab308;border:1px solid rgba(234,179,8,.2)}.badge-hard{background:rgba(239,68,68,.1);color:var(--error);border:1px solid rgba(239,68,68,.2)}.badge-hardest{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.pathway-two-panel{display:grid;grid-template-columns:320px 1fr;grid-gap:20px;gap:20px;align-items:start}@media(max-width:800px){.pathway-two-panel{grid-template-columns:1fr}}.pathway-behavioral-panel,.pathway-roadmap-panel{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.pathway-panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-light);font-size:.85rem;font-weight:600;color:var(--text-secondary)}.pathway-roadmap-note{padding:12px 18px;font-size:.78rem;color:var(--text-muted);line-height:1.5}.pathway-cat-tabs,.pathway-roadmap-note{border-bottom:1px solid var(--border-light)}.pathway-cat-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px}.pathway-cat-tab{padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-light);background:none;color:var(--text-muted);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s}.pathway-cat-tab:hover{color:var(--text-primary)}.pathway-cat-tab.active{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);color:var(--success)}.behavioral-list{max-height:600px;overflow-y:auto}.behavioral-item{padding:12px 18px;border-bottom:1px solid hsla(0,0%,100%,.04);cursor:pointer;transition:background .15s}.behavioral-item:hover{background:hsla(0,0%,100%,.03)}.behavioral-item-top{display:flex;align-items:center;gap:10px}.behavioral-emoji{font-size:1rem;flex-shrink:0}.behavioral-prompt{flex:1 1;font-size:.85rem;color:var(--text-primary);line-height:1.4}.behavioral-chevron{color:var(--text-muted);font-size:.65rem}.behavioral-star-template{margin-top:12px;background:var(--bg-elevated);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:8px}.star-row{display:flex;align-items:baseline;gap:10px}.star-label{font-size:.75rem;font-weight:800;color:#818cf8;min-width:14px}.star-hint{font-size:.78rem;color:var(--text-muted)}.ai-roadmap-container{display:flex;flex-direction:column;gap:0;padding:20px 0}.ai-roadmap-step{display:flex;gap:24px}.ai-roadmap-connector{flex-direction:column;flex-shrink:0}.ai-roadmap-circle,.ai-roadmap-connector{display:flex;align-items:center;width:24px}.ai-roadmap-circle{height:24px;border-radius:50%;border:2px solid var(--border-light);background:var(--bg-body);justify-content:center;font-size:.7rem;font-weight:800;z-index:2}.ai-roadmap-circle.status-done{background:rgba(16,185,129,.2);border-color:var(--success);color:var(--success)}.ai-roadmap-circle.status-in-progress{background:rgba(59,130,246,.2);border-color:#3b82f6;color:#3b82f6}.ai-roadmap-circle.status-pending{border-color:var(--border-light);color:var(--text-muted)}.ai-roadmap-line{width:2px;flex:1 1;background:var(--border-light);margin:4px 0}.ai-roadmap-line.line-done{background:var(--success)}.ai-roadmap-card{flex:1 1;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px;transition:all .2s}.ai-roadmap-card.border-in-progress{border-color:rgba(59,130,246,.4);box-shadow:0 0 20px rgba(59,130,246,.1)}.ai-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid hsla(0,0%,100%,.05)}.ai-card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.ai-card-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:var(--radius-pill);background:hsla(0,0%,100%,.05)}.ai-card-badge.text-done{color:var(--success);background:rgba(16,185,129,.1)}.ai-card-badge.text-in-progress{color:#3b82f6;background:rgba(59,130,246,.1)}.ai-card-badge.text-pending{color:var(--text-muted)}.ai-card-topics{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.ai-topic-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary)}.ai-topic-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);opacity:.5}.star-textarea{width:100%;background:rgba(0,0,0,.2);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;resize:vertical;min-height:60px;transition:border-color .2s}.star-textarea:focus{outline:none;border-color:#818cf8}.system-dashboard{min-height:100vh;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:30px}.system-layout{display:grid;grid-template-columns:380px 1fr;grid-gap:30px;gap:30px;width:100%;max-width:1200px}@media (max-width:900px){.system-layout{grid-template-columns:1fr}}.status-window{background:linear-gradient(180deg,rgba(0,255,255,.15),rgba(0,100,255,.05));border:2px solid rgba(0,255,255,.4);border-radius:var(--radius-md);padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 30px rgba(0,255,255,.1),inset 0 0 20px rgba(0,255,255,.1);position:-webkit-sticky;position:sticky;top:40px;display:flex;flex-direction:column;gap:20px;color:#fff;text-shadow:0 0 10px rgba(0,255,255,.5)}.system-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-primary);opacity:.8}.player-info{border-bottom:1px solid rgba(0,255,255,.2);padding-bottom:15px}.player-name{font-size:1.8rem;font-weight:900;letter-spacing:-.02em;margin-bottom:4px}.player-job{font-size:.9rem;color:var(--accent-primary);font-weight:700;text-transform:uppercase}.system-stats{gap:12px}.stat-row,.system-stats{display:flex;flex-direction:column}.stat-row{gap:6px}.stat-header{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700}.stat-val{color:var(--accent-primary)}.stat-bar-bg{height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;border:1px solid rgba(0,255,255,.2)}.stat-bar-fill{height:100%;background:linear-gradient(90deg,#0ff,#08f);box-shadow:0 0 10px rgba(0,255,255,.5)}.quest-panel{background:rgba(13,15,25,.4);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-lg);padding:30px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.section-title{font-size:1.4rem;font-weight:800;margin-bottom:24px;display:flex;align-items:center;gap:10px}.quest-list{display:flex;flex-direction:column;gap:16px}.quest-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:20px;transition:all .2s}.quest-item:hover{background:rgba(0,255,255,.05);border-color:rgba(0,255,255,.2);transform:translateX(5px)}.quest-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:rgba(0,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:1px solid rgba(0,255,255,.2)}.quest-content{flex:1 1}.quest-name{font-weight:700;margin-bottom:4px}.quest-reward{font-size:.75rem;color:var(--accent-primary);font-weight:600;text-transform:uppercase}.quest-status{padding:6px 14px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:var(--text-muted)}.quest-status.done{background:rgba(0,255,128,.1);border-color:rgba(0,255,128,.3);color:var(--success)}.tree-viz{display:flex;justify-content:center;width:100%;height:100%;padding-top:40px}.tree-node-container{display:flex;flex-direction:column;align-items:center;position:relative}.tree-node{width:48px;height:48px;background:rgba(13,15,25,.8);border:2px solid hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:1rem;z-index:2;transition:all .3s}.tree-node.highlighted{background:var(--primary-cyan);color:var(--bg-dark);border-color:#fff;box-shadow:0 0 20px rgba(0,255,255,.6);transform:scale(1.1)}.tree-children{display:flex;gap:32px;margin-top:48px;position:relative}.tree-children:before{content:"";position:absolute;top:-24px;left:50%;width:2px;height:24px;background:hsla(0,0%,100%,.1)}.gradient-text{background:linear-gradient(135deg,#fff,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sd-hero-emoji-container{width:64px;height:64px;background:rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 0 20px rgba(0,255,255,.1)}.visualizer-tabs{background:hsla(0,0%,100%,.02);padding:8px;border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.05);margin-bottom:32px}.visualizer-tabs .sd-filter-tab{background:transparent;border:none;padding:10px 20px;border-radius:var(--radius-sm);gap:10px;display:flex;align-items:center}.visualizer-tabs .sd-filter-tab.active{background:rgba(0,255,255,.1);color:var(--accent-primary);box-shadow:inset 0 0 0 1px rgba(0,255,255,.2)}.tab-emoji{font-size:1.1rem}.tab-text{font-weight:700}.viz-engine-container{height:100%;display:flex;flex-direction:column;position:relative}.viz-canvas-area{flex:1 1;display:flex;align-items:center;justify-content:center;min-height:0;position:relative}.viz-empty-state{text-align:center;animation:fadeIn .5s ease-out}.empty-icon-box{width:80px;height:80px;background:rgba(0,255,255,.05);border:1px solid rgba(0,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--accent-primary);box-shadow:0 0 30px rgba(0,255,255,.05)}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 5px rgba(0,255,255,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(0,255,255,.8));transform:scale(1.1)}}.empty-title{font-size:1.5rem;font-weight:800;margin-bottom:8px;color:#fff}.empty-desc{font-size:.9rem;color:hsla(0,0%,100%,.4);max-width:300px;margin:0 auto}.glass-controls{background:rgba(15,18,30,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-lg);padding:12px 24px;display:flex;align-items:center;gap:32px;margin:20px auto;box-shadow:0 10px 40px rgba(0,0,0,.4);width:-moz-fit-content;width:fit-content;max-width:90%}.viz-control-btn{background:transparent;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.viz-control-btn:hover:not(:disabled){background:hsla(0,0%,100%,.05);color:#fff}.viz-control-btn.primary-glow{background:rgba(0,255,255,.1);color:var(--accent-primary);padding:12px;border-radius:var(--radius-md);box-shadow:0 0 20px rgba(0,255,255,.1)}.viz-control-btn.primary-glow:hover{background:rgba(0,255,255,.2);box-shadow:0 0 30px rgba(0,255,255,.3);transform:scale(1.05)}.viz-timeline-container{display:flex;align-items:center;gap:16px;flex:1 1;min-width:200px}.liquid-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1;height:4px;background:hsla(0,0%,100%,.1);border-radius:2px;outline:none}.liquid-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#0ff;border-radius:50%;cursor:pointer;box-shadow:0 0 10px rgba(0,255,255,.5);-webkit-transition:transform .2s;transition:transform .2s}.liquid-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.viz-readout{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:4px}.viz-readout .current{color:var(--accent-primary)}.viz-readout .separator{color:hsla(0,0%,100%,.2)}.viz-readout .total{color:hsla(0,0%,100%,.4)}.liquid-speed-toggle{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);padding:4px 12px;border-radius:var(--radius-sm);border:1px solid hsla(0,0%,100%,.05)}.speed-select{background:transparent;border:none;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;outline:none}.viz-status-overlay.liquid-status{position:absolute;top:40px;left:50%;transform:translateX(-50%);background:rgba(15,18,30,.85);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(0,255,255,.3);padding:12px 24px;border-radius:20px;display:flex;align-items:center;gap:12px;box-shadow:0 15px 40px rgba(0,0,0,.6);z-index:50;animation:slideDown .4s cubic-bezier(.2,.8,.2,1)}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.status-icon{color:#0ff}.status-text{font-size:.9rem;font-weight:600;color:#fff}.array-viz-stage{position:relative;width:100%;height:400px;display:flex;align-items:center;justify-content:center;padding:40px 60px}.viz-axes-flat{position:absolute;inset:40px 60px;pointer-events:none}.axis-y-flat{position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(0deg,rgba(0,255,255,.4),transparent)}.axis-marker-y-flat{position:absolute;right:100%;padding-right:12px;display:flex;align-items:center}.axis-marker-y-flat:after{content:"";width:6px;height:1px;background:hsla(0,0%,100%,.2);position:absolute;right:0}.axis-marker-y-flat span{font-size:.65rem;color:hsla(0,0%,100%,.3);font-weight:700;font-family:JetBrains Mono,monospace}.axis-x-flat{position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(0,255,255,.4),transparent)}.array-bars-container{display:flex;align-items:flex-end;gap:8px;height:100%;width:100%;max-width:100%;position:relative;z-index:5}.viz-engine-root{display:flex;flex-direction:column;height:100%;overflow:hidden;gap:0}.viz-stage-fill{flex:1 1;display:flex;flex-direction:column;min-height:0;background:#0a0c14;border:1px solid hsla(0,0%,100%,.05);border-radius:12px 12px 0 0;overflow:hidden;position:relative}.stage-header-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:hsla(0,0%,100%,.02);border-bottom:1px solid hsla(0,0%,100%,.04);flex-shrink:0}.stage-header-left{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:800;color:hsla(0,0%,100%,.25);text-transform:uppercase;letter-spacing:.08em}.stage-header-left svg{color:var(--accent-primary)}.legend-inline{display:flex;align-items:center;gap:10px;margin-left:auto}.legend-inline span{font-size:.6rem;color:hsla(0,0%,100%,.35);font-weight:600}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.unsorted{background:rgba(148,163,184,.4)}.legend-dot.comparing{background:rgba(234,179,8,.7)}.legend-dot.swapping{background:rgba(239,68,68,.7)}.legend-dot.sorted{background:rgba(16,185,129,.7)}.stage-label-pill{display:flex;align-items:center;gap:6px;background:rgba(0,255,255,.08);border:1px solid rgba(0,255,255,.2);padding:3px 10px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;color:var(--accent-primary);margin-left:8px}.status-indicator{width:5px;height:5px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 6px var(--accent-primary)}.stage-canvas{min-height:0;padding:16px 20px 0;position:relative}.stage-canvas,.viz-empty-center{flex:1 1;display:flex;flex-direction:column}.viz-empty-center{gap:12px;color:hsla(0,0%,100%,.2)}.empty-orb,.viz-empty-center{align-items:center;justify-content:center}.empty-orb{width:56px;height:56px;border-radius:50%;background:rgba(0,255,255,.07);border:1px solid rgba(0,255,255,.15);display:flex;color:var(--accent-primary)}.viz-empty-center p{font-size:.8rem}.array-viz-stage-new{flex:1 1;display:flex;align-items:flex-end;min-height:0}.array-bars-container-new{width:100%;height:100%;gap:5px}.array-bars-container-new,.modern-bar{display:flex;align-items:flex-end;justify-content:center}.modern-bar{flex:1 1;min-width:16px;max-width:60px;border-radius:4px 4px 0 0;padding-bottom:5px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.05)}.modern-bar.unsorted{background:rgba(148,163,184,.15);border-color:rgba(148,163,184,.3)}.modern-bar.comparing{background:rgba(234,179,8,.25);border-color:rgba(234,179,8,.6);box-shadow:0 0 10px rgba(234,179,8,.1)}.modern-bar.swapping{background:rgba(239,68,68,.25);border-color:rgba(239,68,68,.6);box-shadow:0 0 10px rgba(239,68,68,.1)}.modern-bar.sorted{background:rgba(16,185,129,.2);border-color:rgba(16,185,129,.5);box-shadow:0 0 8px rgba(16,185,129,.1)}.bar-value{color:#fff;font-size:.6rem;font-weight:800;opacity:.7}.playback-strip{flex-shrink:0;background:#0d1117;border:1px solid hsla(0,0%,100%,.05);border-top:none;border-radius:0 0 12px 12px;padding:10px 16px 12px;display:flex;flex-direction:column;gap:10px}.strip-row{display:flex;align-items:center;gap:10px}.strip-spacer{flex:1 1}.strip-nav-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-sm);color:hsla(0,0%,100%,.6);cursor:pointer;transition:all .15s}.strip-nav-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.strip-nav-btn:disabled{opacity:.25}.strip-play-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;background:var(--accent-primary);color:#000;border:none;border-radius:var(--radius-sm);font-weight:900;font-size:.85rem;cursor:pointer;transition:all .15s}.strip-play-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.strip-play-btn:disabled{opacity:.25;cursor:not-allowed;filter:grayscale(1)}.strip-ghost-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.07);border-radius:var(--radius-sm);color:hsla(0,0%,100%,.5);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s}.strip-ghost-btn:hover{border-color:hsla(0,0%,100%,.2);color:#fff}.strip-ghost-btn.accent{border-color:rgba(0,255,255,.2);color:var(--accent-primary)}.strip-ghost-btn.accent:hover{background:rgba(0,255,255,.08)}.sliders-row{gap:20px}.strip-slider-group{flex:1 1;display:flex;flex-direction:column;gap:6px}.strip-slider-label{display:flex;justify-content:space-between;align-items:center}.strip-slider-label span:first-child{font-size:.6rem;font-weight:800;color:hsla(0,0%,100%,.25);text-transform:uppercase;letter-spacing:.08em}.strip-step{font-size:.65rem;font-weight:700;color:var(--accent-primary)}.strip-step-dim{font-size:.6rem;color:hsla(0,0%,100%,.2)}.strip-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:hsla(0,0%,100%,.08);border-radius:2px;outline:none}.strip-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent-primary);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--accent-primary)}.strip-range:disabled{opacity:.3;cursor:not-allowed}.strip-range:disabled::-webkit-slider-thumb{background:#475569;box-shadow:none;cursor:not-allowed}.controls-panel{display:flex;flex-direction:column;gap:20px}.playback-controls-row{gap:16px}.liquid-nav-btn,.playback-controls-row{display:flex;align-items:center;justify-content:center}.liquid-nav-btn{width:40px;height:40px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.liquid-nav-btn:hover:not(:disabled){border-color:var(--border-focus);color:var(--accent-primary)}.liquid-nav-btn:disabled{opacity:.3}.liquid-play-btn{background:linear-gradient(135deg,var(--accent-primary),#4f46e5);color:#000;border:none;border-radius:var(--radius-md);padding:10px 24px;display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px rgba(0,255,255,.3)}.liquid-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,255,255,.4)}.liquid-slider-group{display:flex;flex-direction:column;gap:8px}.slider-meta{display:flex;justify-content:space-between;align-items:center}.slider-meta label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.step-readout{font-size:.75rem;font-weight:600;color:var(--accent-primary)}.liquid-input-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--border-light);border-radius:2px;outline:none}.liquid-input-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent-primary);border-radius:50%;cursor:pointer;box-shadow:0 0 10px var(--accent-primary)}.slider-ticks{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.liquid-actions-row{display:flex;gap:12px;margin-top:8px}.liquid-primary-btn,.liquid-secondary-btn{flex:1 1;padding:12px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s}.liquid-primary-btn{background:rgba(0,255,255,.1);border:1px solid var(--border-focus);color:var(--accent-primary)}.liquid-primary-btn:hover{background:rgba(0,255,255,.2)}.liquid-secondary-btn{background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-secondary)}.liquid-secondary-btn:hover{border-color:var(--border-focus);color:var(--text-primary)}.legend-panel-wide{display:flex;flex-direction:column;gap:12px}.liquid-legend-row{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:16px}.legend-entry{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-secondary)}.swatch-v3{width:12px;height:12px;border-radius:3px;border:1px solid hsla(0,0%,100%,.1)}.swatch-v3.unsorted{background:rgba(96,165,250,.3);border-color:rgba(96,165,250,.5)}.swatch-v3.comparing{background:#facc15}.swatch-v3.swapping{background:#f87171}.swatch-v3.sorted{background:#34d399}.bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;height:100%;justify-content:flex-end;z-index:1}.bar-wrapper.swapping-z{z-index:50!important}.swap-arc-container{position:absolute;bottom:60px;height:60px;pointer-events:none;z-index:10;transform-origin:left center}.swap-arc-container svg{width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(255,65,108,.4))}.swap-indicator-particle{position:absolute;top:0;left:0;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 15px #fff,0 0 30px #ff416c;offset-path:path("M 0 40 Q 50 0 100 40");animation:move-particle var(--swap-duration,.4s) ease-in-out infinite}@keyframes move-particle{0%{offset-distance:0;opacity:0}20%{opacity:1}80%{opacity:1}to{offset-distance:100%;opacity:0}}.bar-glow-bg{left:50%;transform:translateX(-50%);width:150%;height:100%;pointer-events:none;z-index:-1;opacity:.6}.liquid-bar{width:clamp(20px,4vw,45px);min-width:20px;border-radius:8px 8px 4px 4px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;overflow:hidden;box-shadow:inset 0 1px 1px hsla(0,0%,100%,.2);z-index:1}.bar-label-top{position:absolute;top:10px;font-size:.85rem;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.bar-reflection{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);pointer-events:none}.bar-index-bottom{font-size:.7rem;font-weight:800;color:hsla(0,0%,100%,.2);font-family:JetBrains Mono,monospace}.state-default{background:linear-gradient(180deg,#00d2ff,#3a7bd5);box-shadow:0 5px 15px rgba(0,210,255,.3);border:1px solid rgba(0,210,255,.4)}.state-comparing{background:linear-gradient(180deg,#ffe259,#ffa751);box-shadow:0 0 25px rgba(255,226,89,.6);border:1px solid rgba(255,226,89,.8);transform:scaleY(1.05);z-index:10}.state-swapping{background:linear-gradient(180deg,#ff416c,#ff4b2b);box-shadow:0 0 30px rgba(255,65,108,.7);border:1px solid rgba(255,65,108,.9);transform:scaleY(1.1);z-index:20}.state-sorted{background:linear-gradient(180deg,#11998e,#38ef7d);box-shadow:0 5px 20px rgba(56,239,125,.4);border:1px solid rgba(56,239,125,.5)}.bar-glow-bg{position:absolute;bottom:0;width:100%;height:40px;background:radial-gradient(circle,rgba(0,255,255,.1) 0,transparent 70%);filter:blur(10px);opacity:.5}.viz-run-btn-large{background:linear-gradient(135deg,#0ff,#08f);color:#010208;border:none;padding:14px 28px;border-radius:var(--radius-md);font-size:1rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;margin:30px auto 0;box-shadow:0 10px 30px rgba(0,255,255,.3);transition:all .3s cubic-bezier(.2,.8,.2,1)}.viz-run-btn-large:hover:not(:disabled){transform:scale(1.05) translateY(-2px);box-shadow:0 15px 40px rgba(0,255,255,.5)}.viz-run-btn-large:disabled{opacity:.5;cursor:not-allowed}.tree-viz-stage{width:100%;height:100%;overflow:auto;padding:40px;display:flex;justify-content:center}.tree-viz-scroll{min-width:-moz-fit-content;min-width:fit-content;padding-bottom:60px}.liquid-node{width:54px;height:54px;background:rgba(15,18,30,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .4s;box-shadow:inset 0 0 10px hsla(0,0%,100%,.05)}.liquid-node.highlighted{border-color:#0ff;background:rgba(0,255,255,.15);box-shadow:0 0 25px rgba(0,255,255,.4),inset 0 0 15px rgba(0,255,255,.2);transform:scale(1.15)}.node-glow{position:absolute;inset:-5px;background:radial-gradient(circle,rgba(0,255,255,.2) 0,transparent 70%);opacity:0;transition:opacity .3s}.highlighted .node-glow{opacity:1}.node-val{font-size:1.1rem;font-weight:900;color:#fff;z-index:2}.sd-node{display:flex;align-items:center;gap:12px;background:var(--bg-panel);border:1px solid var(--border-light);padding:12px 16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);min-width:180px;transition:all .2s}.sd-node:hover{border-color:hsla(0,0%,100%,.3);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4)}.sd-node-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.1)}.sd-node-content{display:flex;flex-direction:column}.sd-node-label{font-size:.85rem;font-weight:700;letter-spacing:.02em}.sd-client-node .sd-node-icon{background:rgba(56,189,248,.2);color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.sd-server-node .sd-node-icon{background:rgba(167,139,250,.2);color:#a78bfa;border:1px solid rgba(167,139,250,.4)}.sd-db-node .sd-node-icon{background:rgba(52,211,153,.2);color:#34d399;border:1px solid rgba(52,211,153,.4)}.sd-cache-node .sd-node-icon{background:rgba(250,204,21,.2);color:#facc15;border:1px solid rgba(250,204,21,.4)}.sd-lb-node .sd-node-icon{background:rgba(244,114,182,.2);color:#f472b6;border:1px solid rgba(244,114,182,.4)}.sd-queue-node .sd-node-icon{background:rgba(129,140,248,.2);color:#818cf8;border:1px solid rgba(129,140,248,.4)}.react-flow__handle{width:10px;height:10px;background:var(--accent-primary)!important;border:2px solid var(--bg-app)!important}.react-flow__edge-path{stroke:var(--text-muted);stroke-width:2}.workspace-sub-header{height:48px;display:flex;align-items:center;padding:0 16px;background:hsla(0,0%,100%,.02);border-bottom:1px solid var(--border-light);gap:12px}.react-flow__connection-path{stroke:var(--accent-primary);stroke-width:2}.global-nav{height:64px;background:rgba(13,15,25,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.08);position:-webkit-sticky;position:sticky;top:0;z-index:1000;justify-content:center}.global-nav,.nav-container{width:100%;display:flex;align-items:center}.nav-container{justify-content:space-between}.nav-left{padding-left:16px}.nav-left,.nav-right{display:flex;align-items:center;gap:20px}.nav-right{padding-right:16px}.nav-back-btn{display:flex;align-items:center;gap:6px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);color:var(--text-secondary);padding:6px 14px 6px 10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-back-btn:hover{background:hsla(0,0%,100%,.08);border-color:var(--accent-primary);color:#fff;transform:translateX(-2px)}.nav-logo{display:flex;align-items:center;gap:10px;cursor:pointer;transition:opacity .2s}.nav-logo:hover{opacity:.8}.nav-page-title{font-weight:600;padding-left:20px;border-left:1px solid hsla(0,0%,100%,.1);margin-left:4px}.nav-link,.nav-page-title{font-size:.85rem;color:var(--text-muted)}.nav-link{display:flex;align-items:center;gap:8px;background:none;border:none;font-weight:700;cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.nav-link:hover{color:#fff;background:hsla(0,0%,100%,.05)}.nav-link.active{color:var(--accent-primary);background:rgba(0,255,255,.08)}.nav-divider{width:1px;height:24px;background:hsla(0,0%,100%,.1);margin:0 4px}.nav-profile-btn{background:none;border:none;cursor:pointer;padding:0}.profile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,rgba(0,255,255,.2),rgba(255,0,255,.2));border:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s}.nav-profile-btn:hover .profile-avatar{border-color:var(--accent-primary);box-shadow:0 0 15px rgba(0,255,255,.3);transform:scale(1.05)}.profile-dropdown-wrapper{position:relative}.profile-dropdown{top:calc(100% + 8px);right:0;min-width:160px;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001}.profile-dropdown,.profile-dropdown:before{position:absolute;background:var(--bg-panel)}.profile-dropdown:before{content:"";top:-5px;right:14px;width:10px;height:10px;border-left:1px solid var(--border-light);border-top:1px solid var(--border-light);transform:rotate(45deg)}.profile-dropdown-item{display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);transition:all .15s;text-align:left;white-space:nowrap}.profile-dropdown-item:hover{background:hsla(0,0%,100%,.05);color:var(--text-primary)}.profile-dropdown-item.active{color:var(--accent-primary);background:rgba(0,255,255,.08)}@media (max-width:768px){.nav-link-text,.nav-page-title{display:none}}.viz-page-layout{height:100vh;display:flex;flex-direction:column;background:#010208;color:#e2e8f0;overflow:hidden}.viz-dashboard-grid{flex:1 1;display:grid;grid-template-columns:360px 1fr;grid-gap:16px;gap:16px;padding:16px;overflow:hidden}.dashboard-col{gap:16px;height:100%;min-height:0}.dashboard-card,.dashboard-col{display:flex;flex-direction:column}.dashboard-card{background:#0d1117;border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:16px;gap:12px}.card-label{display:flex;align-items:center;gap:8px;font-size:.65rem;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:1px}.parameters-card{flex-shrink:0}.input-field-group label{display:block;font-size:.6rem;font-weight:800;color:#475569;text-transform:uppercase;margin-bottom:6px}.input-field-group input,.input-field-group textarea{width:100%;background:#010208;border:1px solid hsla(0,0%,100%,.05);border-radius:8px;padding:12px;color:#e2e8f0;font-family:JetBrains Mono,monospace;font-size:.85rem;outline:none}.input-field-group textarea{height:80px;resize:none}.execute-left-btn{width:100%;padding:12px;background:#0ff;border:none;border-radius:8px;color:#000;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.execute-left-btn:hover{opacity:.9}.execute-left-btn:disabled{opacity:.5;cursor:not-allowed}.stage-card-v4{flex:1 1;min-height:0;padding:0;overflow:hidden;display:flex;flex-direction:column}.stage-tab-bar{display:flex;gap:4px;padding:8px 12px 0;background:#0d1117;border-bottom:1px solid hsla(0,0%,100%,.05);flex-shrink:0}.stage-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;background:transparent;border-radius:8px 8px 0 0;color:hsla(0,0%,100%,.35);font-size:.72rem;font-weight:700;cursor:pointer;transition:all .15s;border:none;border-bottom:2px solid transparent}.stage-tab:hover{color:hsla(0,0%,100%,.6)}.stage-tab.active{color:#0ff;border-bottom-color:#0ff;background:rgba(0,255,255,.04)}.stage-content-v4{flex:1 1;display:flex;flex-direction:column;height:100%;min-height:0}.source-in-stage,.stack-trace-card{flex:1 1;min-height:0}.stack-trace-card{overflow:hidden}.trace-count{margin-left:auto;font-size:.6rem;font-weight:700;color:var(--accent-primary);background:rgba(0,255,255,.08);padding:2px 8px;border-radius:10px;border:1px solid rgba(0,255,255,.15)}.stack-trace-list{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding-right:4px;max-height:calc(100% - 32px)}.stack-trace-list::-webkit-scrollbar{width:4px}.stack-trace-list::-webkit-scrollbar-track{background:transparent}.stack-trace-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:2px}.trace-row{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:all .1s;flex-shrink:0}.trace-row:hover{background:hsla(0,0%,100%,.03)}.trace-row.current{background:rgba(0,255,255,.06);border-color:rgba(0,255,255,.2)}.trace-badge{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.75rem;font-weight:900}.trace-row.compare .trace-badge{background:rgba(234,179,8,.15);color:#eab308}.trace-row.swap .trace-badge{background:rgba(239,68,68,.15);color:#ef4444}.trace-row.sorted .trace-badge{background:rgba(16,185,129,.15);color:#10b981}.trace-row.info .trace-badge{background:rgba(148,163,184,.1);color:#94a3b8}.trace-body{flex:1 1;min-width:0}.trace-label{font-size:.7rem;font-weight:600;color:hsla(0,0%,100%,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trace-indices{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.trace-idx-pill{font-size:.6rem;font-family:JetBrains Mono,monospace;color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.05);padding:1px 5px;border-radius:3px}.trace-row.compare .trace-idx-pill{color:#eab308;background:rgba(234,179,8,.08)}.trace-row.swap .trace-idx-pill{color:#ef4444;background:rgba(239,68,68,.08)}.trace-row.sorted .trace-idx-pill{color:#10b981;background:rgba(16,185,129,.08)}.trace-step-num{font-size:.55rem;color:hsla(0,0%,100%,.15);flex-shrink:0;font-family:JetBrains Mono,monospace;margin-top:2px}.viz-indicator-v4{display:flex;align-items:center;gap:10px;background:hsla(0,0%,100%,.02);padding:6px 12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.05)}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981}.status-dot.pulse{background:#0ff;animation:status-pulse 1.5s infinite;box-shadow:0 0 10px #0ff}@keyframes status-pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.viz-indicator-v4 span{font-size:.65rem;font-weight:800;color:#64748b;text-transform:uppercase}.theory-panel-v4{flex:1 1;display:flex;flex-direction:column;overflow:hidden;background:#0d1117;position:relative}.theory-scroll-container{flex:1 1;overflow-y:auto;padding:32px 40px;scroll-behavior:smooth}.theory-scroll-container h2{color:#fff;font-size:2rem;margin-bottom:24px;font-weight:800}.theory-intro{font-size:1rem;line-height:1.8;color:hsla(0,0%,100%,.6);margin-bottom:32px}.theory-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:48px}.meta-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);padding:20px;border-radius:16px;display:flex;flex-direction:column;gap:12px}.meta-label{font-size:.7rem;text-transform:uppercase;color:hsla(0,0%,100%,.4)}.meta-value{font-family:JetBrains Mono,monospace;color:#0ff;font-weight:700}.sd-page-layout{min-height:100vh;background:#010208;color:#e2e8f0;position:relative;overflow:hidden}.sd-content-container{max-width:1160px;margin:0 auto;padding:40px 24px 80px;position:relative;z-index:1}.sd-hero{margin-bottom:36px;display:flex;flex-direction:column;gap:14px}.sd-hero-header{display:flex;align-items:center;gap:16px}.sd-hero-emoji{font-size:2.8rem}.sd-hero-tag{font-size:.62rem;font-weight:900;color:#0ff;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.sd-hero-title{margin:0;font-size:2.6rem;font-weight:900;color:#f8fafc;letter-spacing:-.03em;line-height:1.1}.sd-hero-subtitle{font-size:.95rem;color:hsla(0,0%,100%,.45);max-width:600px;line-height:1.7;margin:0}.sd-stats-grid{display:flex;gap:16px;flex-wrap:wrap;margin-top:4px}.sd-stat-pill{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);padding:7px 14px;border-radius:10px}.sd-stat-value{font-size:1rem;font-weight:900;color:#0ff;font-family:monospace}.sd-stat-label{font-size:.62rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sd-tab-switcher{display:flex;gap:4px;margin-bottom:32px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:4px;width:-moz-fit-content;width:fit-content}.sd-tab-btn{padding:8px 20px;border-radius:9px;border:none;background:transparent;color:#64748b;font-size:.8rem;font-weight:800;cursor:pointer;transition:all .15s}.sd-tab-btn.active{background:#0ff;color:#000}.sd-filter-bar{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.sd-filter-btn{white-space:nowrap;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);color:#64748b;padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s}.sd-filter-btn.active{background:rgba(0,255,255,.1);border-color:#0ff;color:#0ff}.sd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:20px;gap:20px}.sd-loading{text-align:center;padding:80px;color:#64748b;font-size:.9rem}.sidebar-reopen-strip{width:14px;height:100%;background:hsla(0,0%,100%,.02);border-right:1px solid hsla(0,0%,100%,.05);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;color:hsla(0,0%,100%,.1)}.sidebar-reopen-strip:hover{background:rgba(0,255,255,.05);color:#0ff;width:18px;box-shadow:inset -5px 0 15px rgba(0,255,255,.05)}