@font-face{font-family:Hind Siliguri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/hind-siliguri-bengali-400-normal-rHQ7AW0H.woff2) format("woff2"),url(/assets/hind-siliguri-bengali-400-normal-qtENw2Fc.woff) format("woff")}@font-face{font-family:Hind Siliguri;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/hind-siliguri-bengali-500-normal-UuhTmLlo.woff2) format("woff2"),url(/assets/hind-siliguri-bengali-500-normal-CDy0O77J.woff) format("woff")}@font-face{font-family:Hind Siliguri;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/hind-siliguri-bengali-600-normal-DLZF4s8q.woff2) format("woff2"),url(/assets/hind-siliguri-bengali-600-normal-D_VSXRuy.woff) format("woff")}@font-face{font-family:Hind Siliguri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/hind-siliguri-bengali-700-normal-FVd7rFqZ.woff2) format("woff2"),url(/assets/hind-siliguri-bengali-700-normal-CeVCCB8W.woff) format("woff")}:root{--bg:#050505;--surface:#0e0e0e;--sunk:#181818;--ink:#F2F2F2;--muted:#A3A3A3;--line:#262626;--accent:#FFD60A;--accent-2:#FFEA70;--ta:#FFD60A;--ta-soft:#2B2508;--tb:#38BDF8;--tb-soft:#0C2A38;--bad:#F87171;--bad-soft:#2D1414;--ok:#4ADE80;--ok-soft:#0F2A1A;--code-bg:#0A0A0A;--code-fg:#E5E5E5;--code-c:#737373;--code-k:#FFD60A;--code-s:#86EFAC;--code-n:#C4B5FD;--f-display:"Inter Variable","Hind Siliguri",system-ui,sans-serif;--f-body:"Inter Variable","Hind Siliguri",system-ui,sans-serif;--f-mono:"JetBrains Mono Variable",ui-monospace,Menlo,Consolas,monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.75;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 64px}a{color:var(--accent-2)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,h3{font-family:var(--f-display);font-weight:700;color:#fff;letter-spacing:-.01em;text-wrap:balance;line-height:1.3;margin:0}p{margin:0}code{font-family:var(--f-mono);font-size:.86em}:not(pre)>code{background:var(--sunk);padding:.1em .35em;border-radius:4px}.wrap{max-width:1140px;margin:0 auto}.hero{display:grid;gap:28px;padding-block:48px 40px;border-bottom:1px solid var(--line)}.eyebrow{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hero h1{font-size:clamp(36px,6vw,60px)}.hero h1 .a{color:var(--accent-2)}.hero h1 .b{color:var(--tb)}.hero .intro{max-width:62ch;color:var(--muted);font-size:18px}.demo{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;display:grid;gap:16px}.demo-top{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between}.demo h2{font-size:24px}.demo .sub{color:var(--muted);font-size:15px;max-width:60ch}.btns{display:flex;flex-wrap:wrap;gap:10px}button{font-family:var(--f-body);font-size:15px;font-weight:600;cursor:pointer;border-radius:8px;padding:8px 16px;border:1px solid var(--line);background:var(--sunk);color:var(--ink)}button.primary{background:var(--accent);border-color:var(--accent);color:#000}button:hover{filter:brightness(1.07)}.scores{display:flex;flex-wrap:wrap;gap:12px}.score{background:var(--sunk);border-radius:10px;padding:10px 16px;min-width:130px}.score .k{font-size:13px;color:var(--muted)}.score .v{font-family:var(--f-mono);font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}.score.bad .v{color:var(--bad)}.score.good .v{color:var(--ok)}.lanes-scroll{overflow-x:auto;padding-bottom:6px}.lanes{display:grid;gap:6px 4px;align-items:center;width:max-content}.lane-label{font-family:var(--f-mono);font-size:13px;font-weight:600;padding-right:8px;position:sticky;left:0;background:var(--surface)}.lane-label.a{color:var(--accent-2)}::selection{background:#ffd60a40}.lane-label.b{color:var(--tb)}.lane-label.s{color:var(--muted)}.chip{font-family:var(--f-mono);font-size:11.5px;height:30px;width:40px;border-radius:6px;display:grid;place-items:center;font-variant-numeric:tabular-nums}.chip.a{background:var(--ta-soft);color:var(--ta)}.chip.b{background:var(--tb-soft);color:var(--tb)}.chip.lost{background:var(--bad);color:#000;font-weight:600}.chip.held{box-shadow:inset 0 0 0 1.5px currentColor}.chip.sv{background:transparent;color:var(--muted);font-size:11px}.chip.hide{visibility:hidden}.legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--muted)}.legend span b{font-family:var(--f-mono);color:var(--ink);font-weight:600}.demo .verdict{font-size:15.5px;padding:10px 14px;border-radius:8px}.verdict.bad{background:var(--bad-soft)}.verdict.good{background:var(--ok-soft)}.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;padding-top:40px}@media(min-width:1000px){.layout{grid-template-columns:230px minmax(0,1fr)}}.toc{display:none}@media(min-width:1000px){.toc{display:block;position:sticky;top:calc(env(safe-area-inset-top,0px) + 20px);align-self:start;max-height:calc(100vh - 40px);overflow:auto;font-size:14px}}.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}.toc .part{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:14px}.toc a{color:var(--ink);text-decoration:none;display:block;padding:2px 8px;border-radius:5px}.toc a:hover{background:var(--sunk)}.toc .n{font-family:var(--f-mono);color:var(--muted);font-size:12px;margin-right:6px}main{min-width:0;display:grid;gap:64px}.mobile-toc{display:grid;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}@media(min-width:1000px){.mobile-toc{display:none}}.mobile-toc h2{font-size:20px}.mobile-toc ul{margin:0;padding-left:20px;display:grid;gap:4px}.part-head{display:grid;gap:6px;max-width:68ch}.part-head .eyebrow{color:var(--accent)}.part-head h2{font-size:clamp(28px,4vw,38px)}.part-head p{color:var(--muted)}section.part{display:grid;gap:28px}.concept{display:grid;gap:14px;padding-top:26px;border-top:1px solid var(--line);max-width:74ch;scroll-margin-top:20px}.concept header{display:flex;gap:14px;align-items:baseline}.concept .num{font-family:var(--f-mono);font-size:14px;color:var(--accent);font-weight:600;flex:none}.concept h3{font-size:25px}.concept h3 .en{font-family:var(--f-mono);font-size:13.5px;color:var(--muted);margin-left:8px;white-space:nowrap}.lead{font-size:18.5px;font-weight:500}.eg{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px;display:grid;gap:6px}.tag{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);font-weight:600}.remember{border-left:3px solid var(--accent);padding:4px 0 4px 14px;color:var(--ink)}.remember b{color:var(--accent)}ul.pts{margin:0;padding-left:22px;display:grid;gap:4px}pre{margin:0;background:var(--code-bg);color:var(--code-fg);border-radius:10px;padding:16px 18px;overflow-x:auto;font-family:var(--f-mono);font-size:13.5px;line-height:1.65}pre code{font-size:inherit}.tk-c{color:var(--code-c);font-style:italic}.tk-k{color:var(--code-k)}.tk-s{color:var(--code-s)}.tk-n{color:var(--code-n)}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15.5px;min-width:440px}th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:600;color:var(--muted);font-size:14px}td.m{font-family:var(--f-mono);font-size:13.5px}tr.badrow td{background:var(--bad-soft)}figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:8px}figure .svg-wrap{overflow-x:auto}figure svg{display:block;width:100%;min-width:480px;height:auto}figcaption{font-size:14px;color:var(--muted)}svg text{font-family:var(--f-body);fill:var(--ink)}svg .mono{font-family:var(--f-mono)}svg .mut{fill:var(--muted)}svg .fa{fill:var(--ta-soft);stroke:var(--ta)}svg .fb{fill:var(--tb-soft);stroke:var(--tb)}svg .ta{fill:var(--ta)}svg .tb{fill:var(--tb)}svg .box{fill:var(--sunk);stroke:var(--line)}svg .boxbad{fill:var(--bad-soft);stroke:var(--bad)}svg .ln{stroke:var(--muted);fill:none;stroke-width:1.5}svg .la{stroke:var(--ta);fill:none;stroke-width:2}svg .lb{stroke:var(--tb);fill:none;stroke-width:2}svg .mk-m{fill:var(--muted)}svg .mk-a{fill:var(--ta)}svg .mk-b{fill:var(--tb)}.build{display:grid;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;scroll-margin-top:20px}.build h3{font-size:24px}.build .goal{color:var(--muted)}.code-box{position:relative}.copy{position:absolute;top:8px;right:8px;font-size:12.5px;padding:4px 10px;background:var(--sunk);font-family:var(--f-mono);font-weight:400}.cols{display:grid;gap:14px}@media(min-width:720px){.cols{grid-template-columns:1fr 1fr}}.cols>div{min-width:0;background:var(--sunk);border-radius:10px;padding:14px 16px;display:grid;gap:6px;align-content:start}.cols h4{margin:0;font-size:15px;font-weight:600}.cols ul{margin:0;padding-left:20px;font-size:15.5px;display:grid;gap:4px}.outro{max-width:68ch;display:grid;gap:12px;padding-top:24px;border-top:1px solid var(--line)}.outro h2{font-size:30px}body{background:radial-gradient(600px 400px at 85% -5%,rgba(255,214,10,.07),transparent 70%) no-repeat,var(--bg)}.skip{position:absolute;left:-9999px;top:8px;z-index:10;background:var(--accent);color:#000;padding:8px 14px;border-radius:8px;font-weight:600}.skip:focus{left:16px}.topbar{position:sticky;top:0;z-index:5;margin-inline:calc(-1*max(16px,env(safe-area-inset-left,0px)));padding-inline:max(16px,env(safe-area-inset-left,0px));background:#050505d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar-in{display:flex;justify-content:space-between;align-items:center;height:56px}.brand{font-family:var(--f-mono);font-weight:700;font-size:13px;letter-spacing:.08em;color:#fff;text-decoration:none}.brand span{color:var(--accent)}.back{font-size:14px;font-weight:600;text-decoration:none;color:var(--accent-2);border:1px solid rgba(255,214,10,.3);background:#ffd60a0f;padding:6px 12px;border-radius:8px}.back:hover{background:#ffd60a1f}.eyebrow{color:var(--accent)}.demo,.build,figure,.eg,.mobile-toc{box-shadow:0 0 0 1px #ffffff05}.demo{border-color:#ffd60a33}.toc a:hover{color:var(--accent)}pre{border:1px solid var(--line)}@media(min-width:1000px){.toc{top:76px;max-height:calc(100vh - 96px)}}.concept,.build{scroll-margin-top:76px}main,section.part,.concept,.build,.demo,.hero,figure,.eg,.code-box{grid-template-columns:minmax(0,1fr)}