/* © 2026 Manish Kumar Panday · Algoistan · All rights reserved. */
:root{--md-primary: #6fdbc9;--md-on-primary: #00382f;--md-primary-container: #005046;--md-on-primary-container: #8ff8e5;--md-secondary-container: #2c403c;--md-on-secondary-container: #cde8e1;--md-tertiary: #ffb877;--md-on-tertiary: #4a2800;--md-tertiary-container: #6b3b00;--md-on-tertiary-container: #ffdcbf;--md-surface: #0a100f;--md-on-surface: #e2e9e6;--md-on-surface-variant: #b7c3bf;--md-outline: #7f8a87;--md-outline-variant: #34403d;--s0: #070b0b;--s1: #101716;--s2: #161f1e;--s3: #1d2726;--s4: #263130;--s5: #313d3b;--hi: rgba(255,255,255,.07);--hi-strong: rgba(255,255,255,.13);--lo: rgba(0,0,0,.55);--lo-soft: rgba(0,0,0,.35);--glow-teal: rgba(111,219,201,.45);--glow-amber: rgba(255,184,119,.5);--metal-1: #e9efe9;--metal-2: #9aa7a3;--metal-3: #56625f;--bg: #0a100f;--bg2: #161f1e;--bg3: #263130;--line: #3f4c49;--fg: #e2e9e6;--fg2: #b7c3bf;--fg3: #93a09c;--key-top: #263130;--key-bot: #1d2726;--stage-top: #101716;--stage-bot: #0a100f;--accent: #6fdbc9;--accent-hi: #9cf0e2;--on-accent: #00382f;--good: #6bdc8f;--warn: #ffb877;--bad: #ff8a80;--purple: #c9a8ff;--pink: #ff9cc7;--cyan: #7cc8f2;--hl: rgba(111,219,201,.2);--cmp: rgba(255,184,119,.28);--done: rgba(107,220,143,.22);--swap: rgba(255,138,128,.26);--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans: "Google Sans Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: ui-rounded, "SF Pro Rounded", "Google Sans", "Nunito", system-ui, sans-serif;--r-xl: 28px;--r-lg: 20px;--r-md: 14px;--r-sm: 10px;--r: 14px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--ease-emph: cubic-bezier(.2,0,0,1);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--raised: inset 0 1px 0 var(--hi-strong), inset 0 -1px 0 var(--lo-soft), 0 1px 0 var(--lo), 0 10px 24px -6px var(--lo), 0 2px 6px var(--lo-soft);--keycap: inset 0 1px 0 var(--hi-strong), inset 0 -3px 0 var(--lo-soft), 0 3px 0 var(--s0), 0 10px 18px -6px var(--lo);--pressed: inset 0 2px 5px var(--lo), inset 0 -1px 0 var(--hi), 0 1px 0 var(--hi);--groove: inset 0 2px 4px var(--lo), inset 0 -1px 0 var(--hi);color-scheme:dark}:root[data-theme=light]{--md-primary: #006b5e;--md-on-primary: #ffffff;--md-primary-container: #9df2e0;--md-on-primary-container: #00201b;--md-secondary-container: #d3e8e2;--md-on-secondary-container: #06201b;--md-tertiary: #9a5800;--md-on-tertiary: #ffffff;--md-tertiary-container: #ffdcbf;--md-on-tertiary-container: #2d1600;--md-surface: #e7ecea;--md-on-surface: #172020;--md-on-surface-variant: #3f4a47;--md-outline: #6f7976;--md-outline-variant: #c3ccc9;--s0: #d4dbd8;--s1: #e2e8e5;--s2: #edf2f0;--s3: #f4f8f6;--s4: #fafcfb;--s5: #ffffff;--hi: rgba(255,255,255,.85);--hi-strong: rgba(255,255,255,1);--lo: rgba(40,60,55,.28);--lo-soft: rgba(40,60,55,.16);--glow-teal: rgba(0,107,94,.3);--glow-amber: rgba(154,88,0,.3);--metal-1: #ffffff;--metal-2: #c2ccc8;--metal-3: #7d8985;--bg: #e7ecea;--bg2: #f4f8f6;--bg3: #dde4e1;--line: #b3beba;--fg: #172020;--fg2: #3f4a47;--fg3: #5b6663;--key-top: #ffffff;--key-bot: #f4f8f6;--stage-top: #e2e8e5;--stage-bot: #edf2f0;--accent: #006b5e;--accent-hi: #118573;--on-accent: #ffffff;--good: #17702f;--warn: #8f5200;--bad: #b3261e;--purple: #6d3fc0;--pink: #b02e6b;--cyan: #00637a;--hl: rgba(0,107,94,.14);--cmp: rgba(154,88,0,.2);--done: rgba(23,112,47,.16);--swap: rgba(179,38,30,.15);color-scheme:light}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--md-primary: #006b5e;--md-on-primary: #ffffff;--md-primary-container: #9df2e0;--md-on-primary-container: #00201b;--md-secondary-container: #d3e8e2;--md-on-secondary-container: #06201b;--md-tertiary: #9a5800;--md-on-tertiary: #ffffff;--md-tertiary-container: #ffdcbf;--md-on-tertiary-container: #2d1600;--md-surface: #e7ecea;--md-on-surface: #172020;--md-on-surface-variant: #3f4a47;--md-outline: #6f7976;--md-outline-variant: #c3ccc9;--s0: #d4dbd8;--s1: #e2e8e5;--s2: #edf2f0;--s3: #f4f8f6;--s4: #fafcfb;--s5: #ffffff;--hi: rgba(255,255,255,.85);--hi-strong: rgba(255,255,255,1);--lo: rgba(40,60,55,.28);--lo-soft: rgba(40,60,55,.16);--glow-teal: rgba(0,107,94,.3);--glow-amber: rgba(154,88,0,.3);--metal-1: #ffffff;--metal-2: #c2ccc8;--metal-3: #7d8985;--bg: #e7ecea;--bg2: #f4f8f6;--bg3: #dde4e1;--line: #b3beba;--fg: #172020;--fg2: #3f4a47;--fg3: #5b6663;--key-top: #ffffff;--key-bot: #f4f8f6;--stage-top: #e2e8e5;--stage-bot: #edf2f0;--accent: #006b5e;--accent-hi: #118573;--on-accent: #ffffff;--good: #17702f;--warn: #8f5200;--bad: #b3261e;--purple: #6d3fc0;--pink: #b02e6b;--cyan: #00637a;--hl: rgba(0,107,94,.14);--cmp: rgba(154,88,0,.2);--done: rgba(23,112,47,.16);--swap: rgba(179,38,30,.15);color-scheme:light}}*{box-sizing:border-box}html{scroll-padding-top:72px}body{margin:0;color:var(--fg);font:16px/1.65 var(--sans);background-color:var(--md-surface);background-image:var(--grain),radial-gradient(1100px 600px at 80% -15%,rgba(111,219,201,.08),transparent 60%),linear-gradient(180deg,var(--s1),var(--md-surface) 420px);background-attachment:fixed}:root[data-theme=light] body{background-image:var(--grain),linear-gradient(180deg,var(--s2),var(--md-surface) 420px)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) body{background-image:var(--grain),linear-gradient(180deg,var(--s2),var(--md-surface) 420px)}}a{color:var(--accent)}code,pre,.mono{font-family:var(--mono)}code{background:var(--bg3);padding:1px 6px;border-radius:6px;font-size:.9em}main{max-width:1060px;margin:0 auto;padding:var(--sp-4) var(--sp-4) 80px}h1,h2,h3,h4{font-family:var(--font-display)}h1{font-size:1.9rem;font-weight:800;letter-spacing:-.01em;margin:.4em 0 .2em;line-height:1.25;text-shadow:0 1px 0 var(--hi)}h2{font-size:1.4rem;font-weight:750;margin:2.2em 0 .6em;padding-top:.5em;border-top:0;position:relative}h2:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:4px;background:var(--s0);box-shadow:var(--groove);opacity:.8}h3{font-size:1.12rem;font-weight:700;margin:1.5em 0 .5em}.lead{color:var(--fg2);font-size:1.08rem}.muted{color:var(--fg2)}.small{font-size:.88rem}.topnav{position:sticky;top:0;z-index:20;display:flex;gap:var(--sp-2);align-items:center;padding:10px var(--sp-4);flex-wrap:wrap;background:linear-gradient(180deg,color-mix(in oklab,var(--s3) 94%,transparent),color-mix(in oklab,var(--s2) 94%,transparent));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:0;box-shadow:inset 0 -1px 0 var(--lo),0 1px 0 var(--hi),0 6px 16px -8px var(--lo)}.topnav a,.topnav button{color:var(--fg);text-decoration:none;border:0;border-radius:var(--r-sm);padding:6px 12px;font-size:.88rem;font-weight:600;cursor:pointer;font-family:var(--sans);background:linear-gradient(180deg,var(--key-top),var(--key-bot));box-shadow:var(--keycap);transition:transform .12s var(--ease-emph),box-shadow .12s var(--ease-emph)}.topnav a:hover,.topnav button:hover{color:var(--accent)}.topnav a:active,.topnav button:active{transform:translateY(2px);box-shadow:var(--pressed)}.topnav .title{flex:1;font:700 .92rem var(--font-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:120px}.topnav a[aria-disabled=true]{opacity:.4;pointer-events:none}.toc{background:var(--grain),linear-gradient(180deg,var(--s3),var(--s2));border:0;border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-5);margin:var(--sp-4) 0;box-shadow:var(--raised)}.toc ol{margin:6px 0;padding-left:22px;columns:2 260px}.toc li{margin:2px 0}.card{position:relative;background:var(--grain),linear-gradient(180deg,var(--s3),var(--s2));border:0;border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);margin:var(--sp-4) 0;box-shadow:var(--raised)}.analogy{box-shadow:inset 5px 0 0 var(--purple),var(--raised)}.keypoint{box-shadow:inset 5px 0 0 var(--good),var(--raised)}.pitfall{box-shadow:inset 5px 0 0 var(--bad),var(--raised)}.deep{box-shadow:inset 5px 0 0 var(--cyan),var(--raised)}.analogy:before,.keypoint:before,.pitfall:before,.deep:before{display:block;font:800 .8rem var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--sp-1)}.analogy:before{content:"\1f9e0  Real-world picture";color:var(--purple)}.keypoint:before{content:"\2705  Remember";color:var(--good)}.pitfall:before{content:"\26a0\fe0f  Common mistake";color:var(--bad)}.deep:before{content:"\1f52c  Under the hood";color:var(--cyan)}table{border-collapse:separate;border-spacing:0;width:100%;margin:10px 0;font-size:.93rem;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}th,td{border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:7px 10px;text-align:left;vertical-align:top}th:last-child,td:last-child{border-right:0}tr:last-child td{border-bottom:0}th{background:linear-gradient(180deg,var(--key-top),var(--key-bot));font-family:var(--font-display);box-shadow:inset 0 1px 0 var(--hi-strong)}.tablewrap{overflow-x:auto;border-radius:var(--r-md)}pre.code{background:var(--bg);border:0;border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);overflow-x:auto;font-size:.88rem;line-height:1.55;margin:10px 0;box-shadow:var(--pressed)}.codepanel{background:var(--bg);border:0;border-radius:var(--r-md);font:.86rem/1.6 var(--mono);overflow-x:auto;padding:var(--sp-2) 0;margin:0;box-shadow:var(--pressed)}.codepanel .ln{display:block;padding:0 12px 0 0;white-space:pre;border-left:3px solid transparent}.codepanel .ln .no{display:inline-block;width:2.6em;text-align:right;color:var(--fg3);margin-right:12px;user-select:none}.codepanel .ln.on{background:var(--hl);border-left-color:var(--accent)}.kw{color:var(--pink)}.ty{color:var(--cyan)}.st{color:var(--good)}.cm{color:var(--fg3);font-style:italic}.nu{color:var(--warn)}.player{background:var(--grain),linear-gradient(180deg,var(--s3),var(--s2));border:0;border-radius:var(--r-lg);margin:var(--sp-4) 0;overflow:hidden;box-shadow:var(--raised)}.player .ptitle{padding:10px var(--sp-4);background:linear-gradient(180deg,var(--key-top),var(--key-bot));border-bottom:0;font:700 .95rem var(--font-display);display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;box-shadow:inset 0 1px 0 var(--hi-strong),inset 0 -1px 0 var(--lo),0 1px 0 var(--hi)}.player .ptitle .tag{font:600 .75rem var(--sans);color:var(--fg2);border:0;border-radius:20px;padding:1px 10px;background:var(--bg);box-shadow:var(--pressed)}.player .body{display:grid;grid-template-columns:1fr;gap:var(--sp-3);padding:var(--sp-4)}.player .body.withcode{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}@media (max-width: 800px){.player .body.withcode{grid-template-columns:1fr}}.stage{min-height:170px;position:relative;overflow-x:auto;background:linear-gradient(180deg,var(--stage-top),var(--stage-bot));border-radius:var(--r-md);padding:var(--sp-2);box-shadow:var(--pressed)}.caption{background:var(--bg);border:0;border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin:0 var(--sp-4) var(--sp-3);min-height:3.2em;box-shadow:var(--pressed)}.caption b{color:var(--accent)}.controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 var(--sp-4) var(--sp-4)}.controls button{background:linear-gradient(180deg,var(--key-top),var(--key-bot));color:var(--fg);border:0;border-radius:var(--r-sm);padding:6px 12px;font:600 .92rem var(--sans);cursor:pointer;min-width:40px;box-shadow:var(--keycap);transition:transform .12s var(--ease-emph),box-shadow .12s var(--ease-emph)}.controls button:hover{color:var(--accent)}.controls button:active{transform:translateY(2px);box-shadow:var(--pressed)}.controls button.primary{background:linear-gradient(180deg,var(--accent-hi),var(--accent));color:var(--on-accent);box-shadow:inset 0 1px #ffffff4d,inset 0 -3px #0003,0 3px color-mix(in oklab,var(--accent) 45%,#000),0 10px 18px -6px var(--glow-teal)}.controls button.primary:hover{color:var(--on-accent)}.controls button.primary:active{box-shadow:inset 0 2px 5px #00000059,0 1px color-mix(in oklab,var(--accent) 45%,#000)}.controls .count{color:var(--fg2);font-size:.85rem;margin-left:4px;font-family:var(--mono)}.controls label{color:var(--fg2);font-size:.85rem;display:flex;align-items:center;gap:4px}.controls input[type=range]{width:90px;accent-color:var(--accent)}.controls input[type=text]{background:var(--bg);color:var(--fg);border:0;border-radius:var(--r-sm);padding:6px 10px;font-family:var(--mono);width:200px;box-shadow:var(--pressed)}.legend{display:flex;flex-wrap:wrap;gap:10px;padding:0 var(--sp-4) var(--sp-3);font-size:.82rem;color:var(--fg2)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid var(--line)}.progressbar{height:6px;background:var(--s1);box-shadow:var(--groove);margin:0 var(--sp-4) var(--sp-3);border-radius:6px;overflow:hidden}.progressbar>div{height:100%;border-radius:6px;background:linear-gradient(180deg,var(--accent-hi),var(--accent));width:0;transition:width .2s;box-shadow:0 0 8px var(--glow-teal)}.arr{display:flex;gap:6px;flex-wrap:nowrap;padding:26px 4px 30px}.cell{position:relative;min-width:46px;height:46px;border:2px solid var(--line);border-radius:var(--r-sm);background:var(--s3);display:flex;align-items:center;justify-content:center;font:600 1rem var(--mono);transition:all .25s;box-shadow:inset 0 1px 0 var(--hi-strong),inset 0 -2px 0 var(--lo-soft)}.cell .idx{position:absolute;bottom:-22px;font-size:.72rem;color:var(--fg3);font-weight:400}.cell .ptr{position:absolute;top:-24px;font-size:.72rem;color:var(--accent);font-weight:700;white-space:nowrap}.cell.hl{background:var(--hl);border-color:var(--accent)}.cell.cmp{background:var(--cmp);border-color:var(--warn)}.cell.done{background:var(--done);border-color:var(--good)}.cell.swap{background:var(--swap);border-color:var(--bad)}.cell.empty{color:var(--fg3);border-style:dashed;box-shadow:none;background:transparent}.cell.dim{opacity:.4}.mem{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px 56px;position:relative}@media (max-width: 640px){.mem{grid-template-columns:1fr}}.mem h4{margin:0 0 6px;font-size:.8rem;color:var(--fg2);text-transform:uppercase;letter-spacing:.08em}.frame{border:2px solid var(--purple);border-radius:var(--r-sm);margin-bottom:8px;background:var(--s3);transition:all .25s;overflow:hidden}.frame .fname{background:var(--purple);color:var(--bg);font:700 .8rem var(--mono);padding:2px 8px}.frame.top{box-shadow:0 0 0 3px var(--hl)}.slot{display:flex;justify-content:space-between;gap:10px;padding:3px 8px;font:.85rem var(--mono);border-top:1px solid var(--line)}.slot .v{color:var(--warn)}.slot.hl{background:var(--hl)}.obj{border:2px solid var(--cyan);border-radius:var(--r-sm);margin-bottom:8px;background:var(--s3);display:inline-block;min-width:150px;margin-right:8px;vertical-align:top;transition:all .25s;overflow:hidden}.obj .oname{background:var(--cyan);color:var(--bg);font:700 .78rem var(--mono);padding:2px 8px}.obj.hl{box-shadow:0 0 0 3px var(--hl)}.obj.garbage{opacity:.35;border-style:dashed}.slot.cmp{background:var(--cmp)}.slot.done{background:var(--done)}.slot.swap{background:var(--swap)}.slot.dim{opacity:.45}.frame.cmp,.obj.cmp{box-shadow:0 0 0 3px var(--cmp)}.frame.done,.obj.done{box-shadow:0 0 0 3px var(--done)}.frame.swap,.obj.swap{box-shadow:0 0 0 3px var(--swap)}.frame.dim,.obj.dim{opacity:.45}.arrows{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:0}.mem>div{position:relative;z-index:1}.mem .frame,.mem .obj{position:relative;z-index:1}.bits{display:flex;gap:3px;flex-wrap:wrap;font:600 .9rem var(--mono)}.bit{width:26px;height:32px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--s3);transition:all .2s}.bit.one{background:var(--done);border-color:var(--good)}.bit.hl{outline:2px solid var(--accent)}.bitlabel{font-size:.68rem;color:var(--fg3);text-align:center;width:26px}.quiz .q{background:var(--grain),linear-gradient(180deg,var(--s3),var(--s2));border:0;border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);margin:var(--sp-3) 0;box-shadow:var(--raised)}.quiz .opts{display:grid;gap:var(--sp-2);margin-top:var(--sp-2)}.quiz button.opt{text-align:left;background:linear-gradient(180deg,var(--key-top),var(--key-bot));color:var(--fg);border:0;border-radius:var(--r-md);padding:10px var(--sp-4);cursor:pointer;font:inherit;box-shadow:var(--keycap);transition:transform .12s var(--ease-emph),box-shadow .12s var(--ease-emph)}.quiz button.opt:hover{color:var(--accent)}.quiz button.opt:active{transform:translateY(2px);box-shadow:var(--pressed)}.quiz button.opt.right{background:var(--done);box-shadow:var(--pressed),0 0 0 2px var(--good);color:var(--fg)}.quiz button.opt.wrong{background:var(--swap);box-shadow:var(--pressed),0 0 0 2px var(--bad);color:var(--fg)}.quiz .why{margin-top:var(--sp-2);color:var(--fg2);display:none}.quiz .why.show{display:block}.qfilters{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;align-items:center}.qfilters button{background:linear-gradient(180deg,var(--key-top),var(--key-bot));color:var(--fg);border:0;border-radius:999px;padding:5px 14px;cursor:pointer;font:600 .85rem var(--sans);box-shadow:var(--keycap);transition:transform .12s var(--ease-emph),box-shadow .12s var(--ease-emph)}.qfilters button:active{transform:translateY(2px);box-shadow:var(--pressed)}.qfilters button.on{background:linear-gradient(180deg,var(--accent-hi),var(--accent));color:var(--on-accent);box-shadow:var(--pressed),0 0 10px var(--glow-teal)}.qfilters input{background:var(--bg);color:var(--fg);border:0;border-radius:999px;padding:6px 14px;flex:1;min-width:160px;box-shadow:var(--pressed)}.qitem{background:var(--grain),linear-gradient(180deg,var(--s3),var(--s2));border:0;border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);margin:var(--sp-3) 0;box-shadow:var(--raised)}.qitem.solved{box-shadow:inset 5px 0 0 var(--good),var(--raised)}.qhead{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.qhead .qt{font-weight:650;flex:1;min-width:200px}.tier{font-size:.74rem;font-weight:700;border-radius:20px;padding:1px 10px;border:1px solid}.tier.Beginner{color:var(--cyan)}.tier.Easy{color:var(--good)}.tier.Medium{color:var(--warn)}.tier.Hard{color:var(--bad)}.tier.Expert{color:var(--purple)}.chip{font-size:.74rem;color:var(--fg2);border:0;border-radius:20px;padding:2px 10px;background:var(--bg);box-shadow:var(--pressed)}.qitem details{margin-top:var(--sp-2)}.qitem summary{cursor:pointer;color:var(--accent);font-size:.9rem;font-weight:600}.qitem .qactions{display:flex;gap:10px;margin-top:var(--sp-2);font-size:.85rem;color:var(--fg2);flex-wrap:wrap}.qitem .qactions label{display:inline-flex;gap:4px;align-items:center;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--sp-3)}.lesson-card{display:block;text-decoration:none;color:var(--fg);background:var(--grain),linear-gradient(180deg,var(--key-top),var(--key-bot));border:0;border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);box-shadow:var(--keycap);transition:transform .12s var(--ease-emph),box-shadow .12s var(--ease-emph)}.lesson-card:hover{color:var(--accent);transform:translateY(-2px)}.lesson-card:active{transform:translateY(2px);box-shadow:var(--pressed)}.lesson-card .num{font:700 .8rem var(--mono);color:var(--accent)}.lesson-card.soon{opacity:.45;pointer-events:none}.lesson-card.isdone{box-shadow:var(--keycap),inset 4px 0 0 var(--good)}.bar{height:12px;padding:3px;background:var(--s1);border-radius:12px;overflow:hidden;box-shadow:var(--groove)}.bar>div{height:100%;border-radius:8px;background:linear-gradient(180deg,color-mix(in oklab,var(--good) 70%,#fff),var(--good));box-shadow:0 0 8px var(--glow-teal)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media (max-width: 640px){h1{font-size:1.5rem}.topnav{position:static}.cell{min-width:26px;max-width:40px;flex:1 1 0;height:38px;font-size:.85em}.arr{gap:3px;padding-left:2px;padding-right:2px}.card,.qitem,.quiz .q{padding:var(--sp-3) var(--sp-4)}.stage{padding:var(--sp-1)}}.qcon{margin:8px 0;padding:8px 12px;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:.9rem;box-shadow:var(--pressed)}.topnav .brandlink img{vertical-align:-5px;margin-right:6px;border-radius:6px}.topnav a,.topnav button{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;min-height:36px}.topnav .title .st{color:var(--accent)}@media (max-width: 960px){.topnav{flex-wrap:nowrap;gap:6px;padding:8px 12px}.topnav .lbl{display:none}.topnav .brandlink img{margin-right:0}.topnav a,.topnav button{min-width:40px;padding:6px 10px}.topnav .title{min-width:0;padding:0 4px}.topnav .nv-prev{order:1}.topnav .title{order:2}.topnav .nv-next{order:3}.topnav .nv-search{order:4}.topnav .nv-done{order:5}.topnav .nv-theme{order:6}.topnav .brandlink{order:0}}@media (max-width: 600px){.topnav{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand title search theme" "prev done done next";gap:8px;padding:10px 12px}.topnav .brandlink{grid-area:brand}.topnav .title{grid-area:title}.topnav .nv-search{grid-area:search}.topnav .nv-theme{grid-area:theme}.topnav .nv-prev{grid-area:prev}.topnav .nv-done{grid-area:done}.topnav .nv-next{grid-area:next}.topnav .title{display:flex;flex-direction:column;line-height:1.2;white-space:normal}.topnav .title .sep{display:none}.topnav .title .st{font:800 .66rem var(--sans);letter-spacing:.1em;text-transform:uppercase}.topnav .title .tt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.topnav .nv-prev .lbl,.topnav .nv-next .lbl,.topnav .nv-done .lbl{display:inline}.topnav .nv-prev,.topnav .nv-next{min-width:84px}}.topnav .lbl-s{display:none}@media (max-width: 960px){.topnav .nv-done .lbl-s{display:inline;font-size:.8rem}}@media (max-width: 600px){.topnav .nv-done .lbl-s{display:none}.topnav .brandlink{justify-self:start}.topnav .nv-theme{justify-self:end}.topnav .title .tt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}}@media (max-width: 600px){.topnav{display:flex;flex-wrap:wrap;align-items:center}.topnav .brandlink{order:0;width:44px;padding:6px}.topnav .title{order:1;flex:1 0 calc(100% - 156px)}.topnav .nv-search{order:2;width:44px}.topnav .nv-theme{order:3;width:44px}.topnav .nv-prev{order:4}.topnav .nv-done{order:5;flex:1}.topnav .nv-next{order:6}}.bottomnav{display:none}@media (max-width: 960px){.topnav{position:sticky;top:0;min-height:56px;padding:6px 8px;gap:2px}.topnav a,.topnav button{background:none;box-shadow:none;min-width:44px;min-height:44px;padding:0 10px;border-radius:999px;font-size:1.05rem}.topnav a:active,.topnav button:active{transform:none;box-shadow:none;background:color-mix(in oklab,var(--fg) 12%,transparent)}.topnav a:hover,.topnav button:hover{background:color-mix(in oklab,var(--fg) 7%,transparent)}.topnav .nv-done .lbl-s{font-size:.8rem}}@media (max-width: 600px){.topnav{display:flex;flex-wrap:nowrap}.topnav .nv-prev,.topnav .nv-next,.topnav .nv-done{display:none}.topnav .brandlink{order:0;width:44px;padding:0}.topnav .title{order:1;flex:1 1 auto;padding:0 6px}.topnav .nv-search{order:2;width:44px;padding:0}.topnav .nv-theme{order:3;width:44px;padding:0}.topnav .title .tt{-webkit-line-clamp:1}.bottomnav{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--s2),var(--s3));box-shadow:inset 0 1px 0 var(--hi),0 -6px 16px -8px var(--lo)}.bottomnav a,.bottomnav button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border:0;border-radius:var(--r-sm);color:var(--fg);text-decoration:none;font:600 .9rem var(--sans);cursor:pointer;background:linear-gradient(180deg,var(--key-top),var(--key-bot));box-shadow:var(--keycap)}.bottomnav a:active,.bottomnav button:active{transform:translateY(2px);box-shadow:var(--pressed)}.bottomnav a[aria-disabled=true]{opacity:.4;pointer-events:none}.bottomnav .nv-done .lbl-s{display:none}.bottomnav .nv-done[aria-pressed=true]{color:var(--accent)}body.has-bottomnav{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}@media (max-width: 720px){table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}pre{max-width:100%;overflow-x:auto}@media (max-width: 960px){main{overflow-wrap:break-word}main a{max-width:100%}}@media (max-width: 600px){.bottomnav a,.bottomnav button{white-space:nowrap}.bottomnav .nv-done{padding:0 10px}}@media (max-width: 380px){.bottomnav .nv-done .lbl{display:none}.bottomnav .nv-done .lbl-s{display:inline}}@media (max-width: 720px){.opt{white-space:normal;max-width:100%}.opt code{overflow-wrap:anywhere}}.topnav .brandlink .back{display:none}@media (max-width: 960px){.topnav .brandlink{gap:2px;padding:0 8px 0 4px}.topnav .brandlink .back{display:inline;font-size:1.7rem;line-height:1;margin-top:-3px;color:var(--accent)}}@media (max-width: 600px){.topnav .brandlink{width:auto;padding:0 8px 0 4px}}.copyfoot{margin:48px 0 8px;padding-top:16px;border-top:1px solid var(--line);font-size:.78rem;line-height:1.5;color:var(--muted, var(--fg));opacity:.75;text-align:center}