:root{--bg:#0b1220;--panel:#111c30;--panel2:#0f1828;--stroke:#27364d;--text:#e6edf6;--muted:#93a4bd;--accent:#8b5cf6}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app{flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--stroke);background:var(--panel2);flex:none;align-items:center;gap:14px;padding:12px 24px;display:flex}.topbar-tag{color:var(--muted);font-size:12.5px}.back-link{border:1px solid var(--stroke);color:var(--text);cursor:pointer;background:#1b2942;border-radius:9px;margin-left:auto;padding:7px 13px;font-size:13px;font-weight:600;transition:all .15s}.back-link:hover{background:#243553;border-color:#3a4d6e}.brand{letter-spacing:.3px;align-items:center;gap:8px;font-size:19px;font-weight:800;display:flex}.brand .logo{color:var(--accent)}.pill.diff-easy{color:#34d399;border-color:#34d399}.pill.diff-med{color:#f4c542;border-color:#f4c542}.pill.diff-hard{color:#fb7185;border-color:#fb7185}.brand{cursor:pointer;background:0 0;border:0;width:auto;padding:0}.brand:hover{background:0 0}.viz-caption{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;min-height:44px;padding:11px 15px;font-size:14px;display:flex}.cap-text{color:var(--text)}.cap-badge{background:#0b1220;border:1px solid;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.viz-legend{color:var(--muted);flex-wrap:wrap;gap:14px;padding:0 4px;font-size:12.5px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-item>i{border-radius:3px;width:11px;height:11px;display:inline-block}.gallery{max-width:1120px}.gallery-head h1{margin:0 0 8px;font-size:30px}.gallery-head p{color:var(--muted);max-width:840px;margin:0 0 24px;font-size:14.5px;line-height:1.55}.gallery-head b{color:var(--text)}.gallery-group{margin-bottom:30px}.gallery-group h2{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border-bottom:1px solid var(--stroke);margin:0 0 14px;padding-bottom:8px;font-size:14px}.gallery-group h2 .count{color:var(--accent);margin-left:8px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:12px;display:grid}.gcard{text-align:left;background:var(--panel);border:1px solid var(--stroke);cursor:pointer;border-radius:12px;padding:14px 15px;transition:all .15s;display:block}.gcard:hover{border-color:var(--accent);background:#15233b;transform:translateY(-2px);box-shadow:0 8px 22px #00000073}.gcard-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.gcard-top .lc{color:var(--muted);border:1px solid var(--stroke);background:#1b2942;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.gcard-top .lc-muted{color:#5b6c87}.diff{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.diff.diff-easy{color:#34d399;background:#34d3991f}.diff.diff-med{color:#f4c542;background:#f4c5421f}.diff.diff-hard{color:#fb7185;background:#fb71851f}.gcard-title{margin-bottom:6px;font-size:15px;font-weight:700;line-height:1.3}.gcard-pattern{color:var(--muted);font-size:12.5px}.viz-notes{grid-template-columns:1.4fr 1fr;gap:16px;margin-top:18px;display:grid}.viz-notes.one{grid-template-columns:1fr}@media (width<=980px){.viz-notes{grid-template-columns:1fr}}.note-card h3{margin:0 0 10px;font-size:16px}.note-card .idea{color:#c4d0e2;font-size:13.5px;line-height:1.55}.note-card .complexity{margin:10px 0}.pill.prio-must{color:#f4c542;border-color:#f4c542}.pill.prio-should{color:#38bdf8;border-color:#38bdf8}.pill.prio-backup{color:#93a4bd;border-color:#3a4d6e}.view-toggle{gap:6px;margin-bottom:4px;display:inline-flex}.view-toggle button{padding:7px 14px;font-size:13px}.view-toggle button.active{background:var(--accent);border-color:var(--accent);color:#fff}.group-blurb{color:var(--muted);margin:-6px 0 14px;font-size:13px}.gcard-tags{align-items:center;gap:6px;display:inline-flex}.prio-dot{border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.prio-dot.prio-must{color:#f4c542;background:#f4c5421f}.prio-dot.prio-should{color:#38bdf8;background:#38bdf81f}.prio-dot.prio-backup{color:#93a4bd;background:#93a4bd1f}.gcard-nail{color:#8aa0bd;border-top:1px solid #1c2942;margin-top:9px;padding-top:9px;font-size:11.5px;line-height:1.45}.content{flex:1;min-height:0;padding:24px 24px 48px;overflow-y:auto}.content-inner{max-width:1440px;margin:0 auto}.content-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.content-head h1{margin:0;font-size:24px}.pill{border:1px solid var(--stroke);color:#cbd5e1;background:#1b2942;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.viz-layout{grid-template-columns:1fr 400px;align-items:start;gap:18px;display:grid}@media (width<=1080px){.viz-layout{grid-template-columns:1fr}}.viz-main{flex-direction:column;gap:12px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stage-wrap{background:radial-gradient(1200px 480px at 50% -10%, #14233c 0%, var(--panel) 60%);border:1px solid var(--stroke);border-radius:14px;padding:6px}.viz-stage{width:100%;height:auto;display:block}button{font:inherit;color:var(--text);border:1px solid var(--stroke);cursor:pointer;background:#1b2942;border-radius:10px;padding:9px 15px;font-weight:600;transition:all .15s}button:hover:not(:disabled){background:#243553;border-color:#3a4d6e}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{filter:brightness(1.08)}button.ghost{background:0 0}select{font:inherit;color:var(--text);border:1px solid var(--stroke);background:#1b2942;border-radius:8px;padding:8px 10px}label.select{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}input[type=range]{accent-color:var(--accent)}.step-controls{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 14px;display:flex}.transport{gap:8px;display:flex}.speed{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.counter{color:var(--muted);font-size:13px}.progress{background:#1b2942;border-radius:6px;flex:120px;min-width:120px;height:8px;overflow:hidden}.progress>i{background:linear-gradient(90deg, var(--accent), #a78bfa);height:100%;transition:width .25s;display:block}.explain{flex-direction:column;gap:14px;display:flex;position:sticky;top:0}.card{background:var(--panel);border:1px solid var(--stroke);border-radius:14px;padding:14px 16px}.card h3{margin:0 0 6px;font-size:16px}.card h4{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 8px;font-size:12px}.summary{color:#c4d0e2;margin:0 0 10px;font-size:13px;line-height:1.5}.complexity{flex-wrap:wrap;gap:8px;display:flex}.complexity span{border:1px solid var(--stroke);color:#cbd5e1;background:#1b2942;border-radius:8px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.explanation{color:var(--text);margin:0;font-size:14px;line-height:1.55}.badges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.badge{background:#0b1220;border:1px solid;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}pre.code{color:#aebbd2;white-space:pre;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:1.75;overflow-x:auto}pre.code .ln{border-left:3px solid #0000;border-radius:6px;padding:1px 8px;display:block}pre.code .ln.active{border-left-color:var(--accent);color:#fff;background:#16263f}pre.code .kw{color:#c792ea}pre.code .cm{color:#5b6c87}.card.grow{flex:1}.log{max-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;overflow-y:auto}.log div{border-bottom:1px solid #16223a;padding:2px 0}.log .muted{color:#5b6c87}.approach-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tab{border:1px solid var(--stroke);color:var(--muted);cursor:pointer;background:#1b2942;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.tab:hover{background:#243553}.tab.active{border-color:var(--accent);color:var(--text)}.tab-dot{color:var(--accent);font-size:9px}.approach-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.approach-head strong{font-size:13.5px}.tag{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.tag-naive{color:#fdba74;background:#f973161f}.tag-optimized{color:#6ee7b7;background:#34d3991f}.tag-approach{color:#7dd3fc;background:#38bdf81f}.idea{color:#c4d0e2;margin:0 0 10px;font-size:13px;line-height:1.5}.improves{color:#bbf7d0;background:#0e2018;border-left:3px solid #34d399;border-radius:0 8px 8px 0;margin-top:10px;padding:8px 11px;font-size:12.5px;line-height:1.5}.improves-label{color:#34d399;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:11px;font-weight:800;display:block}.insight{color:#fde8b0;background:#1c1707;border-left:3px solid #f4c542;border-radius:0 8px 8px 0;margin-top:10px;padding:8px 11px;font-size:12.5px;line-height:1.5}.insight-label{color:#f4c542;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:11px;font-weight:800;display:block}@keyframes ts-kv-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tsx-app{--bg:#0a0b10;--bg-2:#0e1018;--surface:#14161f;--surface-2:#1a1d28;--surface-3:#232636;--border:#262a38;--border-strong:#343849;--text:#e6e8ef;--text-2:#b6bac8;--muted:#7c8194;--muted-2:#5b6072;--violet:#a78bfa;--violet-2:#8b6df0;--violet-soft:#a78bfa24;--amber:#fbbf24;--amber-soft:#fbbf2421;--emerald:#34d399;--emerald-soft:#34d3991f;--sky:#38bdf8;--sky-soft:#38bdf821;--rose:#f87171;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 0 #ffffff08, 0 1px 2px #0000004d;--shadow:0 0 0 1px #ffffff05, 0 8px 24px #00000059;--mono:ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;background:radial-gradient(1200px 700px at 80% -200px, #a78bfa12, transparent 60%), radial-gradient(900px 600px at -10% 10%, #38bdf80a, transparent 60%), var(--bg);height:100%;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.5;overflow-y:auto}.tsx-app a{color:inherit;text-decoration:none}.tsx-app button{font-family:inherit}.tsx-app .topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0a0b10c7;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.tsx-app .brand{align-items:center;gap:10px;display:flex}.tsx-app .brand-mark{background:linear-gradient(135deg,#a78bfa,#6d4ee6);border-radius:6px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 12px #a78bfa4d}.tsx-app .brand-name{letter-spacing:-.01em;font-weight:700}.tsx-app .brand-sub{color:var(--muted);font-size:12px}.tsx-app .ghost-btn{background:var(--surface);color:var(--text-2);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.tsx-app .ghost-btn:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.tsx-app .page{max-width:1480px;margin:0 auto;padding:28px 28px 80px}.tsx-app .page-head{grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:22px;display:grid}.tsx-app .title-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.tsx-app .title{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:700}.tsx-app .title-sub{color:var(--muted);max-width:640px;margin-top:6px;font-size:13.5px}.tsx-app .chip{border:1px solid var(--border);background:var(--surface);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.tsx-app .chip.lc{color:var(--text-2)}.tsx-app .chip.easy{color:var(--emerald);background:var(--emerald-soft);border-color:#34d39940}.tsx-app .chip.tag{color:var(--sky);background:var(--sky-soft);border-color:#38bdf838}.tsx-app .chip.must{color:var(--amber);background:var(--amber-soft);border-color:#fbbf2447}.tsx-app .input-picker{align-items:center;gap:10px;display:flex}.tsx-app .label-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.tsx-app .select{appearance:none;background:var(--surface);color:var(--text);border:1px solid var(--border);font-size:13px;font-family:var(--mono);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237c8194' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;padding:8px 32px 8px 12px}.tsx-app .select:hover{border-color:var(--border-strong)}.tsx-app .head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.tsx-app .algo-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:8px 13px;font-size:12.5px;font-weight:500;line-height:1;display:inline-flex}.tsx-app .algo-toggle:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-2)}.tsx-app .algo-toggle[aria-pressed=true]{color:var(--violet);background:#a78bfa12;border-color:#a78bfa66}.tsx-app .grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:20px;display:grid}.tsx-app .grid.solo{grid-template-columns:1fr}.tsx-app .grid.solo .viz-svg{max-height:74vh}.tsx-app .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tsx-app .card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.tsx-app .card-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.tsx-app .card-body{padding:18px}.tsx-app .viz-card{background:linear-gradient(180deg, var(--surface), #11131c);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.tsx-app .viz-stage{padding:32px 28px 24px;position:relative}.tsx-app .target-row{justify-content:center;margin-bottom:22px;display:flex}.tsx-app .target{font-family:var(--mono);color:var(--text-2);background:linear-gradient(#fbbf241a,#fbbf240a);border:1px solid #fbbf2452;border-radius:12px;align-items:baseline;gap:10px;padding:10px 18px;font-size:14px;display:inline-flex}.tsx-app .target b{color:var(--amber);letter-spacing:-.01em;font-size:18px;font-weight:700}.tsx-app .stage-grid{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.tsx-app .stage-block{flex-direction:column;display:flex}.tsx-app .stage-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:600;display:flex}.tsx-app .stage-label .dot{background:var(--border-strong);border-radius:999px;width:6px;height:6px}.tsx-app .stage-label .mono{font-family:var(--mono);text-transform:none;letter-spacing:0;color:var(--text-2)}.tsx-app .array-row{align-items:flex-end;gap:12px;min-height:100px;display:flex}.tsx-app .cell{aspect-ratio:1;border:1.5px solid var(--border);background:var(--surface-2);min-width:0;max-width:78px;font-size:24px;font-weight:600;font-family:var(--mono);color:var(--text);border-radius:12px;flex:1;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.2,.7,.2,1);display:flex;position:relative}.tsx-app .cell .idx{color:var(--muted);font-size:11px;font-family:var(--mono);position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.tsx-app .cell.dim{opacity:.45}.tsx-app .cell.current{border-color:var(--violet);background:var(--violet-soft);color:#efeaff;transform:translateY(-3px);box-shadow:0 0 0 4px #a78bfa1a}.tsx-app .cell.partner{border-color:var(--sky);background:var(--sky-soft);color:#d6efff;box-shadow:0 0 0 4px #38bdf81a}.tsx-app .cell.answer{border-color:var(--amber);background:var(--amber-soft);color:#fff2cd;box-shadow:0 0 0 4px #fbbf241f}.tsx-app .cell.seen{color:var(--text-2);background:#38bdf80d;border-color:#38bdf847}.tsx-app .need-bar{justify-content:center;margin-top:28px;display:flex}.tsx-app .need-pill{background:var(--surface-2);border:1px solid var(--border);font-family:var(--mono);color:var(--text-2);border-radius:10px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:inline-flex}.tsx-app .need-pill .k{color:var(--muted)}.tsx-app .need-pill .v{color:var(--violet)}.tsx-app .need-pill .arrow{color:var(--muted-2)}.tsx-app .need-pill .need{color:var(--sky);font-weight:600}.tsx-app .hashmap{border:1px dashed var(--border-strong);background:linear-gradient(#ffffff03,#0000);border-radius:12px;flex-direction:column;gap:8px;min-height:100px;padding:12px;display:flex}.tsx-app .hashmap.empty{color:var(--muted-2);justify-content:center;align-items:center;min-height:124px;font-style:italic}.tsx-app .kv{background:var(--surface-2);border:1px solid var(--border);font-family:var(--mono);border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 12px;font-size:13px;animation:.25s ts-kv-in;display:grid}.tsx-app .kv .k{color:var(--text);font-weight:600}.tsx-app .kv .arrow{color:var(--muted-2)}.tsx-app .kv .v{color:var(--text-2);text-align:right}.tsx-app .kv.hit{border-color:var(--amber);background:var(--amber-soft)}.tsx-app .step-ribbon{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;align-items:flex-start;gap:14px;margin:24px 18px 0;padding:14px 16px;display:flex}.tsx-app .step-ribbon .badge{letter-spacing:.06em;background:var(--violet-soft);color:var(--violet);font-size:11px;font-weight:600;font-family:var(--mono);border:1px solid #a78bfa40;border-radius:6px;flex:none;padding:4px 8px}.tsx-app .step-ribbon .text{color:var(--text-2);font-size:13.5px;line-height:1.55}.tsx-app .legend{border-top:1px solid var(--border);background:var(--bg-2);color:var(--text-2);flex-wrap:wrap;gap:6px 20px;padding:12px 24px;font-size:12px;display:flex}.tsx-app .legend .item{align-items:center;gap:8px;display:inline-flex}.tsx-app .legend .swatch{border-radius:3px;width:10px;height:10px}.tsx-app .swatch.cur{background:var(--violet)}.tsx-app .swatch.par{background:var(--sky)}.tsx-app .swatch.see{background:#38bdf866}.tsx-app .swatch.ans{background:var(--amber)}.tsx-app .control-bar{background:var(--bg-2);border-top:1px solid var(--border);grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:18px;padding:14px 18px;display:grid}.tsx-app .icon-btn{background:var(--surface);border:1px solid var(--border);width:38px;height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.tsx-app .icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.tsx-app .icon-btn:disabled{opacity:.4;cursor:not-allowed}.tsx-app .play-btn{background:var(--violet);color:#19142d;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:8px;height:38px;padding:0 18px;font-size:13.5px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.tsx-app .play-btn:hover{background:#b89bff}.tsx-app .play-btn:active{transform:translateY(1px)}.tsx-app .btn-group{align-items:center;gap:8px;display:inline-flex}.tsx-app .speed-group{color:var(--muted);font-size:12px;font-family:var(--mono);align-items:center;gap:10px;display:inline-flex}.tsx-app .speed-group .val{color:var(--text-2);text-align:right;min-width:30px}.tsx-app input[type=range]{appearance:none;background:var(--surface-3);border-radius:999px;outline:none;width:110px;height:4px}.tsx-app input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--violet);cursor:pointer;border:2px solid #1a1226;border-radius:999px;width:14px;height:14px;transition:transform .12s}.tsx-app input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.tsx-app input[type=range]::-moz-range-thumb{background:var(--violet);cursor:pointer;border:2px solid #1a1226;border-radius:999px;width:14px;height:14px}.tsx-app .step-counter{font-family:var(--mono);color:var(--muted);align-items:center;gap:12px;font-size:12px;display:inline-flex}.tsx-app .step-counter .v{color:var(--text);font-weight:600}.tsx-app .progress{background:var(--surface-3);border-radius:999px;width:160px;height:4px;overflow:hidden}.tsx-app .progress .bar{background:linear-gradient(90deg, var(--violet), #c4b1ff);height:100%;transition:width .25s}.tsx-app .rail{flex-direction:column;gap:16px;display:flex;position:sticky;top:76px}.tsx-app .algo-tabs{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.tsx-app .algo-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.tsx-app .algo-tabs button.active{background:var(--violet);color:#19142d}.tsx-app .code{font-family:var(--mono);color:var(--text-2);white-space:pre;background:0 0;margin:0;padding:16px 18px;font-size:12.5px;line-height:1.7;overflow-x:auto}.tsx-app .code .ln{border-left:2px solid #0000;border-radius:4px;margin:0 -8px;padding:1px 8px;display:block}.tsx-app .code .ln.active{background:var(--violet-soft);border-left-color:var(--violet);color:var(--text)}.tsx-app .tok-kw{color:#f472b6}.tsx-app .tok-fn{color:var(--sky)}.tsx-app .tok-num{color:#fbbf24}.tsx-app .tok-str{color:#34d399}.tsx-app .tok-com{color:var(--muted-2);font-style:italic}.tsx-app .tok-op{color:var(--text-2)}.tsx-app .prose-sm{color:var(--text-2);font-size:13.5px;line-height:1.6}.tsx-app .prose-sm em{color:var(--violet);font-style:normal;font-family:var(--mono);background:var(--violet-soft);border-radius:4px;padding:1px 4px;font-size:12.5px}.tsx-app .steplog-card .card-head{padding-bottom:12px}.tsx-app .steplog-meta{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.tsx-app .steplog-meta .mono{font-family:var(--mono)}.tsx-app .steplog-meta b{color:var(--text);font-weight:600}.tsx-app .steplog-progress{background:var(--surface-3);border-radius:999px;width:80px;height:3px;overflow:hidden}.tsx-app .steplog-progress .bar{background:linear-gradient(90deg, var(--violet), #c4b1ff);height:100%;transition:width .25s}.tsx-app .tline{flex-direction:column;max-height:360px;padding:6px 14px 14px;display:flex;overflow-y:auto}.tsx-app .tline-row{color:var(--text-2);font-size:13px;font-family:var(--sans);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:28px 24px auto 1fr;align-items:center;gap:10px;width:100%;padding:6px 8px 6px 4px;transition:background .12s,border-color .12s,color .12s;display:grid;position:relative}.tsx-app .tline-row:hover{background:var(--surface-2);border-color:var(--border)}.tsx-app .tline-rail{justify-content:center;align-items:center;width:28px;height:100%;min-height:32px;display:flex;position:relative}.tsx-app .tline-line{background:var(--border);width:2px;position:absolute;left:50%;transform:translate(-50%)}.tsx-app .tline-line.top{height:calc(50% - 6px);top:-4px}.tsx-app .tline-line.bot{height:calc(50% - 6px);bottom:-4px}.tsx-app .tline-line[data-hidden=true]{display:none}.tsx-app .tline-dot{z-index:1;background:var(--bg);border:2px solid var(--border-strong);border-radius:999px;width:10px;height:10px;transition:all .15s;position:relative}.tsx-app .tline-n{font-family:var(--mono);color:var(--muted-2);text-align:right;padding-right:2px;font-size:10.5px;font-weight:500}.tsx-app .tline-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);white-space:nowrap;border:1px solid;border-radius:5px;justify-content:center;align-items:center;min-width:60px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.tsx-app .tline-badge.c-gray{color:var(--muted);border-color:var(--border-strong)}.tsx-app .tline-badge.c-violet{color:var(--violet);background:var(--violet-soft);border-color:#a78bfa4d}.tsx-app .tline-badge.c-sky{color:var(--sky);background:var(--sky-soft);border-color:#38bdf84d}.tsx-app .tline-badge.c-emerald{color:var(--emerald);background:var(--emerald-soft);border-color:#34d3994d}.tsx-app .tline-badge.c-amber{color:var(--amber);background:var(--amber-soft);border-color:#fbbf2452}.tsx-app .tline-row.c-gray .tline-dot{border-color:var(--muted-2)}.tsx-app .tline-row.c-violet .tline-dot{border-color:var(--violet);background:#a78bfa33}.tsx-app .tline-row.c-sky .tline-dot{border-color:var(--sky);background:#38bdf833}.tsx-app .tline-row.c-emerald .tline-dot{border-color:var(--emerald);background:#34d39933}.tsx-app .tline-row.c-amber .tline-dot{border-color:var(--amber);background:#fbbf2438}.tsx-app .tline-label{font-family:var(--mono);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.tsx-app .tline-row.past .tline-dot{opacity:.7}.tsx-app .tline-row.future{opacity:.42}.tsx-app .tline-row.future .tline-dot{background:var(--bg);border-color:var(--border)}.tsx-app .tline-row.future .tline-badge{border-color:var(--border);color:var(--muted-2);background:0 0}.tsx-app .tline-row.future:hover{opacity:.75}.tsx-app .tline-row.cur{color:var(--text);background:linear-gradient(90deg,#a78bfa1a,#0000 70%);border-color:#a78bfa38}.tsx-app .tline-row.cur .tline-dot{transform:scale(1.35);box-shadow:0 0 0 4px #a78bfa24}.tsx-app .tline-row.cur .tline-label{color:var(--text)}.tsx-app .tline-row.cur .tline-n{color:var(--text-2);font-weight:600}.tsx-app .tline-row.c-amber.cur{background:linear-gradient(90deg,#fbbf241a,#0000 70%);border-color:#fbbf2447}.tsx-app .tline-row.c-amber.cur .tline-dot{box-shadow:0 0 0 4px #fbbf242e}.tsx-app .howcard .card-body{padding:22px}.tsx-app .how-hero{grid-template-columns:1fr auto;align-items:center;gap:28px;display:grid}.tsx-app .how-idea p{color:var(--text);text-wrap:pretty;max-width:56ch;margin:8px 0 0;font-size:14px;line-height:1.6}.tsx-app .how-idea p b{color:var(--violet);font-weight:600}.tsx-app .how-compare{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;min-width:340px;display:grid}.tsx-app .cx-card{text-align:center;background:var(--surface-2);border:1px solid;border-radius:12px;flex-direction:column;justify-content:center;padding:12px 14px;display:flex}.tsx-app .cx-naive{background:linear-gradient(#f871710f,#0000);border-color:#f8717140}.tsx-app .cx-naive .cx-big,.tsx-app .cx-naive .cx-tag{color:var(--rose)}.tsx-app .cx-opt{background:linear-gradient(#a78bfa1a,#0000);border-color:#a78bfa4d}.tsx-app .cx-opt .cx-big,.tsx-app .cx-opt .cx-tag{color:var(--violet)}.tsx-app .cx-tag{letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.tsx-app .cx-big{font-family:var(--mono);letter-spacing:-.01em;margin:4px 0 6px;font-size:26px;font-weight:700;line-height:1}.tsx-app .cx-sub{color:var(--muted);font-size:11px;line-height:1.45}.tsx-app .cx-arrow{color:var(--violet);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:9.5px;display:flex}.tsx-app .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:700;display:inline-block}.tsx-app .eyebrow.violet{color:var(--violet)}.tsx-app .how-steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tsx-app .how-steps li{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;grid-template-columns:30px 1fr;align-items:flex-start;gap:14px;padding:12px 14px;display:grid}.tsx-app .hs-n{background:var(--bg-2);border:1px solid var(--border-strong);width:28px;height:28px;font-family:var(--mono);color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.tsx-app .hs-h{color:var(--text);align-items:center;gap:10px;margin-bottom:6px;font-size:13.5px;display:flex}.tsx-app .hs-pill{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid;border-radius:5px;align-items:center;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.tsx-app .hs-pill.c-violet{color:var(--violet);background:var(--violet-soft);border-color:#a78bfa4d}.tsx-app .hs-pill.c-sky{color:var(--sky);background:var(--sky-soft);border-color:#38bdf84d}.tsx-app .hs-pill.c-emerald{color:var(--emerald);background:var(--emerald-soft);border-color:#34d3994d}.tsx-app .hs-code{font-family:var(--mono);color:var(--text-2);background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:12.5px;display:block}.tsx-app .hs-code .tok-kw{color:#f472b6}.tsx-app .hs-code .tok-str{color:#34d399}.tsx-app .bottom-grid{grid-template-columns:1.6fr 1fr;gap:20px;margin-top:20px;display:grid}.tsx-app .callout{border:1px solid;border-left-width:3px;border-radius:10px;margin-top:14px;padding:12px 14px 14px}.tsx-app .callout .eyebrow{letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10.5px;font-weight:700;display:block}.tsx-app .callout p{margin:0;font-size:13px;line-height:1.55}.tsx-app .callout.amber{background:var(--amber-soft);border-color:#fbbf2447;border-left-color:var(--amber)}.tsx-app .callout.amber .eyebrow{color:var(--amber)}.tsx-app .callout.amber p{color:#f5e2b2}.tsx-app .divider{background:var(--border);height:1px;margin:0}.tsx-app ::-webkit-scrollbar{width:8px;height:8px}.tsx-app ::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:999px}.tsx-app ::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.tsx-app ::-webkit-scrollbar-track{background:0 0}@media (width<=1300px){.tsx-app .how-hero{grid-template-columns:1fr}}@media (width<=1100px){.tsx-app .grid,.tsx-app .bottom-grid{grid-template-columns:1fr}}@media (width<=720px){.tsx-app .page{padding:20px 16px 72px}.tsx-app .page-head{grid-template-columns:1fr;align-items:start;gap:14px}.tsx-app .title{font-size:26px}.tsx-app .input-picker{flex-wrap:wrap;max-width:100%}.tsx-app .input-picker .select{min-width:0;max-width:100%}.tsx-app .stage-grid{grid-template-columns:1fr;gap:16px}}.tsx-app .chip.med{color:var(--amber);background:var(--amber-soft);border-color:#fbbf2438}.tsx-app .chip.hard{color:var(--rose);background:#f871711f;border-color:#f8717140}.tsx-app .chip.should{color:var(--sky);background:var(--sky-soft);border-color:#38bdf838}.tsx-app .chip.backup{color:var(--muted);border-color:var(--border-strong);background:#7c81941f}.tsx-app .input-picker label.select{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.tsx-app .input-picker label.select select,.tsx-app .input-picker select{appearance:none;background:var(--surface);color:var(--text);border:1px solid var(--border);font-size:13px;font-family:var(--mono);text-transform:none;letter-spacing:0;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237c8194' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;padding:8px 32px 8px 12px}.tsx-app .input-picker label.select select:hover{border-color:var(--border-strong)}.tsx-app .viz-canvas{padding:22px 24px 6px}.tsx-app .viz-svg{width:100%;height:auto;display:block}.tsx-app .fa-live{color:var(--text)}.tsx-app .brand{cursor:pointer;color:inherit;text-align:left;background:0 0;border:0;padding:0}.tsx-app .how-lead{color:var(--text);text-wrap:pretty;margin:0;font-size:14px;line-height:1.6}.tsx-app .complexity-row{flex-wrap:wrap;gap:8px;margin:14px 0 2px;display:flex}.tsx-app .complexity{background:var(--surface-2);border:1px solid var(--border);font-family:var(--mono);color:var(--text-2);border-radius:7px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.tsx-app .complexity b{color:var(--text);font-weight:600}.tsx-app .callout.green{background:var(--emerald-soft);border-color:#34d39940;border-left-color:var(--emerald)}.tsx-app .callout.green .eyebrow{color:var(--emerald)}.tsx-app .callout.green p{color:#c8efde}.tsx-app.home-root{background:var(--bg)}.home-root .home{max-width:1180px;margin:0 auto;padding:64px 32px 96px}.tsx-app .topbar-note{color:var(--muted);letter-spacing:.01em;font-size:12.5px}@media (width<=560px){.tsx-app .topbar-note{display:none}}.home-root .home-head{max-width:660px;margin-bottom:48px}.home-root .home-title{letter-spacing:-.025em;color:var(--text);margin:0 0 16px;font-size:33px;font-weight:600;line-height:1.12}.home-root .home-sub{color:var(--muted);text-wrap:pretty;margin:0;font-size:15px;line-height:1.62}.home-root .home-meta{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;font-size:12.5px;display:flex}.home-root .home-meta strong{color:var(--text-2);font-weight:600}.home-root .home-meta-sep{background:var(--border-strong);width:1px;height:11px;display:inline-block}.home-root .home-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:36px;padding:14px 0;display:flex}.home-root .toolbar-meta{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.home-root .toolbar-meta .dot-sep{color:var(--muted-2)}.home-root .seg{border:1px solid var(--border);background:0 0;border-radius:8px;display:inline-flex;overflow:hidden}.home-root .seg button{color:var(--muted);cursor:pointer;border:none;border-right:1px solid var(--border);background:0 0;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:color .12s,background .12s}.home-root .seg button:last-child{border-right:none}.home-root .seg button:hover{color:var(--text-2)}.home-root .seg button.active{background:var(--surface);color:var(--text)}.home-root .cat-section{margin-bottom:52px}.home-root .cat-head{grid-template-columns:auto auto 1fr;align-items:baseline;gap:10px;margin-bottom:18px;display:grid}.home-root .cat-title{letter-spacing:-.005em;color:var(--text);margin:0;font-size:15px;font-weight:600}.home-root .cat-count{font-family:var(--mono);color:var(--muted);font-size:12px;font-weight:400}.home-root .cat-note{color:var(--muted);justify-self:end;margin:0;font-size:13px}.home-root .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=1000px){.home-root .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.home-root .pgrid{grid-template-columns:1fr}}.home-root .pcard{border:1px solid var(--border);color:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;width:100%;min-height:168px;padding:16px 16px 18px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.home-root .pcard:hover{background:#a78bfa08;border-color:#a78bfa73}.home-root .pcard-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.home-root .pcard-lc{font-family:var(--mono);color:var(--muted-2);letter-spacing:.02em;font-size:11px}.home-root .pcard-meta{align-items:center;gap:6px;display:inline-flex}.home-root .pcard-prio{color:var(--muted);font-size:10.5px;font-weight:500}.home-root .pcard-diff{color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:500}.home-root .pcard-diff.diff-easy{color:#6ee7b7;border-color:#6ee7b738}.home-root .pcard-diff.diff-medium{color:#fcd34d;border-color:#fcd34d38}.home-root .pcard-diff.diff-hard{color:#fca5a5;border-color:#fca5a538}.home-root .pcard-title-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.home-root .pcard-title{letter-spacing:-.005em;color:var(--text);text-wrap:balance;margin:0;font-size:14.5px;font-weight:600;line-height:1.3}.home-root .pcard-tech{font-family:var(--mono);color:var(--muted);margin-bottom:12px;font-size:11.5px}.home-root .pcard-desc{color:var(--text-2);text-wrap:pretty;flex:1;margin:0;font-size:12.5px;line-height:1.55}.tsx-app .footer{border-top:1px solid var(--border);background:var(--bg-2);margin-top:72px}.tsx-app .footer__inner{max-width:1180px;margin:0 auto;padding:44px 32px 30px}.tsx-app .footer__brand{max-width:600px}.tsx-app .footer__brand h2{letter-spacing:-.01em;color:var(--text);margin:0 0 10px;font-size:18px;font-weight:600;line-height:1.35}.tsx-app .footer__brand .serif{color:var(--muted);font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.tsx-app .footer__brand p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.6}.tsx-app .footer__legal{border-top:1px solid var(--border);max-width:1180px;color:var(--muted-2);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 auto;padding:18px 32px 40px;font-size:12px;display:flex}