:root{color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark}}body{margin:0}img{max-width:100%}[hidden]{display:none!important}:root{--f-display:"Unbounded","Arial Rounded MT Bold",ui-sans-serif,system-ui,sans-serif;--f-body:"Lexend",ui-sans-serif,system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--bg:#F8F9FE;--surface:#FFFFFF;--surface2:#ECEFFC;--ink:#16213E;--muted:#4D5675;--line:#D6DBF0;--edge:#16213E;--shadow:#16213E;--accent:#3355F0;--accent-ink:#FFFFFF;--blue:#3355F0;--yellow:#FFC83D;--coral:#FF6B5E;--green:#1DB88A;--purple:#8A5CF6;--cmp:#FFC83D;--swp:#FF6B5E;--pivot:#8A5CF6;--ok:#1DB88A;--bar:#C5CCEC;--easy:#0E8F69;--med:#A56B00;--hard:#D6382D;--wall:#16213E;--code-bg:#16213E;--code-ink:#E6EBFF;--b-start:#3355F0;--b-start-ink:#FFFFFF;--b-viz:#FFC83D;--b-prob:#1DB88A;--b-pat:#FF6B5E;--b-ink:#16213E}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#0F1530;--surface:#171F42;--surface2:#1F2A57;--ink:#F2F4FF;--muted:#AAB3D6;--line:#2E3A6C;--edge:#7584C9;--shadow:#060918;--accent:#8EA2FF;--accent-ink:#0F1530;--pivot:#B79BFF;--ok:#34D399;--bar:#3B4783;--easy:#34D399;--med:#FFC83D;--hard:#FF8277;--wall:#6D7DC2;--code-bg:#0A0F26;color-scheme:dark}}:root[data-theme=dark]{--bg:#0F1530;--surface:#171F42;--surface2:#1F2A57;--ink:#F2F4FF;--muted:#AAB3D6;--line:#2E3A6C;--edge:#7584C9;--shadow:#060918;--accent:#8EA2FF;--accent-ink:#0F1530;--pivot:#B79BFF;--ok:#34D399;--bar:#3B4783;--easy:#34D399;--med:#FFC83D;--hard:#FF8277;--wall:#6D7DC2;--code-bg:#0A0F26;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;text-wrap:balance}h1{font-family:var(--f-display);font-weight:800;font-size:clamp(1.85rem,5.4vw,3.1rem);line-height:1.1;letter-spacing:-.02em}h2{font-family:var(--f-display);font-weight:700;font-size:clamp(1.3rem,2.8vw,1.75rem);line-height:1.2;letter-spacing:-.015em}h3{font-weight:600;font-size:1.1rem;line-height:1.35}p{margin:0;max-width:68ch}b{font-weight:600}.lead{font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.55;max-width:50ch}.note{color:var(--muted);font-size:15px;line-height:1.6}.lbl{color:var(--muted);font-size:14px;font-weight:500}.hint{font-size:14px}.mono{font-family:var(--f-mono);font-size:13px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.band :focus-visible{outline-color:var(--bi)}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:2px solid var(--edge)}.topin{max-width:1180px;margin:0 auto;padding:10px clamp(16px,4vw,32px);display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font:800 1rem/1 var(--f-display);letter-spacing:-.01em}.logo{width:34px;height:34px;flex:none}.logo *{stroke:var(--edge);stroke-width:1.5;stroke-linejoin:round}.tabs{display:flex;gap:6px}.tab{--tc:var(--b-start);--bc:var(--b-start);--bi:var(--b-start-ink);display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:2px solid transparent;border-radius:12px;background:none;color:var(--muted);font:600 15px var(--f-body);cursor:pointer;white-space:nowrap}.tab[data-tab=viz]{--tc:var(--b-viz);--bc:var(--b-viz);--bi:var(--b-ink)}.tab[data-tab=prob]{--tc:var(--b-prob);--bc:var(--b-prob);--bi:var(--b-ink)}.tab[data-tab=pat]{--tc:var(--b-pat);--bc:var(--b-pat);--bi:var(--b-ink)}.tab svg{width:18px;height:18px;flex:none;fill:var(--tc);stroke:var(--edge);stroke-width:1.5;stroke-linejoin:round}.tab:hover{color:var(--ink);border-color:var(--line)}.tab[aria-selected=true]{background:var(--bc);color:var(--bi);border-color:var(--b-ink);box-shadow:0 3px 0 var(--shadow)}.tab[aria-selected=true] svg{fill:var(--bi);stroke:none}.prog{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;font-weight:500;white-space:nowrap}.prog b{color:var(--ink);font-family:var(--f-display);font-weight:700}.pbar{display:block;width:84px;height:12px;border:2px solid var(--edge);border-radius:7px;overflow:hidden;background:var(--surface)}.pfill{display:block;height:100%;width:0;background:var(--green)}[data-tabpanel=start]{--bc:var(--b-start);--bi:var(--b-start-ink)}[data-tabpanel=viz]{--bc:var(--b-viz);--bi:var(--b-ink)}[data-tabpanel=prob]{--bc:var(--b-prob);--bi:var(--b-ink)}[data-tabpanel=pat]{--bc:var(--b-pat);--bi:var(--b-ink)}.band{background:var(--bc);color:var(--bi);border-bottom:2px solid var(--b-ink);overflow:hidden}.bandin{max-width:1040px;margin:0 auto;padding:clamp(36px,7vw,80px) clamp(16px,5vw,32px) clamp(32px,6vw,60px);display:flex;flex-direction:column;gap:20px;align-items:flex-start}.band h1{max-width:17ch}.band .lead{opacity:.9}.band .btn{border-color:var(--b-ink);box-shadow:0 3px 0 var(--b-ink);background:#fff;color:var(--b-ink)}.band .btn.primary{background:var(--yellow);color:var(--b-ink)}.hero .bandin{padding-bottom:36px}.heroBars{max-width:1040px;margin:0 auto;padding:0 clamp(16px,5vw,32px);display:flex;align-items:flex-end;gap:4px;height:150px}.heroBars i{flex:1;min-width:0;border-radius:6px 6px 0 0;background:color-mix(in srgb,#fff 40%,var(--b-start))}.heroBars i.c{background:var(--yellow)}.heroBars i.s{background:var(--coral)}.heroBars i.p{background:#d8c9ff}.heroBars i.d{background:#fff}.pbody{max-width:1040px;margin:0 auto;padding:clamp(36px,6vw,68px) clamp(16px,5vw,32px) 112px;display:flex;flex-direction:column;gap:clamp(56px,8vw,96px)}.pbody.tight{gap:24px}.tight>h2{margin-top:36px}.sec{display:flex;flex-direction:column;gap:20px}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.field{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--muted);font-weight:500}.btn,select,input[type=text],input[type=number]{font:500 15px/1 var(--f-body);height:44px;padding:0 18px;border:2px solid var(--edge);background:var(--surface);color:var(--ink);border-radius:12px}select,input[type=text],input[type=number]{padding:0 14px}input[type=number]{width:96px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:0 3px 0 var(--shadow);transition:transform .08s,box-shadow .08s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--shadow)}.btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--shadow)}.btn.primary{background:var(--accent);color:var(--accent-ink)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:140px;height:28px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:var(--line)}input[type=range]::-moz-range-track{height:8px;border-radius:4px;background:var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:var(--accent);border:3px solid var(--edge)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid var(--edge)}.seg{display:flex;flex-wrap:wrap;gap:10px}.seg button{height:44px;padding:0 18px;border:2px solid var(--edge);border-radius:12px;background:var(--surface);color:var(--ink);font:600 15px var(--f-body);cursor:pointer;box-shadow:0 3px 0 var(--shadow);transition:transform .08s,box-shadow .08s}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg);transform:translateY(3px);box-shadow:0 0 0 var(--shadow)}.stage{border:2px solid var(--edge);border-radius:20px;background:var(--surface);padding:clamp(14px,3vw,24px);box-shadow:0 5px 0 var(--shadow)}.bars{display:flex;align-items:flex-end;gap:4px;height:260px;padding-top:22px;border-bottom:3px solid var(--edge);background-image:repeating-linear-gradient(to top,var(--line) 0,var(--line) 1px,transparent 1px,transparent 25%)}.bar{flex:1;min-width:0;border-radius:6px 6px 0 0;background:var(--bar);position:relative}.bar span{position:absolute;left:50%;top:-18px;transform:translate(-50%);font:500 11px var(--f-mono);color:var(--muted)}.bar.c{background:var(--cmp)}.bar.s{background:var(--swp)}.bar.p{background:var(--pivot)}.bar.d{background:var(--ok)}.explain{position:relative;display:flex;align-items:center;min-height:4.2em;padding:14px 18px;margin-top:6px;background:var(--surface);border:2px solid var(--edge);border-radius:16px;font-size:16px;font-weight:500;line-height:1.5}.explain:before{content:"";position:absolute;top:-9px;left:30px;width:14px;height:14px;background:var(--surface);border-left:2px solid var(--edge);border-top:2px solid var(--edge);transform:rotate(45deg)}.stats{display:flex;flex-wrap:wrap;gap:4px 22px;font-size:15px;color:var(--muted)}.stats b{color:var(--ink);font-variant-numeric:tabular-nums}.legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--muted)}.legend i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:8px;vertical-align:-1px}.facts{display:flex;flex-direction:column;gap:18px;margin-top:8px}.kid{padding:16px 20px;border-radius:16px;background:color-mix(in srgb,var(--yellow) 28%,var(--bg));border:2px solid var(--edge);font-size:16px;line-height:1.6}.kid b{margin-right:6px}.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0}.fgrid>div{padding:12px 16px;border-radius:14px;background:var(--surface2)}.fgrid dt{font-size:13.5px;color:var(--muted);font-weight:500}.fgrid dd{margin:4px 0 0;font-weight:600;font-size:15px;line-height:1.4}.cells{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.cell-b{display:flex;flex-direction:column;align-items:center;gap:6px}.cell-b .v{min-width:46px;text-align:center;padding:10px 6px;font:500 15px var(--f-mono);background:var(--surface);border:2px solid var(--edge);border-radius:10px}.cell-b .t{min-height:18px;line-height:1.25;text-align:center;font:600 12px/1.25 var(--f-body);color:var(--accent)}.cell-b.out{opacity:.3}.cell-b.mid .v{background:var(--cmp);color:var(--b-ink)}.cell-b.hit .v{background:var(--ok);color:var(--b-ink)}.grid{display:grid;grid-template-columns:repeat(20,1fr);gap:2px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.grid .cell{aspect-ratio:1;background:var(--surface2);border-radius:4px}.grid .cell.w{background:var(--wall)}.grid .cell.v{background:color-mix(in srgb,var(--accent) 38%,var(--surface))}.grid .cell.pth{background:var(--cmp)}.grid .cell.st{background:var(--ok)}.grid .cell.gl{background:var(--swp)}.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.duo>div{padding:24px;border:2px solid var(--edge);border-radius:24px;display:flex;flex-direction:column;gap:10px}.duo>div:first-child{background:color-mix(in srgb,var(--yellow) 30%,var(--bg))}.duo>div:last-child{background:color-mix(in srgb,var(--blue) 18%,var(--bg))}.duo h3{font:700 1.25rem/1.2 var(--f-display)}.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:24px 20px}.ccard{display:flex;flex-direction:column;gap:8px;min-width:0}.ccard p{max-width:none}.sv{width:100%;height:auto;border:2px solid var(--edge);border-radius:20px;padding:12px;background:var(--tile)}.t0{--tile:color-mix(in srgb,var(--yellow) 32%,var(--bg))}.t1{--tile:color-mix(in srgb,var(--blue) 20%,var(--bg))}.t2{--tile:color-mix(in srgb,var(--green) 28%,var(--bg))}.t3{--tile:color-mix(in srgb,var(--coral) 26%,var(--bg))}.ccard h3{margin-top:6px;font-family:var(--f-display);font-weight:700;font-size:1.05rem}.sv rect,.sv circle{fill:var(--surface);stroke:var(--ink);stroke-width:1.8}.sv circle.hi{fill:var(--cmp)}.sv line{stroke:var(--ink);stroke-width:1.8}.sv text{fill:var(--ink);font:500 12px var(--f-mono)}.sv text.sm{fill:var(--muted);font:500 10px var(--f-body)}.speed{display:flex;flex-direction:column;gap:12px;padding:clamp(18px,3vw,28px);border:2px solid var(--edge);border-radius:24px;background:var(--surface)}.srow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) minmax(0,.9fr);gap:8px 20px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.srow .nm{font-weight:600;display:block}.bigo{font:500 12.5px var(--f-mono);color:var(--muted)}.sbar{height:14px;border-radius:7px;background:var(--surface2);overflow:hidden}.sbar i{display:block;height:100%;border-radius:7px;background:var(--c)}.srow.r0{--c:var(--green)}.srow.r1{--c:var(--accent)}.srow.r2{--c:var(--yellow)}.srow.r3{--c:var(--coral)}.snum b{font:700 1rem var(--f-display);font-variant-numeric:tabular-nums}.snum span{display:block;color:var(--muted);font-size:13.5px}.spnum{font:700 1rem var(--f-display)}.gloss{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:0 40px;margin:0}.gloss>div{display:grid;grid-template-columns:minmax(96px,.55fr) 1.45fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.gloss dt{font-weight:600}.gloss dd{margin:0;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.step{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;border:2px solid var(--edge);border-radius:24px}.step.s1{background:color-mix(in srgb,var(--yellow) 30%,var(--bg))}.step.s2{background:color-mix(in srgb,var(--green) 26%,var(--bg))}.step.s3{background:color-mix(in srgb,var(--coral) 24%,var(--bg))}.step .n{width:40px;height:40px;border-radius:50%;border:2px solid var(--edge);background:var(--surface);display:grid;place-items:center;font:800 1rem var(--f-display)}.step p{flex:1}.sumrow{display:flex;flex-wrap:wrap;gap:20px 36px;align-items:center;padding:22px 26px;border:2px solid var(--edge);border-radius:24px;background:var(--surface)}.sumrow>div{flex:1 1 130px;min-width:0}.sumrow>div:first-child{flex:1.7 1 240px}.big{font:800 clamp(1.8rem,4vw,2.5rem)/1.1 var(--f-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.big small{font:500 15px var(--f-body);color:var(--muted);letter-spacing:0;margin-left:8px}.sumrow>div:not(:first-child) .big{font-size:1.5rem}.meter{height:10px;border-radius:5px;background:var(--surface2);overflow:hidden;margin-top:10px}.meter b{display:block;height:100%;border-radius:5px;background:var(--accent)}.meter.e b{background:var(--easy)}.meter.m b{background:var(--med)}.meter.h b{background:var(--hard)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{height:38px;padding:0 14px;border:2px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:500 14px var(--f-body);cursor:pointer}.chip:hover{border-color:var(--edge)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.chip em{font-style:normal;font-size:12.5px;color:var(--muted);margin-left:6px}.chip[aria-pressed=true] em{color:inherit;opacity:.75}.plist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:2px solid var(--edge);border-radius:20px;overflow:hidden;background:var(--surface)}.prow{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 18px;border-top:1px solid var(--line)}.prow:first-child{border-top:0}.prow:hover{background:var(--surface2)}.pmain{display:flex;flex-direction:column;min-width:0}.pmain a{color:var(--ink);font-weight:500;text-decoration:none;overflow-wrap:anywhere}.pmain a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.ptopic{font-size:13.5px;color:var(--muted)}.stat{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid var(--edge);background:var(--surface);color:var(--b-ink);font:700 15px/1 var(--f-body);cursor:pointer;display:grid;place-items:center}.stat:hover{background:var(--surface2)}.stat.s{background:var(--green)}.stat.r{background:var(--yellow)}.stat.mini{width:22px;height:22px;font-size:12px;border-width:2px}.pill{font:600 13px var(--f-body);padding:2px 12px;border-radius:8px;color:var(--ink)}.pill.E{background:color-mix(in srgb,var(--green) 32%,var(--bg))}.pill.M{background:color-mix(in srgb,var(--yellow) 40%,var(--bg))}.pill.H{background:color-mix(in srgb,var(--coral) 34%,var(--bg))}.empty{padding:32px;text-align:center;color:var(--muted)}.pick{background:var(--blue);color:#fff;border:2px solid var(--b-ink);border-radius:24px;padding:22px 26px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;box-shadow:0 5px 0 var(--shadow)}.pick a{color:#fff;font:700 1.25rem/1.3 var(--f-display);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;overflow-wrap:anywhere}.pick .hint,.pick .ptopic{color:#dde3ff}.pick .btn{background:#fff;color:var(--b-ink);border-color:var(--b-ink);box-shadow:0 3px 0 var(--b-ink)}.pick .btn.primary{background:var(--yellow)}.sw{font:500 2.2rem/1 var(--f-mono);font-variant-numeric:tabular-nums}.panel{display:flex;flex-direction:column;gap:10px;padding:20px 24px;border:2px solid var(--edge);border-radius:20px;background:color-mix(in srgb,var(--blue) 12%,var(--bg))}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:24px}.pcard{display:flex;flex-direction:column;gap:14px;padding:24px;border:2px solid var(--edge);border-radius:24px;background:var(--surface);min-width:0}.pcard h3{font:700 1.1rem/1.3 var(--f-display)}.pcard .kid{border:0;border-radius:14px}.pcard pre{margin:0;padding:16px;border-radius:14px;background:var(--code-bg);color:var(--code-ink);font:400 13px/1.7 var(--f-mono);overflow-x:auto}.pcard .cx{font-size:14px;color:var(--muted)}.plinks{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--line);columns:2 220px;column-gap:24px}.plinks li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;padding:4px 0;break-inside:avoid}.plinks a{color:var(--ink);font-size:14.5px;text-decoration:none;overflow-wrap:anywhere}.plinks a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.tablewrap{overflow-x:auto;border:2px solid var(--edge);border-radius:20px;background:var(--surface)}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:top}th{font-weight:600;font-size:14px;background:var(--surface2)}td:first-child{font-weight:600}td.m{font-family:var(--f-mono);font-size:13.5px;font-weight:400}td.w{white-space:normal;min-width:240px;font-weight:400}tr:last-child td{border-bottom:0}@media (max-width:900px){.prog{order:2}.tabs{order:3;flex-basis:100%;overflow-x:auto;padding-bottom:6px;margin-inline:-4px;padding-inline:4px}.topin{padding-block:10px 4px}}@media (max-width:640px){.srow{grid-template-columns:1fr}.bars{height:210px}input[type=range]{width:110px}.pbar{width:56px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}