:root{--ink:#172b4d;--muted:#6d7d94;--blue:#1357d4;--blue-2:#2d74f5;--pale:#edf4ff;--line:#e0e7f0;--canvas:#f5f7fb;--white:#fff;--green:#10856c;--orange:#c66d28;--shadow:0 12px 36px rgba(29,54,94,.055)}
*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--canvas)}body{margin:0;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px;line-height:1.5;background:radial-gradient(ellipse at 15% 0%,#e9f1ff 0,rgba(245,247,251,0) 36rem),var(--canvas)}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:66px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1480px)/2));position:relative;z-index:2}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font:800 13px Manrope,sans-serif;letter-spacing:1.2px}.brand-muted{font-weight:500;color:#8090a7;margin-left:5px}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--blue);display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:6px}.brand-mark span{width:3px;border-radius:2px;background:#fff}.brand-mark span:nth-child(1){height:6px}.brand-mark span:nth-child(2){height:11px}.brand-mark span:nth-child(3){height:8px}.brand-mark span:nth-child(4){height:15px}.topbar-right{display:flex;align-items:center;gap:9px;color:#3d536f;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ca682;box-shadow:0 0 0 3px #e2f6ef}.top-divider{color:#bcc7d6}.top-sub{color:#8190a5}.page-wrap{max-width:1480px;margin:0 auto;padding:45px 28px 26px}.hero{padding:0 2px 31px;max-width:890px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--blue);margin-bottom:13px}.hero h1{font:800 clamp(32px,3.6vw,48px)/1.12 Manrope,sans-serif;letter-spacing:-1.9px;margin:0;color:#152b4c}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{margin:15px 0 19px;color:#687a92;font-size:15px;max-width:730px;line-height:1.7}.hero-meta{display:flex;gap:7px;flex-wrap:wrap}.meta-chip{border:1px solid #d9e4f5;background:rgba(255,255,255,.55);border-radius:5px;padding:5px 9px;color:#526884;font-size:11px;font-weight:600}.workspace{display:grid;grid-template-columns:minmax(320px,370px) minmax(0,1fr);gap:20px;align-items:start}.panel{background:var(--white);border:1px solid #e3e9f2;border-radius:12px;box-shadow:var(--shadow);min-width:0}.config-panel{padding:22px 21px 20px}.results-panel{padding:22px 24px 20px;min-height:800px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px}.section-heading>div,.data-table-header>div{display:flex;align-items:center;gap:10px}.section-number{font:500 10px 'DM Mono',monospace;color:var(--blue);background:#edf4ff;border:1px solid #dce9ff;border-radius:4px;padding:3px 5px;letter-spacing:.2px}.section-heading h2,.data-table-header h2{font:700 16px Manrope,sans-serif;letter-spacing:-.25px;margin:0}.mini-label{font:500 9px 'DM Mono',monospace;letter-spacing:.8px;color:#8594a9;white-space:nowrap}.field-label{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:11px;color:#536780;margin:0 0 7px}.field-help{font:400 10px 'DM Mono',monospace;color:#91a0b4}.control{width:100%;border:1px solid #dbe3ee;background:#fbfcfe;border-radius:6px;padding:10px 11px;color:#263b5a;outline:0;transition:border .15s,box-shadow .15s}.control:focus{border-color:#87b1fa;box-shadow:0 0 0 3px #eaf2ff}.field-hint{font-size:10px;line-height:1.55;color:#8694a7;margin:6px 0 16px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:13px}.seed-row{align-items:end;margin-bottom:21px}.seed-info{display:flex;align-items:flex-start;gap:7px;min-height:39px;font-size:10px;line-height:1.45;color:#8796aa;padding:3px 0}.seed-icon{font-size:16px;color:#6b92d3}.subsection-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f5;padding-top:18px;margin-bottom:12px}.subsection-heading h3{font:700 12px Manrope,sans-serif;margin:0}.selection-actions{display:flex;gap:6px;align-items:center;color:#cad2df;font-size:10px}.text-button{border:0;background:none;color:var(--blue);font-size:10px;padding:2px}.text-button:hover{text-decoration:underline}.algorithm-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.algo-option{display:flex;align-items:flex-start;gap:8px;min-height:45px;padding:8px 8px;border:1px solid #e4eaf2;border-radius:7px;cursor:pointer;transition:background .12s,border .12s}.algo-option:hover{border-color:#b8cdf4;background:#f8fbff}.algo-option:has(input:checked){border-color:#bed3ff;background:#f2f7ff}.algo-option input{appearance:none;flex:none;width:15px;height:15px;border-radius:4px;border:1px solid #c4cfde;margin:1px 0 0;position:relative;background:#fff}.algo-option input:checked{background:var(--blue);border-color:var(--blue)}.algo-option input:checked:after{content:'✓';position:absolute;color:#fff;font-size:11px;left:2px;top:-1px;font-weight:700}.algo-label{display:block;font-size:10px;font-weight:700;color:#344a68;line-height:1.3}.algo-complexity{display:block;margin-top:4px;font:9px 'DM Mono',monospace;color:#8c9aaf}.complexity-note{display:flex;gap:8px;align-items:flex-start;padding:10px;margin:15px 0 15px;background:#faf8f2;border:1px solid #f0e8d5;border-radius:6px;color:#8b7959;font-size:10px;line-height:1.5}.note-icon{width:14px;height:14px;border-radius:50%;background:#eee3c6;display:flex;align-items:center;justify-content:center;color:#8c7340;font-weight:700;flex:none;font-size:9px}.run-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--blue);border:1px solid var(--blue);border-radius:7px;color:#fff;font-weight:700;padding:13px 14px;box-shadow:0 5px 14px rgba(19,87,212,.17);transition:background .15s,transform .15s}.run-button:hover{background:#0849bd;transform:translateY(-1px)}.run-button:disabled{opacity:.65;cursor:wait;transform:none}.run-icon{font-size:10px}.button-arrow{margin-left:auto;font-size:16px;font-weight:400}.run-status{font-size:10px;line-height:1.5;color:#8290a3;margin-top:10px;min-height:15px}.run-status.success{color:#138066}.run-status.error{color:#bd4d43}.run-status.busy{color:var(--blue)}.result-heading{margin-bottom:19px}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dbe4f0;background:#fff;color:#536780;border-radius:6px;padding:8px 11px;font-size:10px;font-weight:700;white-space:nowrap}.outline-button:hover:not(:disabled){border-color:#a7c2f1;background:#f7faff;color:var(--blue)}.outline-button:disabled{opacity:.4;cursor:not-allowed}.outline-button span{font-size:14px}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#f7f9fc;border:1px solid #e8edf5;border-radius:8px;margin-bottom:22px}.summary-item{padding:12px 14px 11px;min-width:0}.summary-item+.summary-item{border-left:1px solid #e5ebf4}.summary-label{font:500 9px 'DM Mono',monospace;color:#8795a9;letter-spacing:.4px;display:block}.summary-item strong{display:block;font:700 23px Manrope,sans-serif;color:#1b3559;margin:4px 0 1px;letter-spacing:-.5px}.summary-caption{font-size:9px;color:#98a4b5}.chart-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.metric-field{flex:1;min-width:140px}.compact-control{padding:8px 10px;font-size:11px;background:#fff}.chart-toggles{display:flex;gap:12px;align-items:center;padding:0 0 8px 2px}.check-toggle{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;color:#64768f;font-size:10px;cursor:pointer}.check-toggle input{accent-color:var(--blue);width:13px;height:13px;margin:0}.case-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 3px}.case-filter-title{font-size:10px;color:#8391a5}.case-filter{display:flex;gap:3px;background:#f0f3f8;border-radius:6px;padding:3px}.case-button{border:0;border-radius:4px;background:transparent;color:#73839a;padding:5px 9px;font-size:10px}.case-button.active{background:#fff;color:#294b7d;box-shadow:0 1px 3px #d8e0ea;font-weight:700}.chart-wrap{position:relative;width:100%;min-height:365px;margin-top:4px}.chart-wrap svg{width:100%;height:auto;display:block;overflow:visible}.empty-chart{min-height:355px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#75869c;padding:40px 20px}.empty-chart strong{font:700 13px Manrope,sans-serif;color:#536780;margin-top:20px}.empty-chart p{max-width:320px;font-size:11px;line-height:1.7;color:#929eb0;margin:6px 0}.empty-graphic{height:82px;width:190px;display:flex;align-items:flex-end;justify-content:center;gap:9px;border-bottom:1px solid #dce4ef;padding:0 13px}.empty-graphic span{width:19px;border-radius:4px 4px 0 0;background:#e1eaff}.empty-graphic span:nth-child(1){height:20px}.empty-graphic span:nth-child(2){height:31px}.empty-graphic span:nth-child(3){height:39px}.empty-graphic span:nth-child(4){height:48px;background:#cbdcff}.empty-graphic span:nth-child(5){height:61px;background:#b2ccff}.empty-graphic span:nth-child(6){height:76px;background:#8db3ff}.chart-legend{display:flex;flex-wrap:wrap;gap:9px 14px;padding:4px 4px 13px;border-bottom:1px solid #edf1f6}.legend-item{display:flex;align-items:center;gap:6px;font-size:10px;color:#697b93}.legend-line{width:20px;height:0;border-top:2px solid;display:inline-block;flex:none}.legend-line.dashed{border-top-style:dashed}.theory-caption{font-size:10px;line-height:1.55;color:#8897aa;margin:10px 0 18px}.data-table-header{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.table-scroll{overflow:auto;border:1px solid #e7edf5;border-radius:7px;max-height:330px}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:10px}thead{position:sticky;top:0;z-index:1}th{padding:10px 11px;background:#f6f8fb;color:#78879c;text-align:right;font-weight:700;border-bottom:1px solid #e4ebf4}th:first-child,td:first-child{text-align:left}td{padding:9px 11px;text-align:right;color:#526680;border-bottom:1px solid #eef1f6;font-variant-numeric:tabular-nums}tbody tr:hover{background:#f8fbff}tbody tr:last-child td{border-bottom:0}.algo-cell{color:#2e4566;font-weight:700}.table-empty{text-align:center!important;color:#93a0b1;padding:23px!important}.measurement-footnote{font-size:10px;line-height:1.6;color:#8a98aa;margin:10px 0 0}.source-panel{margin-top:20px;padding:23px 24px 19px}.source-panel .section-heading{margin-bottom:10px}.source-intro{max-width:900px;font-size:11px;line-height:1.65;color:#7e8da2;margin:0 0 15px}.source-toolbar{display:flex;align-items:center;gap:10px;max-width:720px}.source-toolbar .field-label{margin:0;white-space:nowrap}.source-toolbar select{flex:1;min-width:0}.source-meta{font:10px 'DM Mono',monospace;color:#8191a8;margin:12px 0 6px}.code-window{margin:0;border:1px solid #203754;border-radius:8px;background:#101d31;color:#c8d7ed;max-height:470px;overflow:auto;padding:18px 20px;font:11px/1.65 'DM Mono',monospace;tab-size:4}.code-window code{white-space:pre}.source-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;color:#8392a6;font-size:10px}.source-footer .status-dot{margin-right:5px;width:6px;height:6px}.source-footer a{color:var(--blue);text-decoration:none}.source-footer a:hover{text-decoration:underline}.source-footer code{font-family:'DM Mono',monospace}.footer{display:flex;justify-content:space-between;gap:14px;padding:23px 2px 0;color:#a1adbc;font-size:10px}.svg-grid{stroke:#e8edf4;stroke-width:1}.svg-axis{stroke:#cfd8e5;stroke-width:1.2}.svg-tick{fill:#8998ac;font:11px 'DM Sans',sans-serif}.svg-axis-label{fill:#71829a;font:11px 'DM Sans',sans-serif}.svg-series{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.svg-theory{fill:none;stroke-width:2;stroke-dasharray:7 5;stroke-linecap:round;opacity:.92}.svg-point{stroke:#fff;stroke-width:1.5}.svg-line-hit{fill:none;stroke:transparent;stroke-width:12;cursor:crosshair}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(285px,330px) minmax(0,1fr);gap:14px}.config-panel{padding:18px 16px}.results-panel{padding:18px}.chart-toolbar{gap:9px}.chart-toggles{width:100%;padding-top:5px}.algorithm-list{gap:6px}.algo-label{font-size:9px}}
@media(max-width:800px){.page-wrap{padding:30px 17px 20px}.workspace{grid-template-columns:1fr}.config-panel{order:1}.results-panel{order:2;min-height:0}.hero{padding-bottom:24px}.hero h1{letter-spacing:-1.2px}.topbar{padding:0 17px}.topbar-right{font-size:10px}.top-sub,.top-divider{display:none}.algorithm-list{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-wrap{min-height:280px}.empty-chart{min-height:280px}}
@media(max-width:520px){.hero h1{font-size:33px}.topbar{height:58px}.topbar-right{display:none}.page-wrap{padding-top:27px}.result-heading{align-items:flex-start}.summary-item{padding:10px 8px}.summary-item strong{font-size:19px}.summary-label{font-size:8px}.summary-caption{font-size:8px}.chart-toggles{gap:10px}.case-filter-row{align-items:flex-start;flex-direction:column}.case-filter{width:100%;justify-content:space-between}.case-button{flex:1;padding:6px 4px}.source-panel{padding:18px 15px}.source-toolbar{flex-wrap:wrap}.source-toolbar .field-label{width:100%}.source-toolbar select{width:100%;flex-basis:100%}.source-footer{align-items:flex-start;flex-direction:column}.footer{font-size:9px}}

.topbar-right .visualizer-nav{display:inline-flex;align-items:center;border:1px solid #d5e3fb;background:#f4f8ff;color:#1958c8;text-decoration:none;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:700;margin-right:7px}.topbar-right .visualizer-nav:hover{background:#eaf2ff;border-color:#aac6f7}.visualizer-chip{color:#1d5bc0!important;text-decoration:none;border-color:#c9dafa!important;background:#f3f7ff!important}.visualizer-chip:hover{background:#e8f1ff!important}
@media(max-width:800px){.topbar-right .visualizer-nav{margin-right:0;padding:6px 8px}.hero-meta .visualizer-chip{flex-basis:auto}}
