:root{--bg:#04070f;--surface:#080e1c;--surface2:#0d1526;--surface3:#111d33;--border:#1a2740;--border2:#243554;--gold:#f5a623;--saffron:#ff6b1a;--blue:#4f8ef7;--cyan:#00d4ff;--purple:#a78bfa;--green:#10d98a;--red:#ff4d6d;--yellow:#fbbf24;--text:#dde5f4;--muted:#4a5f80;--dim:#7a93bc;--r:12px;--r-sm:8px}.dv-brand-om{-webkit-text-fill-color:var(--gold);filter:drop-shadow(0 0 8px #f5a62399);font-size:1.1rem;animation:3s ease-in-out infinite dv-float}.dv-live-badge{letter-spacing:.12em;color:var(--green);background:#10d98a14;border:1px solid #10d98a40;border-radius:100px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-family:JetBrains Mono,monospace;font-size:.68rem;display:flex}.dv-live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.5s infinite dv-pulse-dot}@keyframes dv-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.dv-scenario-bar{z-index:9;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:1rem;padding:.85rem 2rem;display:flex;position:relative}.dv-scenario-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.68rem}.dv-scenario-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.dv-stab{border:1px solid var(--border2);color:var(--dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-family:JetBrains Mono,monospace;font-size:.72rem;transition:all .2s;display:flex}.dv-stab:hover{border-color:var(--gold);color:var(--gold)}.dv-stab.active{border-color:var(--gold);color:var(--gold);background:#f5a6231f}.dv-stab.active.t-arrays{border-color:var(--cyan);color:var(--cyan);background:#00d4ff1a}.dv-stab.active.t-lists{border-color:var(--purple);color:var(--purple);background:#a78bfa1a}.dv-stab.active.t-trees{border-color:var(--green);color:var(--green);background:#10d98a1a}.dv-stab.active.t-dp{border-color:var(--gold);color:var(--gold);background:#f5a6231f}.dv-app{z-index:1;grid-template-rows:1fr auto;grid-template-columns:400px 1fr;height:calc(100vh - 100px);display:grid;position:relative;overflow:hidden}@media (width<=900px){.dv-app{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;height:auto;overflow:visible}}.dv-code-panel{border-right:1px solid var(--border);background:#030610;flex-direction:column;display:flex;overflow:hidden}.dv-panel-header{border-bottom:1px solid var(--border);background:var(--surface2);flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.dv-panel-title{letter-spacing:.15em;text-transform:uppercase;color:var(--dim);font-family:JetBrains Mono,monospace;font-size:.7rem}.dv-win-dots{gap:5px;margin-right:.25rem;display:flex}.dv-wd{border-radius:50%;width:10px;height:10px}.dv-wd-r{background:#ff5f57}.dv-wd-y{background:#febc2e}.dv-wd-g{background:#28c840}.dv-code-scroll{flex:1;padding:1rem 0;overflow-y:auto}.dv-code-scroll::-webkit-scrollbar{width:4px}.dv-code-scroll::-webkit-scrollbar-track{background:0 0}.dv-code-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.dv-code-line{align-items:stretch;min-height:24px;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:background .2s;display:flex;position:relative}.dv-code-line.active-line{background:#f5a6231a}.dv-code-line.done-line{background:#10d98a0a}.dv-line-num{text-align:right;min-width:40px;color:var(--muted);user-select:none;flex-shrink:0;padding:0 .75rem 0 0;font-size:.72rem;line-height:24px}.dv-line-indicator{background:0 0;flex-shrink:0;width:3px;transition:background .2s}.dv-code-line.active-line .dv-line-indicator{background:var(--gold)}.dv-code-line.done-line .dv-line-indicator{background:var(--green)}.dv-line-code{white-space:pre;flex:1;padding:0 1rem;line-height:24px}.dv-code-line.active-line .dv-line-code{color:#fff}.kw{color:#c792ea}.fn{color:#82aaff}.str{color:#c3e88d}.num{color:#f78c6c}.cmt{color:#3d5166;font-style:italic}.cl{color:#ffcb6b}.prp,.op,.pun{color:#89ddff}.dv-step-explain{border-top:1px solid var(--border);background:var(--surface2);flex-shrink:0;min-height:88px;padding:.9rem 1rem}.dv-explain-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem;font-family:JetBrains Mono,monospace;font-size:.62rem}.dv-explain-text{color:var(--dim);font-size:.82rem;line-height:1.55}.dv-explain-text strong{color:var(--text)}.dv-explain-text code{background:#ffffff12;border-radius:3px;padding:.1rem .3rem;font-family:JetBrains Mono,monospace;font-size:.78em}.dv-explain-text em{color:var(--gold);font-style:italic}.dv-diagram-panel{flex-direction:column;display:flex;overflow:hidden}.dv-diagram-scroll{flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.dv-diagram-scroll::-webkit-scrollbar{width:4px}.dv-diagram-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.dv-ds-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=700px){.dv-ds-grid{grid-template-columns:1fr}}.dv-ds-full{grid-template-columns:1fr;gap:1rem;display:grid}.dv-dbox{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r);transition:border-color .3s,box-shadow .3s;overflow:hidden}.dv-dbox.glow-gold{border-color:var(--gold);box-shadow:0 0 20px #f5a62326}.dv-dbox.glow-green{border-color:var(--green);box-shadow:0 0 20px #10d98a1f}.dv-dbox.glow-purple{border-color:var(--purple);box-shadow:0 0 20px #a78bfa1f}.dv-dbox.glow-blue{border-color:var(--blue);box-shadow:0 0 20px #4f8ef71f}.dv-dbox.glow-cyan{border-color:var(--cyan);box-shadow:0 0 20px #00d4ff1f}.dv-dbox-head{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.55rem .85rem;display:flex}.dv-dbox-icon{font-size:.9rem}.dv-dbox-name{letter-spacing:.15em;text-transform:uppercase;color:var(--dim);flex:1;font-family:JetBrains Mono,monospace;font-size:.65rem}.dv-dbox-count{background:var(--surface3);color:var(--muted);border-radius:4px;padding:.1rem .4rem;font-family:JetBrains Mono,monospace;font-size:.62rem}.dv-dbox-body{flex-direction:column;gap:.3rem;min-height:100px;padding:.6rem;display:flex;position:relative}.dv-dbox-body.row-layout{flex-flow:wrap;align-items:flex-start;min-height:60px}.dv-empty{color:var(--border2);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:.65rem;display:flex;position:absolute;inset:0}.dv-item{border-radius:var(--r-sm);align-items:center;gap:.4rem;padding:.35rem .6rem;font-family:JetBrains Mono,monospace;font-size:.72rem;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards dv-itemIn;display:flex;position:relative}@keyframes dv-itemIn{0%{opacity:0;transform:translate(-12px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}.dv-item-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.dv-item.t-array{color:var(--cyan);background:#00d4ff1a;border:1px solid #00d4ff4d}.dv-item.t-pointer{color:var(--gold);background:#f5a6231a;border:1px solid #f5a6234d}.dv-item.t-node{color:var(--purple);background:#a78bfa1a;border:1px solid #a78bfa4d}.dv-item.t-tree,.dv-item.t-stack{color:var(--green);background:#10d98a1a;border:1px solid #10d98a4d}.dv-item.t-memo{color:var(--gold);background:#f5a6231a;border:1px solid #f5a6234d}.dv-item.t-call{color:var(--blue);background:#4f8ef71a;border:1px solid #4f8ef74d}.dv-item.executing{animation:.7s ease-in-out infinite alternate dv-execPulse}@keyframes dv-execPulse{0%{box-shadow:0 0 5px #10d98a33}to{box-shadow:0 0 18px #10d98a80}}.dv-canvas-box{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r);transition:border-color .3s;overflow:hidden}.dv-canvas-head{border-bottom:1px solid var(--border);background:var(--surface3);align-items:center;gap:.5rem;padding:.55rem .85rem;display:flex}.dv-canvas-title{letter-spacing:.15em;text-transform:uppercase;color:var(--dim);flex:1;font-family:JetBrains Mono,monospace;font-size:.65rem}.dv-canvas-wrap{justify-content:center;padding:1rem;display:flex}.dv-canvas-wrap svg{width:100%;max-height:220px;overflow:visible}.tree-node-circle{fill:var(--surface3);stroke:var(--border2);stroke-width:1.5px;transition:all .4s}.tree-node-circle.active{stroke:var(--gold);fill:#f5a62326}.tree-node-circle.visited{stroke:var(--green);fill:#10d98a1a}.tree-node-circle.comparing{stroke:var(--cyan);fill:#00d4ff1f}.tree-node-text{fill:var(--dim);text-anchor:middle;dominant-baseline:central;font-family:JetBrains Mono,monospace;font-size:11px;transition:fill .3s}.tree-node-text.active{fill:var(--gold)}.tree-node-text.visited{fill:var(--green)}.tree-edge{stroke:var(--border2);stroke-width:1.5px;transition:stroke .3s}.tree-edge.active{stroke:var(--gold)}.tree-edge.visited{stroke:var(--green);stroke-width:2px}.dv-array-row{gap:0;padding-bottom:.4rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex;overflow-x:auto}.dv-cell{border:1px solid var(--border2);min-width:36px;height:36px;color:var(--dim);flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.dv-cell:first-child{border-radius:6px 0 0 6px}.dv-cell:last-child{border-radius:0 6px 6px 0}.dv-cell.active{border-color:var(--gold);color:#fff;background:#f5a62326}.dv-cell.left-ptr{border-color:var(--cyan);color:var(--cyan);background:#00d4ff1f}.dv-cell.right-ptr{border-color:var(--purple);color:var(--purple);background:#a78bfa1f}.dv-cell.window{border-color:var(--green);color:var(--green);background:#10d98a1a}.dv-cell.done{color:var(--green);background:#10d98a0f;border-color:#10d98a4d}.dv-cell-idx{color:var(--muted);text-align:center;width:100%;font-size:.6rem;position:absolute;bottom:-16px}.dv-ptr-label{color:var(--muted);text-align:center;margin-top:1.2rem;font-family:JetBrains Mono,monospace;font-size:.65rem}.dv-console-panel{border-top:1px solid var(--border);background:#020508;flex-shrink:0}.dv-console-header{border-bottom:1px solid var(--border);background:var(--surface2);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.dv-console-title{letter-spacing:.15em;text-transform:uppercase;color:var(--dim);align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.65rem;display:flex}.dv-console-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-family:JetBrains Mono,monospace;font-size:.62rem;transition:color .2s}.dv-console-clear:hover{color:var(--red)}.dv-console-body{flex-direction:column;gap:.2rem;max-height:100px;padding:.6rem 1rem;display:flex;overflow-y:auto}.dv-console-body::-webkit-scrollbar{width:3px}.dv-console-body::-webkit-scrollbar-thumb{background:var(--border2)}.dv-console-line{opacity:0;align-items:flex-start;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.76rem;animation:.25s forwards dv-fadeSlide;display:flex}@keyframes dv-fadeSlide{to{opacity:1}}.dv-cl-prompt{color:var(--muted);user-select:none}.dv-cl-text{color:var(--green)}.dv-cl-note{color:var(--blue)}.dv-cl-warn{color:var(--yellow)}.dv-cl-phase{color:var(--gold);font-style:italic}.dv-cl-result{color:var(--cyan)}.dv-controls-bar{border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.dv-btn{border-radius:var(--r-sm);cursor:pointer;letter-spacing:.05em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-family:JetBrains Mono,monospace;font-size:.72rem;transition:all .18s;display:flex}.dv-btn:disabled{opacity:.35;cursor:not-allowed}.dv-btn-run{background:linear-gradient(135deg, var(--gold), var(--saffron));color:#000;font-weight:700}.dv-btn-run:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 16px #f5a62359}.dv-btn-step{color:var(--blue);background:#4f8ef71f;border-color:#4f8ef74d}.dv-btn-step:not(:disabled):hover{border-color:var(--blue);background:#4f8ef733}.dv-btn-reset{border-color:var(--border2);color:var(--dim);background:0 0}.dv-btn-reset:hover{border-color:var(--red);color:var(--red)}.dv-speed-ctrl{align-items:center;gap:.5rem;margin-left:auto;display:flex}.dv-speed-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.62rem}.dv-speed-select{background:var(--surface3);border:1px solid var(--border2);color:var(--dim);cursor:pointer;border-radius:6px;padding:.3rem .6rem;font-family:JetBrains Mono,monospace;font-size:.7rem}.dv-step-counter{color:var(--muted);letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:.68rem}.dv-step-counter span{color:var(--gold)}.dv-progress-bar{background:var(--border);grid-column:1/-1;height:2px}.dv-progress-fill{background:linear-gradient(90deg, var(--gold), var(--saffron));transform-origin:0;border-radius:2px;width:100%;height:100%;transition:transform .3s;transform:scaleX(0)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}