.section-header{text-align:center;max-width:60ch;margin:0 auto}.section-header h1{font-size:var(--text-3xl);margin-bottom:.5rem}.section-header p{color:var(--gray-300)}.controls{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:center;padding:1.5rem;background:var(--gradient-subtle);border-radius:1rem;border:1px solid var(--gray-800)}.input-group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:center}.input-group label{color:var(--gray-300);font-weight:500}.input-group input[type=number]{width:80px;padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--gray-800);background:var(--gray-999);color:var(--gray-0);font-size:1rem}.input-group button{padding:.5rem 1rem;border-radius:.5rem;border:none;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .1s}#search-btn{background:var(--accent-regular);color:var(--accent-text-over)}#search-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}#reset-btn{background:var(--gray-800);color:var(--gray-0)}.speed-control{display:flex;gap:.5rem;align-items:center}.speed-control label{color:var(--gray-300);font-size:.875rem}#speed-label{color:var(--gray-300);font-size:.875rem;min-width:2rem}.visualizer{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 900px){.visualizer{grid-template-columns:1fr}}.panel{background:var(--gradient-subtle);border:1px solid var(--gray-800);border-radius:1rem;padding:1.5rem;min-height:500px;display:flex;flex-direction:column}.panel h2{font-size:var(--text-lg);margin:0 0 .25rem}.panel .description{color:var(--gray-400);font-size:.875rem;margin:0 0 1rem}.stats{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.stat{background:var(--gray-900);padding:.5rem 1rem;border-radius:.5rem;text-align:center;flex:1;min-width:80px;position:relative}.stat-label{display:block;font-size:.75rem;color:var(--gray-400);text-transform:uppercase}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--gray-0)}.stat-with-tooltip{cursor:help}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--gray-700);color:var(--gray-300);font-size:.65rem;font-weight:700;margin-left:4px;cursor:help}.tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--gray-800);border:1px solid var(--gray-700);border-radius:.5rem;padding:.75rem 1rem;font-size:.8rem;color:var(--gray-200);text-align:left;width:250px;z-index:100;box-shadow:0 4px 20px #0000004d;line-height:1.5}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--gray-800)}.stat-with-tooltip:hover .tooltip{display:block}.page-indicator{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem .75rem;background:var(--gray-900);border-radius:.5rem}.page-label{font-size:.75rem;color:var(--gray-400);text-transform:uppercase;white-space:nowrap}.page-blocks{display:flex;gap:4px;flex:1}.page-block{flex:1;height:24px;background:#1f2937!important;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#6b7280!important;font-family:monospace;font-weight:600;transition:all .2s ease;border:2px solid transparent}.page-block.reading{background:#3b82f6!important;color:#fff!important;transform:scaleY(1.2);box-shadow:0 0 15px #3b82f6b3,0 0 30px #3b82f666;border-color:#60a5fa}.page-block.read{background:#374151!important;color:#9ca3af!important;opacity:.6}.page-block.has-target{background:#10b981!important;color:#fff!important;box-shadow:0 0 15px #10b981b3,0 0 30px #10b98166;border-color:#34d399;transform:scaleY(1.2)}.table-container{flex:1;overflow-y:auto;background:#111827;border-radius:.5rem;padding:.5rem;display:grid;grid-template-columns:repeat(10,1fr);gap:4px;align-content:start}.table-row{padding:.35rem;background:#1f2937!important;border-radius:4px;font-size:.75rem;text-align:center;transition:all .15s ease;font-family:monospace;border:2px solid transparent;color:#d1d5db!important}.table-row.in-current-page{border-color:#3b82f6!important;background:#3b82f633!important;box-shadow:inset 0 0 8px #3b82f64d}.table-row.scanning{background:#f59e0b!important;color:#000!important;transform:scale(1.2);border-color:#fbbf24!important;box-shadow:0 0 20px #f59e0bcc,0 0 40px #f59e0b66;z-index:10;position:relative}.table-row.found{background:#10b981!important;color:#000!important;transform:scale(1.3);font-weight:700;border-color:#34d399!important;box-shadow:0 0 25px #10b981cc,0 0 50px #10b98166;z-index:10;position:relative}.table-row.scanned{background:#374151!important;color:#6b7280!important;opacity:.6}.table-row.in-scanned-page{opacity:.5}.btree-container{flex:1;display:flex;flex-direction:column;gap:1.5rem;background:var(--gray-900);border-radius:.5rem;padding:1.5rem;overflow:auto}.range-viz{padding:0 .5rem}.range-bar-container{display:flex;flex-direction:column;gap:.5rem}.range-bar{height:32px;background:var(--gray-800);border-radius:4px;position:relative;overflow:visible}.range-active{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;width:100%;transition:left .3s ease,width .3s ease}.range-pointer{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:1rem;color:#f59e0b;opacity:0;transition:left .3s ease,opacity .2s}.range-pointer.visible{opacity:1}.range-pointer.found{color:#10b981}.range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--gray-400);font-family:monospace}.decision-path{display:flex;flex-direction:column;gap:.75rem;flex:1}.path-placeholder{color:var(--gray-500);text-align:center;padding:2rem;font-style:italic}.decision-step{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--gray-800);border-radius:.5rem;border-left:4px solid var(--gray-700);opacity:0;transform:translate(-10px);transition:opacity .3s,transform .3s,border-color .3s,background .3s}.decision-step.visible{opacity:1;transform:translate(0)}.decision-step.active{border-left-color:#f59e0b;background:#f59e0b1a}.decision-step.done{border-left-color:var(--gray-600);opacity:.7}.decision-step.found{border-left-color:#10b981;background:#10b98126;opacity:1}.step-number{width:24px;height:24px;border-radius:50%;background:var(--gray-700);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.decision-step.active .step-number{background:#f59e0b;color:#000}.decision-step.found .step-number{background:#10b981;color:#000}.step-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.step-action{font-weight:600;font-size:.9rem}.step-detail{font-size:.8rem;color:var(--gray-400);font-family:monospace}.step-direction{font-size:1.25rem;flex-shrink:0}.result{margin-top:1rem;padding:.75rem;border-radius:.5rem;text-align:center;font-weight:600;min-height:2.5rem}.result.found{background:#10b98133;color:#10b981}.result.not-found{background:#ef444433;color:#ef4444}.explanation{margin-top:2rem}.explanation h3{text-align:center;margin-bottom:1rem}.explanation-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 600px){.explanation-grid{grid-template-columns:1fr}}.explanation-card{background:var(--gradient-subtle);border:1px solid var(--gray-800);border-radius:1rem;padding:1.5rem}.explanation-card h4{margin:0 0 .5rem}.explanation-card p{color:var(--gray-300);font-size:.9rem;margin:0;line-height:1.6}.explanation-card code{background:var(--gray-800);padding:.15rem .4rem;border-radius:4px;font-size:.85rem}