:root{--max: 1280px;--reader: 680px;--pad: 1.25rem;--serif: "Fraunces", "Playfair Display", Georgia, serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--fs-display: clamp(2.5rem, 6vw, 6rem);--fs-h1: clamp(2rem, 4vw, 2.5rem);--fs-h2: 1.75rem;--fs-h3: 1.25rem;--fs-body: 1.125rem;--fs-small: .875rem;--lh: 1.55;--lh-tight: 1.15}:root,:root[data-mode=simple]{--ink: #27272a;--paper: #f5f5f4;--paper-2: #e7e5e4;--line: #d6d3d1;--muted: #78716c;--beet: #166534;--beet-dark: #14532d;--accent: #ecfdf5;--code-bg: #1c1917;--code-header: #292524;--code-text: #f5f5f4}:root[data-mode=technical]{--ink: #f1f5f9;--paper: #0f172a;--paper-2: #1e293b;--line: #334155;--muted: #94a3b8;--beet: #38bdf8;--beet-dark: #0ea5e9;--accent: #0c4a6e;--code-bg: #020617;--code-header: #1e293b;--code-text: #e2e8f0}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--sans);font-size:var(--fs-body);line-height:var(--lh);color:var(--ink);background:var(--paper);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--serif);line-height:var(--lh-tight);margin:0 0 .5em;font-weight:700}a{color:var(--beet);text-decoration:none}a:hover{color:var(--beet-dark);text-decoration:underline;text-underline-offset:3px}img{max-width:100%;height:auto;display:block}code,pre,.mono{font-family:var(--mono)}.container{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}.reader{max-width:var(--reader);margin:0 auto;padding:0 var(--pad)}.muted{color:var(--muted)}.small{font-size:var(--fs-small)}.upper{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.site-header{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:50;backdrop-filter:saturate(1.2)}.site-header .row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem var(--pad);max-width:var(--max);margin:0 auto}.brand{font-family:var(--serif);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.brand span{color:var(--beet)}.nav{display:flex;gap:1.25rem;align-items:center}.nav a{color:var(--ink);font-size:.9rem;font-weight:500}.nav a.active{color:var(--beet)}.nav-search-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--ink);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .15s}.nav-search-btn:hover{color:var(--beet)}.search-drawer-overlay{position:fixed;inset:0;background:#0006;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;animation:fade-in .15s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.search-drawer{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:1.5rem;width:90%;max-width:560px;position:relative;box-shadow:0 20px 60px #00000026}.search-drawer form{display:flex;gap:.75rem}.search-drawer-input{flex:1;padding:.85rem 1rem;font-size:1.1rem;border:1px solid var(--line);border-radius:6px;background:var(--paper-2);color:var(--ink)}.search-drawer-input:focus{border-color:var(--beet);outline:none}.search-drawer-close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:0;font-size:1.2rem;color:var(--muted);cursor:pointer;padding:.25rem .5rem}.search-drawer-close:hover{color:var(--ink)}.about-page{fontOpticalSizing:auto}.about-title{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05;textWrap:balance;margin-bottom:1rem}.about-page .about-lede{font-family:var(--serif);font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.4;color:var(--muted);margin-bottom:3rem}.about-h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:3rem}.about-page section{margin-bottom:1.5rem}.about-page p{font-size:1.125rem;line-height:1.6}.about-list{font-size:1.125rem;line-height:1.6;padding-left:1.5rem}.about-list li{margin-bottom:.75rem}.about-page section:first-of-type p:first-of-type:first-letter{font-family:var(--serif);font-size:3.5rem;font-weight:800;float:left;line-height:.9;margin:.1rem .5rem 0 0;color:var(--beet)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:.5rem 1rem;z-index:100}.skip-link:focus{left:0}.hero{padding:3rem 0 2rem;border-bottom:1px solid var(--line)}.hero .display{font-size:var(--fs-display);line-height:.95;letter-spacing:-.03em;margin:0 0 1rem}.hero .lede{font-size:1.25rem;color:var(--muted);max-width:42ch}.grid{display:grid;gap:2rem}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:880px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid-3,.grid-4{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;gap:.6rem}.card .thumb{aspect-ratio:16/9;background:var(--paper-2);overflow:hidden}.card .thumb img{width:100%;height:100%;object-fit:cover}.card h3{font-size:1.3rem;margin:0}.card .meta{font-size:var(--fs-small);color:var(--muted);display:flex;gap:.75rem;flex-wrap:wrap}.card .cat{color:var(--beet);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em}.article{padding:2.5rem 0 4rem}.article h1{font-size:var(--fs-h1);margin-bottom:.5rem}.article .byline{color:var(--muted);font-size:var(--fs-small);margin-bottom:2rem;display:flex;gap:1rem;flex-wrap:wrap}.article .answer{font-family:var(--serif);font-size:1.35rem;line-height:1.4;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:2rem 0}.article h2{font-size:var(--fs-h2);margin-top:2.5rem}.article h3{font-size:var(--fs-h3);margin-top:1.5rem;font-family:var(--sans);font-weight:700}.article p,.article ul{margin:0 0 1rem}.article ul{padding-left:1.25rem}.article blockquote{margin:1rem 0;padding-left:1rem;border-left:3px solid var(--beet);color:var(--muted);font-style:italic}.article pre{background:var(--code-bg);color:var(--code-text);padding:1rem;overflow-x:auto;border-radius:4px;font-size:.9rem}.article table{width:100%;border-collapse:collapse;font-size:.95rem;margin:1rem 0}.article th,.article td{text-align:left;padding:.5rem;border-bottom:1px solid var(--line)}.article th{font-family:var(--sans);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.06em;color:var(--muted)}.toc{position:sticky;top:5rem;align-self:start;font-size:var(--fs-small);max-height:calc(100vh - 6rem);overflow:auto}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin:.35rem 0}.toc a{color:var(--muted)}.toc a:hover{color:var(--beet)}.layout-toc{display:grid;grid-template-columns:220px 1fr;gap:3rem;max-width:calc(var(--reader) + 240px);margin:0 auto}@media(max-width:880px){.layout-toc{grid-template-columns:1fr}.toc{display:none}}.toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--paper)}.toggle button{border:0;background:transparent;padding:.4rem .9rem;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--muted);font-family:var(--sans)}.toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.toggle.toggle-disabled{opacity:.5}.toggle.toggle-disabled button{cursor:not-allowed}.banner{position:fixed;bottom:0;left:0;right:0;background:var(--ink);color:var(--paper);padding:1rem var(--pad);z-index:100;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:space-between}.banner .actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn{font-family:var(--sans);font-weight:600;font-size:.9rem;padding:.5rem 1rem;border-radius:4px;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--beet);color:#fff}.btn-primary:hover{background:var(--beet-dark)}.btn-ghost{background:transparent;color:var(--paper);border-color:#ffffff4d}.site-footer{border-top:1px solid var(--line);padding:2rem 0;color:var(--muted);font-size:var(--fs-small);margin-top:3rem}.site-footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}@media(max-width:720px){.site-footer .cols{grid-template-columns:1fr 1fr}}.player{aspect-ratio:16/9;background:var(--ink);margin:0 0 2rem}.player iframe{width:100%;height:100%;border:0}.row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.center{text-align:center}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}.below-fold{padding:3rem 0;border-top:1px solid var(--line)}.simple-mode .technical-only{display:block}:root[data-mode=simple] .tech-block{display:none}:root[data-mode=technical] .simple-block{display:none}.badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:3px}.badge-beginner{background:#dcfce7;color:#166534}.badge-intermediate{background:#fef9c3;color:#854d0e}.badge-advanced{background:#fee2e2;color:#991b1b}:focus-visible{outline:2px solid var(--beet);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.insight-panel{background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:1.5rem;margin:2.5rem 0}.insight-nav{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.insight-nav-btn{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:all .15s}.insight-nav-btn:hover:not(:disabled){background:var(--beet);color:#fff;border-color:var(--beet)}.insight-nav-btn:disabled{opacity:.25;cursor:not-allowed}.insight-nav-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--line)}.insight-nav-bottom .insight-nav-btn{width:auto;height:auto;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;border:1px solid var(--line)}@keyframes nav-pulse{0%,to{transform:scale(1);box-shadow:0 0 #9b1b3000}30%{transform:scale(1.08);box-shadow:0 0 0 6px #9b1b3026}60%{transform:scale(1);box-shadow:0 0 #9b1b3000}}.insight-nav-btn.nav-pulse:not(:disabled){animation:nav-pulse .8s ease-out;animation-delay:.5s}.insight-nav-btn.nav-pulse:nth-child(3):not(:disabled){animation-delay:1.1s}.insight-nav-center{flex:1;text-align:center}.insight-nav-counter{margin-bottom:.25rem}.insight-chapter-title{font-size:1.15rem;margin:0;font-family:var(--sans);font-weight:700}.insight-chapter-ts{font-family:var(--mono);font-size:.75rem;color:var(--muted)}.insight-summary{padding:1rem 0 1.5rem}.insight-summary .chapter-summary{margin:0;padding-left:1.25rem;border-left:3px solid var(--beet);color:var(--ink);font-style:italic;font-size:1rem;line-height:1.55}.insight-tabs{display:flex;gap:0;border-bottom:2px solid var(--line);margin-bottom:0;overflow-x:auto}.insight-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem .5rem;border:0;border-bottom:3px solid transparent;background:transparent;cursor:pointer;font-family:var(--sans);font-size:.85rem;font-weight:600;color:var(--muted);transition:color .2s;white-space:nowrap;min-width:fit-content}.insight-tab.active,.insight-tab:hover{color:var(--ink)}.insight-tab-icon{font-size:1rem;flex:none}.insight-tab-count{font-weight:800}.insight-body{border-top:3px solid var(--beet);padding:1rem 0 .5rem;margin-top:0}.insight-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 2rem}@media(max-width:600px){.insight-list{grid-template-columns:1fr}}.insight-item{display:flex;gap:.65rem;padding:.5rem 0;font-size:.9rem;line-height:1.45;align-items:flex-start}.insight-bullet{width:8px;height:8px;border-radius:50%;flex:none;margin-top:6px}.code-tabs{margin:1.5rem 0}.code-tabs-bar{display:flex;gap:0;border:1px solid var(--line);border-bottom:none;border-radius:6px 6px 0 0;overflow:hidden;overflow-x:auto}.code-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border:0;border-right:1px solid var(--line);background:var(--paper-2);cursor:pointer;font-family:var(--sans);font-size:.78rem;color:var(--muted);white-space:nowrap;transition:all .15s}.code-tab:last-child{border-right:none}.code-tab:hover{background:#fff;color:var(--ink)}.code-tab.active{background:var(--code-header);color:var(--code-text)}.code-tab.active .code-tab-lang{color:var(--code-text)}.code-tab-lang{font-family:var(--mono);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#00000014;padding:1px 5px;border-radius:3px}.code-tab.active .code-tab-lang{background:#ffffff26}.code-tab-label{font-weight:500;min-width:3rem}.code-block{margin:1.5rem 0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.4rem .75rem;background:var(--code-header)}.code-block-lang{font-family:var(--mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--code-text)}.code-block-ts{color:var(--muted)}.code-block-actions{display:flex;align-items:center;gap:.75rem}.code-copy-btn{font-family:var(--sans);font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:3px;border:1px solid rgba(128,128,128,.3);background:transparent;color:var(--code-text);cursor:pointer;transition:all .15s}.code-copy-btn:hover{background:#80808026}.code-block-desc{padding:.5rem .75rem;background:var(--paper-2);margin:0}.code-block pre{margin:0;border-radius:0;font-size:.85rem;line-height:1.5;padding:1rem;overflow-x:auto}.code-block pre code{font-family:var(--mono)}.diagram-block .diagram-container{padding:1.5rem;background:var(--paper);text-align:center;overflow-x:auto}.diagram-block .diagram-container svg{max-width:100%;height:auto}.diagram-block .fallback-ascii{margin:0;padding:1rem;font-size:.75rem;line-height:1.3;background:var(--code-bg);color:var(--code-text);white-space:pre;overflow-x:auto;text-align:left}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--muted);font-style:italic}.token.punctuation{color:var(--muted)}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol{color:var(--beet)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#65a30d}.token.operator,.token.entity,.token.url,.token.variable{color:var(--beet)}.token.atrule,.token.attr-value,.token.keyword,.token.function{color:var(--beet-dark);font-weight:600}.token.regex,.token.important{color:#ca8a04}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.tech-table td a{font-weight:600}.tech-table td a:hover{text-decoration:none}.tag-link{background:var(--paper-2);color:var(--muted);text-decoration:none;transition:all .15s}.tag-link:hover{background:var(--beet);color:#fff;text-decoration:none}.related-content{margin-top:3rem}.related-group{margin-bottom:2rem}.related-group-label{margin-bottom:.75rem}.related-card h3{font-size:1rem;margin:0}.related-card .meta{font-size:.75rem}