:root{--fg:#1a1a1a;--muted:#6b6b6b;--line:#e4e4e4;--bg:oklch(95.4% .007 135);--accent:#0b57d0;--noise:6%;--noise-interval:.3s;--bg-shade:10%}@media (prefers-color-scheme:dark){:root{--fg:#e8e8e6;--muted:#9a9a96;--line:#2e2e2c;--bg:oklch(17.9% .007 135);--accent:#8ab4f8}}*{box-sizing:border-box}body,body:before,body:after{--bg-end:color-mix(in srgb, var(--bg), black var(--bg-shade));background:linear-gradient(color-mix(in srgb, var(--bg) calc(100% - var(--noise)), transparent), color-mix(in srgb, var(--bg-end) calc(100% - var(--noise)), transparent)) fixed, url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%3e%3c!--%20Fine%20grey%20static.%20Opaque%20on%20purpose:%20app.css%20sets%20its%20strength%20(the%20noise%20variable).%20--%3e%3cfilter%20id='n'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%20color-interpolation-filters='sRGB'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.6'%20numOctaves='3'%20stitchTiles='stitch'%20/%3e%3cfeColorMatrix%20values='1.6%200%200%200%20-.3%201.6%200%200%200%20-.3%201.6%200%200%200%20-.3%200%200%200%200%201'%20/%3e%3c/filter%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'%20/%3e%3c/svg%3e") fixed, linear-gradient(var(--bg), var(--bg-end)) fixed var(--bg);animation:grain calc(var(--noise-interval) * 5) step-end infinite}@keyframes grain{0%{background-position:0 0,0 0,0 0}20%{background-position:0 0,37px 83px,0 0}40%{background-position:0 0,-61px 140px,0 0}60%{background-position:0 0,113px -29px,0 0}80%{background-position:0 0,-149px -97px,0 0}}@media (prefers-reduced-motion:reduce){body,body:before,body:after{animation:none}}body{color:var(--fg);margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}main{max-width:42rem;margin:0 auto;padding:3rem 1rem 5rem}a{color:var(--accent)}img,video{border-radius:4px;max-width:100%;height:auto}article h1{margin:.5rem 0;font-size:1.8rem;line-height:1.25}article .meta{color:var(--muted);margin-bottom:2rem;font-size:.9rem}article .cover{width:100%;margin:0 0 2rem;display:block}article h2{margin:2.5rem 0 .75rem;font-size:1.35rem}article h3{margin:2rem 0 .5rem;font-size:1.1rem}article h4,article h5{margin:1.5rem 0 .5rem;font-size:1rem}article figure{margin:2rem 0}article figure img,article figure video{margin:0 auto;display:block}article figcaption{color:var(--muted);text-align:center;margin-top:.5rem;font-size:.85rem}article blockquote{border-left:3px solid var(--line);color:var(--muted);margin:1.5rem 0;padding:.25rem 0 .25rem 1rem}article table{border-collapse:collapse;width:100%;font-size:.9rem}article th,article td{border-bottom:1px solid var(--line);text-align:left;padding:.4rem .5rem}.footnotes{color:var(--muted);border-top:1px solid var(--line);margin-top:3rem;font-size:.85rem}.resources{border-top:1px solid var(--line);margin-top:3rem;padding-top:1rem}html{container-type:scroll-state}body:before,body:after{content:"";pointer-events:none;z-index:1;opacity:0;height:50px;transition:opacity .3s;position:fixed;left:0;right:0}body:before{top:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}body:after{bottom:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}@container scroll-state(scrollable:top){body:before{opacity:1}}@container scroll-state(scrollable:bottom){body:after{opacity:1}}main{animation:.5s ease-out intro}@keyframes intro{0%{opacity:0}}@media (prefers-reduced-motion:reduce){main{animation:none}}