: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{font-size:1.1rem;-webkit-text-fill-color:var(--gold);filter:drop-shadow(0 0 8px rgba(245,166,35,.6));animation:dv-float 3s ease-in-out infinite}.dv-live-badge{font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.12em;color:var(--green);background:#10d98a14;border:1px solid rgba(16,217,138,.25);padding:.3rem .75rem;border-radius:100px;display:flex;align-items:center;gap:.4rem}.dv-live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:dv-pulse-dot 1.5s infinite}@keyframes dv-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.dv-scenario-bar{position:relative;z-index:9;padding:.85rem 2rem;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.dv-scenario-label{font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.dv-scenario-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.dv-stab{font-family:JetBrains Mono,monospace;font-size:.72rem;padding:.35rem .85rem;border-radius:6px;border:1px solid var(--border2);background:transparent;color:var(--dim);cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:.4rem}.dv-stab:hover{border-color:var(--gold);color:var(--gold)}.dv-stab.active{background:#f5a6231f;border-color:var(--gold);color:var(--gold)}.dv-stab.active.t-arrays{background:#00d4ff1a;border-color:var(--cyan);color:var(--cyan)}.dv-stab.active.t-lists{background:#a78bfa1a;border-color:var(--purple);color:var(--purple)}.dv-stab.active.t-trees{background:#10d98a1a;border-color:var(--green);color:var(--green)}.dv-stab.active.t-dp{background:#f5a6231f;border-color:var(--gold);color:var(--gold)}.dv-app{position:relative;z-index:1;display:grid;grid-template-columns:400px 1fr;grid-template-rows:1fr auto;height:calc(100vh - 100px);overflow:hidden}@media(max-width:900px){.dv-app{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto;overflow:visible}}.dv-code-panel{border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;background:#030610}.dv-panel-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem;background:var(--surface2);flex-shrink:0}.dv-panel-title{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}.dv-win-dots{display:flex;gap:5px;margin-right:.25rem}.dv-wd{width:10px;height:10px;border-radius:50%}.dv-wd-r{background:#ff5f57}.dv-wd-y{background:#febc2e}.dv-wd-g{background:#28c840}.dv-code-scroll{flex:1;overflow-y:auto;padding:1rem 0}.dv-code-scroll::-webkit-scrollbar{width:4px}.dv-code-scroll::-webkit-scrollbar-track{background:transparent}.dv-code-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.dv-code-line{display:flex;align-items:stretch;min-height:24px;position:relative;transition:background .2s;font-family:JetBrains Mono,monospace;font-size:.8rem}.dv-code-line.active-line{background:#f5a6231a}.dv-code-line.done-line{background:#10d98a0a}.dv-line-num{min-width:40px;text-align:right;padding:0 .75rem 0 0;color:var(--muted);font-size:.72rem;user-select:none;flex-shrink:0;line-height:24px}.dv-line-indicator{width:3px;flex-shrink:0;background:transparent;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{padding:0 1rem;line-height:24px;white-space:pre;flex:1}.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{flex-shrink:0;border-top:1px solid var(--border);padding:.9rem 1rem;background:var(--surface2);min-height:88px}.dv-explain-tag{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem}.dv-explain-text{font-size:.82rem;color:var(--dim);line-height:1.55}.dv-explain-text strong{color:var(--text)}.dv-explain-text code{font-family:JetBrains Mono,monospace;font-size:.78em;background:#ffffff12;padding:.1rem .3rem;border-radius:3px}.dv-explain-text em{color:var(--gold);font-style:italic}.dv-diagram-panel{display:flex;flex-direction:column;overflow:hidden}.dv-diagram-scroll{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.dv-diagram-scroll::-webkit-scrollbar{width:4px}.dv-diagram-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.dv-ds-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:700px){.dv-ds-grid{grid-template-columns:1fr}}.dv-ds-full{display:grid;grid-template-columns:1fr;gap:1rem}.dv-dbox{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r);overflow:hidden;transition:border-color .3s,box-shadow .3s}.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{padding:.55rem .85rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border)}.dv-dbox-icon{font-size:.9rem}.dv-dbox-name{font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);flex:1}.dv-dbox-count{font-family:JetBrains Mono,monospace;font-size:.62rem;background:var(--surface3);padding:.1rem .4rem;border-radius:4px;color:var(--muted)}.dv-dbox-body{padding:.6rem;min-height:100px;display:flex;flex-direction:column;gap:.3rem;position:relative}.dv-dbox-body.row-layout{flex-direction:row;flex-wrap:wrap;align-items:flex-start;min-height:60px}.dv-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--border2);letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.dv-item{border-radius:var(--r-sm);padding:.35rem .6rem;font-family:JetBrains Mono,monospace;font-size:.72rem;display:flex;align-items:center;gap:.4rem;animation:dv-itemIn .35s cubic-bezier(.34,1.56,.64,1) forwards;position:relative}@keyframes dv-itemIn{0%{opacity:0;transform:translate(-12px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}.dv-item-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.dv-item.t-array{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:var(--cyan)}.dv-item.t-pointer{background:#f5a6231a;border:1px solid rgba(245,166,35,.3);color:var(--gold)}.dv-item.t-node{background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);color:var(--purple)}.dv-item.t-tree,.dv-item.t-stack{background:#10d98a1a;border:1px solid rgba(16,217,138,.3);color:var(--green)}.dv-item.t-memo{background:#f5a6231a;border:1px solid rgba(245,166,35,.3);color:var(--gold)}.dv-item.t-call{background:#4f8ef71a;border:1px solid rgba(79,142,247,.3);color:var(--blue)}.dv-item.executing{animation:dv-execPulse .7s ease-in-out infinite alternate}@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);overflow:hidden;transition:border-color .3s}.dv-canvas-head{padding:.55rem .85rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border);background:var(--surface3)}.dv-canvas-title{font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);flex:1}.dv-canvas-wrap{padding:1rem;display:flex;justify-content:center}.dv-canvas-wrap svg{width:100%;max-height:220px;overflow:visible}.tree-node-circle{fill:var(--surface3);stroke:var(--border2);stroke-width:1.5;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{font-family:JetBrains Mono,monospace;font-size:11px;fill:var(--dim);text-anchor:middle;dominant-baseline:central;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.5;transition:stroke .3s}.tree-edge.active{stroke:var(--gold)}.tree-edge.visited{stroke:var(--green);stroke-width:2}.dv-array-row{display:flex;gap:0;font-family:JetBrains Mono,monospace;font-size:.75rem;overflow-x:auto;padding-bottom:.4rem}.dv-cell{min-width:36px;height:36px;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;color:var(--dim);transition:all .3s;flex-shrink:0;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{background:#f5a62326;border-color:var(--gold);color:#fff}.dv-cell.left-ptr{background:#00d4ff1f;border-color:var(--cyan);color:var(--cyan)}.dv-cell.right-ptr{background:#a78bfa1f;border-color:var(--purple);color:var(--purple)}.dv-cell.window{background:#10d98a1a;border-color:var(--green);color:var(--green)}.dv-cell.done{background:#10d98a0f;border-color:#10d98a4d;color:var(--green)}.dv-cell-idx{position:absolute;bottom:-16px;font-size:.6rem;color:var(--muted);width:100%;text-align:center}.dv-ptr-label{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--muted);margin-top:1.2rem;text-align:center}.dv-console-panel{border-top:1px solid var(--border);background:#020508;flex-shrink:0}.dv-console-header{padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface2)}.dv-console-title{font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);display:flex;align-items:center;gap:.5rem}.dv-console-clear{font-family:JetBrains Mono,monospace;font-size:.62rem;color:var(--muted);background:transparent;border:none;cursor:pointer;padding:.2rem .5rem;border-radius:4px;transition:color .2s}.dv-console-clear:hover{color:var(--red)}.dv-console-body{padding:.6rem 1rem;max-height:100px;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}.dv-console-body::-webkit-scrollbar{width:3px}.dv-console-body::-webkit-scrollbar-thumb{background:var(--border2)}.dv-console-line{font-family:JetBrains Mono,monospace;font-size:.76rem;display:flex;align-items:flex-start;gap:.5rem;animation:dv-fadeSlide .25s ease forwards;opacity:0}@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);padding:.85rem 1.25rem;background:var(--surface);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;grid-column:1 / -1}.dv-btn{font-family:JetBrains Mono,monospace;font-size:.72rem;padding:.5rem 1.1rem;border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;transition:all .18s;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.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{background:#4f8ef71f;border-color:#4f8ef74d;color:var(--blue)}.dv-btn-step:not(:disabled):hover{background:#4f8ef733;border-color:var(--blue)}.dv-btn-reset{background:transparent;border-color:var(--border2);color:var(--dim)}.dv-btn-reset:hover{border-color:var(--red);color:var(--red)}.dv-speed-ctrl{display:flex;align-items:center;gap:.5rem;margin-left:auto}.dv-speed-label{font-family:JetBrains Mono,monospace;font-size:.62rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.dv-speed-select{font-family:JetBrains Mono,monospace;font-size:.7rem;background:var(--surface3);border:1px solid var(--border2);color:var(--dim);padding:.3rem .6rem;border-radius:6px;cursor:pointer}.dv-step-counter{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--muted);letter-spacing:.08em}.dv-step-counter span{color:var(--gold)}.dv-progress-bar{height:2px;background:var(--border);grid-column:1/-1}.dv-progress-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--gold),var(--saffron));transform:scaleX(0);transform-origin:left;transition:transform .3s ease;border-radius:2px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}