:root{--line-height:24px;--line-height-half:calc(var( --line-height )/2);--line-height-quarter:calc(var( --line-height )/4);--line-height-eighth:calc(var( --line-height )/8);--column-width:calc(var( --line-height )*2);--columns-max:24;backface-visibility:hidden;interpolate-size:allow-keywords}:root,body,html{font-size:var( --line-height );line-height:var( --line-height )}:root{--font-family-sans-serif:"Inter",system-ui,-apple-system,"Helvetica Neue","Helvetica","Roboto","Arial",sans-serif,"Apple Color Emoji","Segoe UI Emoji",sans-serif;--font-family-serif:"Roboto Serif","Crimson Pro","Georgia",serif;--font-family-monospace:"Fira Code","JetBrains Mono","Courier New",monospace;--padding-top:0px;--padding-bottom:0px;--font-size:.66667rem;--font-weight:400}body{font-family:var(--font-family-sans-serif);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);--xxs-line-height:.75rem;--xxs-font-size:.5rem;--xs-line-height:1rem;--xs-font-size:.58333rem;--s-line-height:1rem;--s-font-size:.66667rem;--m-line-height:1.25rem;--m-font-size:.75rem;--l-line-height:1.25rem;--l-font-size:.91667rem;--l-font-size:.83333rem;--xl-line-height:2rem;--xl-font-size:1.66667rem;--xl-font-size:1.4rem;--xxl-line-height:3rem;--xxl-font-size:2.75rem;--xxxl-line-height:3.5rem;--xxxl-font-size:3.33333rem;font-variant-numeric:oldstyle-nums;letter-spacing:-.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"calt","liga","hist","onum","pnum";hanging-punctuation:first allow-end;overflow-wrap:break-word;text-rendering:optimizeLegibility}@media screen and (max-width:768px){body{-webkit-text-size-adjust:100%;--xl-line-height:1.5rem;--xl-font-size:1.33rem;--l-line-height:1.25rem;--l-font-size:1rem;--xxl-line-height:2rem;--xxl-font-size:1.666rem;--xxxl-line-height:2.25rem;--xxxl-font-size:2.1rem}}.serif{font-family:var(--font-family-serif)}.sans-serif,button{font-family:var(--font-family-sans-serif)}.code,.mono,.monospace,.timecode,code,pre{font-family:var(--font-family-monospace);hyphens:none}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;scroll-margin-top:5rem}.hero-text{font-size:var(--xxl-font-size);font-weight:500;letter-spacing:-.04em;line-height:var(--xxl-line-height);@media(min-width:432px){font-size:var(--xxxl-font-size);line-height:var(--xxxl-line-height)}}.hed,h1{font-size:var(--xl-font-size);line-height:var(--xl-line-height)}.dek,.hed,h1,h2{font-weight:600;letter-spacing:-.02em}.dek,h2{font-size:var(--l-font-size);line-height:var(--l-line-height)}h3{font-size:var(--m-font-size);line-height:var(--m-line-height)}h4,h5,h6{font-size:var(--s-font-size);line-height:var(--s-line-height)}.grafs,.lede{font-size:var(--s-font-size);letter-spacing:-.015em;line-height:var(--s-line-height);h2,h3{font-weight:600}h4,h5,h6{font-weight:700}}.caption,.meta,figcaption{font-size:var(--xs-font-size);line-height:var(--xs-line-height)}.numeric{font-feature-settings:"tnum";letter-spacing:.02em}.pad-ragged-abs{padding:0 .125rem 0 .25rem}blockquote{background-color:var(--color-code-background);border-left:2px solid var(--color-link-text);font-family:var(--font-family-serif);margin:.5rem 0;padding:1rem;p:first-child{text-indent:0!important}}.pad-ragged-abs>blockquote{margin-left:-.5rem;margin-right:-.5rem}.grafs li{margin-bottom:.5rem}code,pre{background-color:var(--color-code-background);color:var(--color-text)}code{margin:-.25em -.125em;padding:.25em .125em;transition:background-color .2s}pre{border-radius:.25rem;overflow:auto;padding:1rem;code{margin:0;padding:0}}.pad-ragged-abs>pre{margin-left:-.5rem;margin-right:-.5rem}a:hover code{background-color:transparent;transition:none}a{margin:-.25em;padding:.25em;text-decoration:none;transition:background-color .2s,color .2s}a:hover{color:inherit;transition:none}math{mtd{text-align:center}mi{font-weight:500;letter-spacing:-.025em}mtext *{display:inline!important}code{background-color:transparent!important}}figure>math{margin:.5rem 0}@media(hover:hover){mtd{background-color:hsl(0 0 0/0);transition:background-color 1s;&:hover{background-color:var(--color-link-background-hover);transition:background-color .1s}}}table{border-collapse:collapse;border-spacing:0;margin:1rem 0;td,th{padding:.5rem;text-align:left}th{background-color:var(--color-code-background)}}.pad-ragged-abs>table{margin-left:-.5rem;margin-right:-.5rem}.tabular{font-variant-numeric:tabular-nums}:root{color-scheme:dark light}.theme-dark,html{color-scheme:dark;--color-root-background:hsl(0 0 0);--color-page-background:hsl(0 0 0);--color-content-background:hsl(0 0 10);--color-footer-background:hsl(0 0 10);--color-figure-background:hsl(0 0 50);--color-figure-frame:hsl(0 0 17);--color-code-background:hsl(210 60 15);--color-text:hsl(0 0 85);--color-text-emphasis:hsl(0 0 90);--color-text-separator:hsl(0 0 50);--color-fill:hsl(0 0 85);--color-fill-emphasis:hsl(0 0 90);--color-rule:hsl(0 0 25);--color-link-background:transparent;--color-link-background-hover:hsl(0 0 100);--color-link-text:hsl(0 0 100);--color-link-text-hover:hsl(0 0 0);--color-link-text-selected:hsl(0 0 100);--color-link-text-active:var(--color-link-text-selected);--color-link-decoration:hsl(0 0 25);--color-link-decoration-hover:var(--color-link-decoration);--color-link-fill:hsl(0 0 80);--color-link-fill-hover:hsl(0 0 90);--color-link-fill-selected:hsl(0 0 85);--color-link-fill-active:var(--color-fill-selected);--color-tag-background:hsl(0 0 100/.1);--color-tag-background-hover:hsl(0 0 100/.18);--color-tag-text:hsl(0 0 82);--color-tag-text-hover:hsl(0 0 96);--color-surface:hsl(0 0 100/.03);--color-surface-hover:hsl(0 0 100/.06);.midground{--color-text:hsla(0,0%,100%,.35);--color-text-emphasis:hsla(0,0%,100%,.4);--color-text-separator:hsla(0,0%,100%,.2);--color-link-text:var(--color-text-hover);--color-link-text-hover:hsla(0,0%,100%,.7);--color-link-text-selected:#fff;--color-link-text-active:var(--color-text-selected);--color-link-fill:hsla(0,0%,100%,.3);--color-link-fill-hover:hsla(0,0%,100%,.7)}}.theme-light{color-scheme:light;--color-root-background:hsl(0 0 100);--color-page-background:hsl(0 0 98);--color-content-background:hsl(0 0 100);--color-footer-background:hsl(0 0 12);--color-figure-background:hsl(0 0 50);--color-figure-frame:hsl(0 0 90);--color-code-background:hsl(210 20 96);--color-text:hsl(0 0 7);--color-text-emphasis:hsl(0 0 0);--color-text-separator:hsl(0 0 50);--color-fill:hsl(0 0 10);--color-fill-emphasis:hsl(0 0 0);--color-rule:hsl(0 0 90);--color-link-background:transparent;--color-link-background-hover:hsl(210 80 40);--color-link-text:hsl(210 60 40);--color-link-text-hover:hsl(210 0 100);--color-link-text-selected:hsl(210 60 40);--color-link-text-active:hsl(210 0 0);--color-link-decoration:hsl(210 85 40);--color-link-decoration-hover:var(--color-link-decoration);--color-link-fill:hsl(210 70 10);--color-link-fill-hover:hsl(210 70 10);--color-link-fill-selected:hsl(210 70 10);--color-link-fill-active:hsl(210 70 10);--color-tag-background:hsl(0 0 100);--color-tag-background-hover:hsl(0 0 97);--color-tag-text:#707070;--color-tag-text-hover:#454545;--color-surface:hsl(0 0 0/.03);--color-surface-hover:hsl(0 0 0/.06);.midground{--color-text:hsl(210 10 50);--color-text-emphasis:rgba(0,0,0,.37);--color-text-separator:rgba(0,0,0,.2);--color-link-text:var(--color-text);--color-link-text-hover:rgba(0,0,0,.7);--color-link-text-selected:#000;--color-link-text-active:var(--color-text-selected);--color-link-fill:rgba(0,0,0,.3);--color-link-fill-hover:rgba(0,0,0,.7)}}body{background-color:var(--color-footer-background);color:var(--color-text);transition-duration:1s;transition-property:background-color,color}.nav-global3-buffer,main{background-color:var(--color-page-background)}svg{fill:var(--color-fill)}.hed,h1,h2,h3,h4,h5,h6{color:var(--color-text-emphasis)}.midground{color:var(--color-text)}*{-webkit-tap-highlight-color:transparent}.hyperlink-internal,a{background-color:var(--color-link-background);color:var(--color-link-text);cursor:pointer;text-decoration-color:var(--color-link-decoration);svg{fill:var(--color-link-fill)}&.active,&:active{color:var(--color-link-text-active);svg{fill:var(--color-link-fill-active)}}&.selected{color:var(--color-link-text-selected);svg{fill:var(--color-link-fill-selected)}}&.active,&.router-link-active,&.router-link-exact-active{color:var(--color-link-text-active)}@media(hover:hover){&:hover{background-color:var(--color-link-background-hover);color:var(--color-link-text-hover);svg{fill:var(--color-link-fill-hover)}}}}@media(hover:hover){a:has(button):hover{background-color:transparent;color:inherit}}.page{background-color:var(--color-accent);color:var(--color-bg-primary);min-height:100vh;padding-top:120px;.container{margin:0 auto;max-width:1400px;padding:0 60px;@media(max-width:768px){padding:0 24px}}.hero-section{border-bottom:1px solid rgba(0,0,0,.1);padding:60px 0 100px;.hero-text{margin-bottom:1rem}.hero-description{color:var(--color-text-secondary);font-size:24px;line-height:1.4;max-width:700px}}.category-section{padding:80px 0}}.category-section{border-bottom:1px solid rgba(0,0,0,.1);padding:80px 0}.category-section:last-child{border-bottom:none}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:48px}.section-header h2{font-size:40px;font-weight:500;letter-spacing:-.02em;margin-bottom:16px}.section-subtitle{color:var(--color-text-secondary);font-size:18px;max-width:600px}.contributors-index,.contributors-slug{padding-bottom:6rem;padding-left:6rem}@media(prefers-color-scheme:dark){.category-section,.hero-section{border-bottom-color:#ffffff1a}}:root{--color-text-primary:#fdfdfd;--color-text-secondary:#949494;--color-bg-primary:#111;--color-bg-secondary:#1a1a1a;--color-accent:#fdfdfd;--font-sans:"Inter",sans-serif}*,:after,:before{box-sizing:border-box}body,html{width:100%}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);margin:0;padding:0;-webkit-font-smoothing:antialiased}.container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 60px;width:100%}.flex{display:flex}.grid{display:grid}.text-secondary{color:var(--color-text-secondary)}@media(max-width:1400px){.container{max-width:100%;padding:0 10px}}.page-wrapper{background-color:var(--color-background);color:var(--color-text-emphasis);min-height:100vh}.dark-container{background:var(--color-bg-primary);position:relative;width:100%;z-index:0}.dark-container:before{background-image:url(../media/footer-bg.webp);background-position:bottom;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";height:100%;left:0;pointer-events:none;position:absolute;width:100%;z-index:-1}.ui-callout{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#ffffffe6;display:inline-block;font-size:13px;font-weight:500;margin-bottom:24px;padding:6px 12px}nav.global{display:flex;left:0;position:fixed;right:0;top:0;z-index:900;.nav-inner{align-items:center;backdrop-filter:blur(.5rem);background-color:hsl(0 0 0/.8);border-radius:0;box-shadow:0 3px 6px hsl(0 0 0/.25);display:flex;gap:.5rem;justify-content:space-between;padding:.5rem;width:100%}.tabs{align-items:center;display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;&::-webkit-scrollbar{display:none}.tab{align-items:center;border-radius:.25rem;color:hsl(0 0 75);cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:500;gap:1px;height:1.5rem;justify-content:center;letter-spacing:0;line-height:var(--xxs-line-height);margin:0;padding:0 .5rem;text-decoration:none;transition:background .7s,color .7s;white-space:nowrap;&[data-name=home]{padding-left:.5rem}svg{display:inline-block;fill:hsl(0 0 75);height:.875rem;transition:fill .7s;width:.875rem}&:hover{background:hsl(0 0 100/.1);color:hsl(0 0 100);transition:none;svg{fill:hsl(0 0 100);transition:none}}&.active,&.router-link-active{background:transparent;background:hsl(0 0 100/.25);color:hsl(0 0 100);font-weight:600;svg{fill:hsl(0 0 100)}}}}}@media(min-width:600px){nav.global{left:50%;right:auto;top:.5rem;transform:translate(-50%);width:auto;z-index:900;.nav-inner{border-radius:.5rem;gap:.25rem;justify-content:center;width:auto}.tabs{flex:none;overflow-x:visible;.tab{border-radius:.25rem;font-size:var(--xs-font-size);line-height:var(--xs-line-height);padding:0 .75rem;svg{height:1rem;width:1rem}}}}}.button,button{backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);background:hsl(0 0 0/.9);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-block;font-size:var(--m-font-size);font-weight:500;letter-spacing:-.025em;line-height:var(--m-line-height);padding:.5rem 1rem;transition:all .25s ease;white-space:nowrap;&:hover{background-color:hsl(0 0 15/.9);color:#fff;transform:scale(1.02);transition:all .1s ease}.icon{height:.5rem;margin-left:.125rem;width:.5rem}&.light-on-light{background-color:hsl(0 0 100/.1);&:hover{background:hsl(0 0 100/.2)}}&.dark-on-light{background-color:hsl(0 0 100/.8);color:#000;.icon{filter:invert(1)}&:hover{background:hsl(0 0 100/.9)}}}.cta-container{display:block;padding:1.5rem 0;text-align:center;width:100%}.text-btn{align-items:center;background:transparent;border:none;border-radius:.5rem;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--s-font-size);gap:8px;line-height:var(--s-line-height);opacity:.7;padding:.5rem 1rem;transition:all .2s ease;&:hover{background:#0000000d;color:var(--color-text-emphasis);opacity:1;transform:scale(1.02)}.icon{align-items:center;display:flex;font-size:14px;height:16px;justify-content:center;line-height:1;width:16px}}.read-more-btn{align-items:center;background:transparent;border:1px solid hsla(0,0%,7%,.2);border-radius:.5rem;color:var(--color-text-emphasis);cursor:pointer;display:flex;font-size:var(--s-font-size);font-weight:400;gap:10px;justify-content:center;line-height:var(--s-line-height);padding:4px 12px;transition:all .2s;width:100%;&:hover{background:#1212120d;color:var(--color-text-emphasis);transform:scale(1.02)}.icon{height:10px;width:12px}}.tags{display:flex;flex-wrap:wrap;gap:16px;margin-top:.25rem}.tags-index .breadcrumbs,.topics-index .breadcrumbs,.topics-slug .breadcrumbs{align-items:center;color:#888;display:flex;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:13px;gap:8px;margin-bottom:12px}.tags-index .crumb-link,.topics-index .crumb-link,.topics-slug .crumb-link{background-color:transparent;color:inherit;text-decoration:none;transition:color .15s ease;&:hover{background-color:transparent;color:#111}}.tags-index .crumb-sep,.topics-index .crumb-sep,.topics-slug .crumb-sep{color:#ccc;font-size:13px}.tags-index .crumb-current,.topics-index .crumb-current,.topics-slug .crumb-current{color:#555}.tags-cloud{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;margin-bottom:56px;margin-top:40px}.tag{align-items:center;background-color:var(--color-tag-background);border-radius:4px;box-shadow:0 1px 1px #0000000f,0 0 0 1px #00000014;color:var(--color-tag-text);display:inline-flex;font-size:15px;font-weight:400;gap:2px;height:28px;line-height:1.6;padding:0 8px;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease;.tag-count{font-size:.8em;font-weight:400;margin-left:3px;opacity:.6}}.tag-hash{opacity:.4}.tag-link{cursor:pointer;@media(hover:hover){&:hover{background-color:var(--color-tag-background-hover);color:var(--color-tag-text-hover);text-decoration:none}}}.tags-pagination{align-items:center;display:flex;gap:12px;margin-bottom:80px;margin-top:48px}.tags-pagination-btn{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:6px;color:#1a1a1a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .15s ease,box-shadow .15s ease,opacity .15s ease;&:hover:not(:disabled){background-color:#f5f5f5;box-shadow:0 1px 2px #00000014,0 0 0 1px #0000001f}&:disabled{cursor:not-allowed;opacity:.35}}.tags-pagination-label{color:var(--color-text-secondary);font-size:13px;min-width:48px;text-align:center}.topics-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;margin-top:40px}.topics-filter-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:#666;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:background-color .15s ease,border-color .15s ease,color .15s ease;&:hover{background-color:#0000000d;color:#111}&.active{background-color:#0000000f;border-color:#0000001f;color:#111}}.topics-filter-count{background:#0000000f;border-radius:10px;color:inherit;font-size:11px;font-weight:600;min-width:18px;padding:1px 5px;text-align:center}.tag-source-dot{border-radius:50%;flex-shrink:0;height:6px;margin-left:4px;opacity:.7;width:6px}.tag-source-dot--articles{background-color:#6366f1}.tag-source-dot--projects{background-color:#f59e0b}.tag-source-dot--both{background-color:#10b981}.topics-empty{color:var(--color-text-secondary);font-size:15px;padding:48px 0}.cards{display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.card{.card-link{border-radius:12px;color:inherit;display:block;margin:-16px;padding:16px;text-decoration:none;transition:all .2s ease;&:hover{background:var(--color-surface-hover);box-shadow:0 0 0 1px #00000014,0 2px 4px -1px #00000014,0 8px 16px -4px #00000014}}.card-image{border-radius:.5rem;margin-bottom:.675rem;overflow:hidden;img{aspect-ratio:16/10;display:block;-o-object-fit:cover;object-fit:cover;width:100%}}.card-content{padding:0 .375rem .5rem;.hed,h3{font-size:.875rem;font-weight:600;line-height:1rem;margin:0 0 .375rem;padding:0}.dek,.description{display:-webkit-box;font-size:.6rem;font-weight:400;letter-spacing:-.02em;-webkit-line-clamp:3;line-clamp:3;line-height:1.4;margin-top:0;-webkit-box-orient:vertical;overflow:hidden}.dek,.description,.meta{color:var(--color-text-secondary)}.meta{font-size:.5rem;line-height:.875rem;margin-top:.25rem}.tags-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px;margin-top:6px}.tags-row .tag{font-size:11px;margin:0;padding:2px 6px}}}.article-main,article{max-width:26rem;.hero img{height:auto;max-width:26rem;width:100%}.hed{margin-top:2rem}.dek{margin-top:1rem}.meta{margin-top:1.25rem}.meta+.lede{margin-top:1.5rem}h2,h3,h4,h5,h6{margin-bottom:.25rem;margin-top:1rem}h2{margin-top:1.25rem}h3{margin-top:.75rem}.indent-first [chunk-index="0"] p:first-child{text-indent:1rem}.indent-first [chunk-index="0"] li p:first-child{text-indent:0}figure.image{margin-left:auto;margin-right:auto;max-width:80%}figure{margin:.5rem 0 1rem;text-align:center;width:100%;iframe,img,video{border-radius:.25rem;display:block;height:auto;max-width:100%;width:100%}iframe{aspect-ratio:16/10;background-color:#000}figcaption{color:var(--color-text);font-family:var(--font-family-serif);font-style:italic;margin-top:.375rem;opacity:.7;text-align:center}}.media-embed{.embed-container{background:var(--color-surface);border-radius:4px;height:0;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative;embed,iframe,object{height:100%;left:0;position:absolute;top:0;width:100%}}}.grafs p:has(>img:only-child){text-align:center}.grafs p>img:only-child{border-radius:.25rem;display:block;height:auto;margin:.5rem auto 1rem;max-width:80%}}.article-layout{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr);margin:0 auto;max-width:1440px;padding:1.75rem 1rem;width:100%}@media(min-width:1024px){.article-layout{gap:2rem;grid-template-columns:320px minmax(0,1fr);padding:3.75rem 2rem}}@media(max-width:768px){.article-main,.article-main .hero img,article{max-width:100%}}.code-block-wrapper{margin:1rem 0;position:relative}.code-block-wrapper pre{margin:0}.code-copy-btn{align-items:center;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.7;opacity:0;padding:0;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s,background-color .2s,color .2s;width:32px;z-index:1}.code-copy-btn svg{fill:none!important;height:16px;width:16px}.code-block-wrapper:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{background:var(--color-background);border-color:#0003;color:var(--color-text-emphasis)}.code-copy-btn.copied{background:#22c55e;border-color:#22c55e;color:#fff}.article-sidebar{align-self:start;display:none;min-height:100%;@media(min-width:1024px){display:block}}.sticky-container{position:sticky;top:0}.back-link{a{display:inline-block;font-size:var(--xs-font-size);margin-bottom:1.5rem;text-decoration:none;transition:color .2s;&:hover{color:var(--color-text-emphasis)}}}.toc{padding:3.5rem 0 4rem;.toc-title{color:var(--color-text);font-family:var(--font-family-sans-serif);font-size:12px;letter-spacing:.05em;margin-bottom:16px;opacity:.5;text-transform:uppercase}ul{list-style:none;margin:0;padding:0;li a{display:block;font-size:var(--s-font-size);font-weight:500;line-height:var(--s-line-height);margin:0;padding:.25rem .25rem .25rem .5rem;text-decoration:none;&.active,&:hover{transition:none}&[level=h2]{padding-left:.5rem}&[level=h3]{padding-left:1.25rem}&[level=h4],&[level=h5],&[level=h6]{padding-left:2rem}}}}.home-index{background-color:var(--color-bg-primary);color:var(--color-text-primary);overflow-x:hidden;.cta-container{padding:3rem 0 4rem}.hero{background-color:#000;display:flex;flex-direction:column;overflow:hidden;padding-bottom:80px;padding-top:120px;position:relative;.hero-bg{background-image:url(../media/hero-bg.webp);background-size:cover;height:100%;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 30%,transparent 90%);mask-image:linear-gradient(180deg,#000 0,#000 30%,transparent 90%);pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:0;img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}}.hero-content{display:flex;flex:1;flex-direction:column;position:relative;width:100%;z-index:1}.hero-branding{align-items:center;display:flex;flex-direction:row;gap:16px;margin-bottom:80px}.hero-logo{align-items:center;height:64px;justify-content:center;width:64px;.logo-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:64px;place-items:start;position:relative;width:48px}.logo-part-1{display:block;margin-left:9.48px;margin-top:0}.logo-part-1,.logo-part-2-wrapper{grid-area:1/1;height:35.2px;width:29.2px}.logo-part-2-wrapper{align-items:center;display:flex;justify-content:center;margin-left:0;margin-top:24.92px}.logo-part-2{display:block;height:100%;transform:rotate(180deg);width:100%}}.hero-brand-text{color:#fff;font-size:48px;font-weight:500;letter-spacing:-.02em;margin:0}.hero-main{align-items:flex-start;display:flex;flex-direction:column;max-width:800px}.hero-main a:hover{background-color:transparent}.hero-main h1{background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;font-weight:500;letter-spacing:-.03em;line-height:1.1;margin-bottom:24px;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.hero-main .description{color:#fffc;font-size:var(--l-font-size);line-height:var(--l-line-height);margin-bottom:4rem;margin-top:.25rem;max-width:700px}}.editors-picks{background-color:#000;overflow:hidden;padding-bottom:120px;padding-top:80px;position:relative}@keyframes glow-pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(1)}}.editors-picks:before{animation:glow-pulse 8s ease-in-out infinite;background:radial-gradient(ellipse at bottom,rgba(255,69,0,.4) 0,rgba(255,140,0,.2) 40%,transparent 70%);bottom:-30%;content:"";filter:blur(100px);height:100%;left:0;pointer-events:none;position:absolute;width:100%;z-index:0}.editors-picks>*{position:relative;z-index:1}.editors-picks h2{color:#fff;font-size:40px;font-weight:500;margin-bottom:16px}.subtitle{color:var(--color-text-secondary);font-size:18px;line-height:1.4;margin-bottom:60px}.picks-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:80px}.pick-card{background:transparent}.editors-picks .card-link{color:inherit}.editors-picks .card-link:hover{background-color:#ffffff08;transform:scale(1.02)}.editors-picks .card-image{align-items:center;aspect-ratio:16/10;background:#111;border-bottom:3px solid #333;border-radius:4px;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f,0 12px 12px -6px #0000000f,0 24px 24px -12px #0000000f;display:flex;justify-content:center;margin-bottom:24px;padding:10px;width:100%}.editors-picks .card-image img{border-radius:2px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pick-content h3{color:#fff;font-size:20px;font-weight:500;margin-bottom:8px}.year-row{color:#999;font-size:15px;margin-bottom:4px}.tags-row{color:#666;font-size:15px;margin-bottom:12px}.pick-content .description{color:#ccc;font-size:16px;line-height:1.5;margin:0 0 24px;padding:0;text-indent:0}.author-row{color:#999;display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.avatar{background-size:cover;border-radius:50%;height:24px;width:24px}.picks-grid{align-items:stretch;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-top:32px}.picks-grid>*{min-width:0}.pick-card{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f;height:100%;padding:8px;transition:transform .25s ease,box-shadow .25s ease}.pick-card,.pick-card .card-link{display:flex;flex-direction:column}.pick-card .card-link{color:inherit;flex:1;text-decoration:none}.pick-card:hover{box-shadow:0 0 0 1px #ffffff14,0 8px 30px #00000059;transform:translateY(-4px)}.pick-card .preview-frame{background:#ffffff0d;border-radius:8px;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f,0 12px 12px -6px #0000000f,0 24px 24px -12px #0000000f;flex-shrink:0;height:300px;overflow:hidden;padding:4px}.pick-card .preview-inner{border-radius:6px;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f;height:100%;overflow:hidden;width:100%}.pick-card .preview-inner img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.pick-card:hover .preview-inner img{transform:scale(1.03)}.pick-card .tile-info{display:flex;flex:1;flex-direction:column;gap:8px;padding:16px}.pick-card .tile-title{color:#fff;display:-webkit-box;font-size:24px;font-weight:400;-webkit-line-clamp:2;line-height:1.2;margin:0;min-height:57.6px;padding:0 8px;-webkit-box-orient:vertical;overflow:hidden}.pick-card .tile-author{color:#fff9;font-size:15px;line-height:1.6;padding:0 8px;text-decoration:underline;text-decoration-color:#ffffff59;text-decoration-style:dotted;text-underline-offset:3px}.pick-card .tile-divider{background:#ffffff14;height:1px;width:100%}.pick-card .tile-divider-bottom{margin-top:auto}.pick-card .tile-description{color:#ffffff73;display:-webkit-box;font-size:15px;-webkit-line-clamp:3;line-height:1.6;margin:0;padding:0 8px;-webkit-box-orient:vertical;overflow:hidden}.pick-card .tile-tags{display:flex;flex-wrap:nowrap;gap:4px;overflow:hidden;padding:0}.pick-card .tile-tag{align-items:center;color:#ffffff80;display:inline-flex;font-size:15px;gap:2px;line-height:1.6;padding:2px 8px;text-decoration:underline;text-decoration-color:#fff3;text-decoration-style:dotted;text-underline-offset:3px}.pick-card .tile-tag .hash{color:#ffffff4d;margin-right:1px}.pick-card .tile-bottom{align-items:center;display:flex;justify-content:space-between;padding:0 8px}.pick-card .tile-date{color:#ffffff59;font-size:15px;line-height:1.6}.pick-card .tile-actions{display:flex;gap:8px}.pick-card .tile-stat{align-items:center;background:#ffffff0a;border-radius:6px;box-shadow:0 0 0 1px #ffffff14,0 1px 1px -.5px #0000000f;color:#ffffff59;display:inline-flex;font-size:15px;gap:6px;height:32px;line-height:1.6;padding:4px 8px}.pick-card .tile-stat svg{height:16px;opacity:.7;width:16px}@media(max-width:900px){.picks-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.picks-grid{gap:20px;grid-template-columns:1fr}.pick-card .preview-frame{height:220px}}.latest-experiments{background:#fdfdfd;color:#111;padding-bottom:60px;padding-top:120px}.latest-experiments h2{font-size:40px;font-weight:500;margin-bottom:16px}.latest-experiments .subtitle{margin-bottom:0}.experiments-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:0}.latest-experiments .browse-tab{border-color:#ddd;color:#111}.latest-experiments .browse-tab:hover{background:#f0f0f0}.latest-experiments .browse-tab.active{background:#111;border-color:#111;color:#fdfdfd}.experiment-description{color:#6f6f6f;display:-webkit-box;font-size:13px;-webkit-line-clamp:2;line-height:1.4;margin:2px 0 4px;-webkit-box-orient:vertical;overflow:hidden}.latest-experiments .tags-list,.latest-experiments .tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px;margin-top:6px}.latest-experiments .tags-list .tag,.latest-experiments .tags-row .tag{font-size:13px;margin:0;padding:2px 8px}.experiments-list{border-top:1px solid #eee;margin-top:24px}.load-more-link:hover{background-color:transparent}.list-item{align-items:start;border-bottom:1px solid #eee;border-radius:12px;color:inherit;display:grid;font-size:15px;grid-template-columns:100px 3fr 2fr;margin:0 -16px;padding:16px;transition:all .2s ease}.list-item:hover{background-color:#f5f5f5;border-bottom-color:transparent;position:relative;transform:scale(1.02);z-index:10}.list-item--api{cursor:pointer;grid-template-columns:100px 1fr;position:relative}.row-overlay{border-radius:inherit;color:inherit;inset:0;margin:0;padding:0;position:absolute;z-index:0}.row-overlay,.row-overlay:hover{background:transparent!important}.inner-link{position:relative;z-index:1}.meta-row{align-items:center;color:#6f6f6f;display:flex;flex-wrap:wrap;font-size:12px;gap:4px 6px;margin-top:6px}.meta-author{color:#333;font-weight:500}.meta-avatar{align-items:center;background:#222;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:600;height:18px;justify-content:center;letter-spacing:0;line-height:1;width:18px}.meta-avatar--img{background:transparent;-o-object-fit:cover;object-fit:cover}.meta-sep{color:#ccc;-webkit-user-select:none;-moz-user-select:none;user-select:none}.meta-date{color:#999}.meta-stat{align-items:center;color:#6f6f6f;display:inline-flex;gap:3px}.meta-stat svg{flex-shrink:0;opacity:.55}.date{color:#6f6f6f}.title-cell{display:flex;flex-direction:column;gap:4px}.project-link{color:inherit;display:block;text-decoration:none}.project-link:hover{background-color:transparent}.project-link:hover .project-name{text-decoration:underline}.project-name{font-size:15px;font-weight:500}.tags-row{color:#6f6f6f;font-size:13px;line-height:1.4}.tag-link{color:#999;text-decoration:none;transition:color .2s}.tag-link:hover{background-color:transparent;color:#111}.author-cell{color:#6f6f6f;display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-small{background-color:#eee;background-size:cover;border-radius:50%;height:24px;width:24px}.topic{color:#6f6f6f}.preview-cell{display:flex;gap:8px;justify-content:flex-start}.preview-cell img{aspect-ratio:16/10;border-radius:4px;-o-object-fit:cover;object-fit:cover;width:72px}.learn-section{background:#fdfdfd;color:#111;padding-bottom:120px;padding-top:60px}.learn-header{margin-bottom:72px}.learn-title-container{max-width:600px}.learn-title-container a:hover{background-color:transparent}.learn-section h2{color:#111;font-size:64px;font-weight:500;letter-spacing:-.02em;line-height:1.11;margin-bottom:0}.learn-section .description{color:#111;font-size:24px;line-height:1.6;opacity:.7}.column-tag{background-color:#111;color:#fdfdfd;display:inline-block;font-family:KH Teka TRIAL,sans-serif;font-size:15px;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.6;padding:2px 6px}.learn-columns{display:grid;gap:88px;grid-template-columns:repeat(3,1fr)}.learn-column{display:flex;flex-direction:column;gap:32px}.column-header{margin-bottom:8px}.column-content{display:flex;flex:1;flex-direction:column;gap:40px}.card-link{border-radius:12px;color:#111;display:block;margin:-16px;padding:16px;text-decoration:none;transition:all .2s ease}.card-link:hover{background-color:#f5f5f5;transform:scale(1.02)}.learn-card{display:flex;flex-direction:column;gap:0}.learn-card img{aspect-ratio:16/10;background:#fdfdfd;border-radius:6px;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f,0 12px 12px -6px #0000000f,0 24px 24px -12px #0000000f;margin-bottom:16px;-o-object-fit:cover;object-fit:cover;padding:4px;width:100%}.learn-card h3{font-size:20px;font-weight:600;line-height:1.3}.learn-card h3,.learn-card p{border-bottom:1px solid #eee;color:#111;margin:0 0 16px;padding-bottom:16px}.learn-card p{font-size:15px;line-height:1.6;opacity:.7}.read-more-link{display:block;text-decoration:none}.read-more-link:hover{background-color:transparent}.author-small{align-items:center;color:#111;display:flex;font-size:13px;gap:0;opacity:.5}.avatar-tiny{background-color:#333;background-size:cover;border-radius:50%;height:16px;width:16px}.learn-more-links{display:flex;flex-wrap:wrap;gap:20px}.promo-banner-inline{align-items:center;background:#00000040;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:inherit;display:inline-flex;gap:14px;margin-bottom:24px;max-width:680px;padding:8px 14px;text-decoration:none;transition:background .2s,border-color .2s;width:-moz-fit-content;width:fit-content}.promo-banner-inline:hover{background:#00000059;border-color:#ffffff26}.promo-badge{align-items:center;background:linear-gradient(135deg,#ff6a00,#ee0979);border-radius:4px;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.05em;line-height:1.6;padding:2px 8px;text-transform:uppercase}.promo-text{color:#ffffffbf;font-size:15px;line-height:1.5;margin:0}.promo-text strong{color:#fff;font-weight:500}@media(max-width:640px){.promo-banner-inline{flex-wrap:wrap;gap:6px}.promo-text{font-size:14px}}@media(max-width:768px){.hero-main h1{font-size:48px}.list-item{gap:16px;grid-template-columns:1fr 1fr}.list-item:not(.list-item--api)>:nth-child(n+3){display:none}.list-item--api{grid-template-columns:100px 1fr}.learn-section{padding:60px 20px}.learn-columns{gap:60px;grid-template-columns:1fr}.footer-content h2{font-size:40px}.main-footer{flex-direction:column;gap:20px}.footer-links{flex-wrap:wrap}}}.hero-title-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.hero-title-row .my-project-tile-cta-btn{align-self:center}.projects-slug{.article-layout{padding-top:120px}@media(min-width:1024px){.article-layout{padding-top:180px}}.card-image{margin-bottom:60px}}.page.learn-index,.page.projects-index{.hero-section{border-bottom:none;padding-bottom:40px}.category-section{padding-top:40px}@media(max-width:768px){.hero-section{padding-bottom:32px;padding-top:0}.hero-text{font-size:3rem;line-height:1.1;margin-bottom:16px}.hero-description{font-size:1.125rem;line-height:1.5}.category-section{padding-bottom:48px;padding-top:32px}}}.my-projects-section{border-bottom:1px solid var(--color-rule);padding:40px 0 48px}.my-projects-load-more,.my-projects-pagination{align-items:center;border-top:1px solid var(--color-rule);display:flex;gap:.625rem;justify-content:center;margin-top:4px;padding-top:20px}.my-projects-page-label{color:var(--color-text-secondary);font-size:13px;min-width:3.5rem;text-align:center}.my-projects-load-more-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-rule);border-radius:8px;color:var(--color-text-emphasis);cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:6px;height:36px;padding:0 16px;transition:background .1s ease,color .1s ease}.my-projects-load-more-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-emphasis);color:var(--color-text-emphasis)}.my-projects-load-more-btn:disabled{background:var(--color-surface);color:var(--color-text-secondary,#999);cursor:not-allowed}.my-projects-label{color:var(--color-text-emphasis);font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0 0 24px}.my-projects-row{align-items:stretch;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.my-projects-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.my-projects-row{grid-template-columns:1fr}}.my-project-tile--cta{align-items:stretch;border:1.5px dashed var(--color-rule);border-radius:16px;display:flex;min-height:180px;padding:8px}.my-project-tile-cta-inner{display:flex;flex-direction:column;gap:24px;padding:16px;width:100%}.my-project-tile-cta-text{display:flex;flex:1;flex-direction:column;gap:8px}.my-project-tile-cta-headline{color:var(--color-text-emphasis);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0}.my-project-tile-cta-body{color:var(--color-text);font-size:15px;line-height:1.6;margin:0;opacity:.6}.my-project-tile-cta-btn{align-items:center;align-self:flex-start;background:var(--color-text-emphasis);border-radius:8px;color:var(--color-page-background);display:inline-flex;font-size:15px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:opacity .15s ease}.my-project-tile-cta-btn:hover{opacity:.85}.join-cta-section{padding-bottom:0}.join-cta-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-rule);border-radius:16px;display:flex;gap:2.5rem;justify-content:space-between;padding:1.75rem 2rem}.join-cta-text{display:flex;flex:1;flex-direction:column;gap:.3rem;min-width:0}.join-cta-headline{color:var(--color-text-emphasis);font-size:1rem;font-weight:600;letter-spacing:-.015em;line-height:1.3;margin:0}.join-cta-body{color:var(--color-text);font-size:.875rem;line-height:1.5;margin:0;opacity:.6;padding:0}.join-cta-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.join-cta-sign-in{color:var(--color-text);font-size:14px;font-weight:500;opacity:.65;text-decoration:none;transition:opacity .15s ease;white-space:nowrap}.join-cta-sign-in:hover{opacity:1}.my-project-tile{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:16px;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f;color:inherit;display:flex;flex-direction:column;gap:16px;padding:8px;text-decoration:none;transition:background .15s ease,box-shadow .15s ease}a.my-project-tile:hover{background:var(--color-surface-hover);box-shadow:0 0 0 1px #00000014,0 2px 4px -1px #00000014,0 8px 16px -4px #00000014;color:inherit}.my-project-tile--loading{align-items:center;color:var(--color-text);font-size:15px;justify-content:center;min-height:120px;opacity:.5}.my-project-thumb-frame{align-self:flex-start;background:var(--color-surface-hover);border-radius:8px;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f;flex-shrink:0;padding:4px}.my-project-thumb{border-radius:6px;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f;height:72px;overflow:hidden;width:72px}.my-project-thumb img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.my-project-info{display:flex;flex:1;flex-direction:column;gap:8px;justify-content:space-between;padding:0 8px 8px}.my-project-title{color:var(--color-text-emphasis);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0}.my-project-divider{background:var(--color-rule);height:1px;width:100%}.my-project-description{color:var(--color-text);display:-webkit-box;font-size:15px;line-clamp:2;-webkit-line-clamp:2;line-height:1.6;margin:0;opacity:.6;-webkit-box-orient:vertical;overflow:hidden}.my-project-author{padding:0 8px}.my-project-author-name{color:var(--color-text);font-size:15px;line-height:1.6;opacity:.7;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.my-project-tags{display:flex;flex-wrap:wrap;gap:4px;padding:0 8px}.my-project-bottom{align-items:center;display:flex;justify-content:space-between;min-height:32px;padding:0 8px}.my-project-date{color:var(--color-text);font-size:15px;opacity:.5}.my-project-actions{align-items:center;display:flex;gap:8px}.my-project-action{background:var(--base-50,#fff);border-radius:6px;box-shadow:0 .975px .975px -.488px #0000000f,0 0 0 1px var(--base-300,#ebebeb);color:var(--base-500,#919191);gap:6px;height:32px;padding:4px 8px}.my-project-action,.my-project-draft-badge{align-items:center;display:inline-flex;font-size:15px}.my-project-draft-badge{color:var(--base-600,#4c4c4c);gap:4px}.my-project-stats{gap:8px}.my-project-stat,.my-project-stats{align-items:center;display:inline-flex}.my-project-stat{background:var(--base-50,#fff);border-radius:6px;box-shadow:0 .975px .975px -.488px #0000000f,0 0 0 1px var(--base-300,#ebebeb);color:var(--base-500,#919191);font-size:15px;gap:6px;height:32px;padding:4px 8px}.featured-projects-heading{color:var(--color-text-emphasis);font-size:64px;font-weight:600;letter-spacing:-.01em;line-height:1.1;margin:0 0 40px}@media(max-width:768px){.featured-projects-heading{font-size:40px;margin-bottom:24px}}.project-tile{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:16px;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:8px;transition:box-shadow .15s ease,background .15s ease}.project-tile:hover{background:var(--color-surface-hover);box-shadow:0 0 0 1px #00000014,0 2px 4px -1px #00000014,0 8px 16px -4px #00000014}.project-tile-link{color:inherit;display:flex;flex:1;flex-direction:column;gap:16px;text-decoration:none}.project-tile-link:hover{background-color:transparent;color:inherit}.project-tile-preview{background:var(--color-surface-hover);border-radius:8px;box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f,0 12px 12px -6px #0000000f,0 24px 24px -12px #0000000f;flex-shrink:0;height:300px;overflow:hidden;padding:4px;position:relative}.project-tile-preview img{border-radius:6px;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.project-tile-content{gap:16px;justify-content:space-between;padding:8px}.project-tile-body,.project-tile-content{display:flex;flex:1;flex-direction:column}.project-tile-body{gap:8px}.project-tile-title{padding:0 8px}.project-tile-title h3{color:var(--color-text-emphasis);font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1.2;margin:0}.project-tile-authors{display:flex;flex-wrap:wrap;font-size:15px;gap:2px;padding:0 8px}.project-tile-author-link{color:var(--color-text-emphasis);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.project-tile-author-link:hover{opacity:.7}.project-tile-divider{background:var(--color-rule);height:1px;margin:4px 8px}.project-tile-dek{color:var(--color-text);display:-webkit-box;font-size:15px;line-clamp:3;-webkit-line-clamp:3;line-height:1.6;opacity:.7;padding:0 8px;-webkit-box-orient:vertical;overflow:hidden}.project-tile-tags{display:flex;flex-wrap:wrap;gap:4px;padding:0 8px}.project-tile-tag{align-items:center;border-radius:6px;color:var(--color-text-emphasis);display:inline-flex;font-size:15px;gap:2px;line-height:1.6;padding:2px 8px;text-decoration:none;.tag-hash{opacity:.5}&:hover{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}}.project-tile-bottom{align-items:center;display:flex;justify-content:space-between;padding:0 8px}.project-tile-date{color:var(--color-text);font-size:15px;opacity:.5}.project-tile-actions{align-items:center;display:flex;gap:8px}.project-tile-action{align-items:center;background:var(--color-page-background);border:1px solid var(--color-rule);border-radius:6px;box-shadow:0 1px 1px -.5px #0000000f;color:var(--color-text);display:inline-flex;font-size:15px;gap:6px;height:32px;opacity:.7;padding:4px 8px}.learn-layout{display:block}@media(min-width:1024px){.learn-layout{display:grid;gap:40px;grid-template-columns:200px 1fr}}.learn-sidebar{display:none}@media(min-width:1024px){.learn-sidebar{display:block}}.learn-toc{position:sticky;top:80px}.learn-toc-title{color:var(--color-text);font-size:.65rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;opacity:.5;text-transform:uppercase}.learn-toc-list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}.learn-toc-link{border-radius:.5rem;color:var(--color-text);display:block;font-size:.75rem;font-weight:400;opacity:.7;padding:.375rem .75rem;text-decoration:none;transition:all .15s ease}.learn-toc-link:hover{background:var(--color-surface-hover);color:var(--color-text-emphasis);opacity:1}.browse-section{padding-bottom:64px}.browse-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.browse-header .featured-projects-heading{margin-bottom:0}.browse-tabs{align-items:center;display:flex;flex-shrink:0;gap:4px}.browse-tab{align-items:center;background:transparent;border:1px solid var(--color-rule);border-radius:8px;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:15px;font-weight:400;height:36px;padding:0 14px;transition:background .1s ease,color .1s ease,border-color .1s ease}.browse-tab:hover{background:var(--color-surface-hover);color:var(--color-text-emphasis)}.browse-tab.active,.browse-tab:hover{border-color:var(--color-text-emphasis)}.browse-tab.active{background:var(--color-text-emphasis);color:var(--color-page-background);font-weight:500}.browse-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.browse-tag{background:transparent;border:1px solid var(--color-rule);cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease}.browse-tag:hover{background:var(--color-surface-hover)}.browse-tag.active{background:var(--color-text-emphasis);border-color:var(--color-text-emphasis);color:var(--color-page-background)}.browse-loading{width:100%}.browse-empty{color:var(--color-text);display:flex;font-size:15px;justify-content:center;opacity:.5;padding:48px 0}.browse-pagination{gap:8px}@media(max-width:768px){.browse-header{align-items:flex-start;flex-direction:column}.browse-tabs{flex-wrap:wrap}}.promo-banner-light{align-items:center;background:#00000008;border:1px solid rgba(0,0,0,.1);border-radius:8px;color:inherit;display:inline-flex;gap:14px;margin-top:20px;max-width:680px;padding:8px 14px;text-decoration:none;transition:background .2s,border-color .2s;width:-moz-fit-content;width:fit-content}.promo-banner-light:hover{background:#0000000f;border-color:#00000026;color:inherit}.promo-banner-light .promo-badge{align-items:center;background:linear-gradient(135deg,#ff6a00,#ee0979);border-radius:4px;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.05em;line-height:1.6;padding:2px 8px;text-transform:uppercase}.promo-banner-light .promo-text{color:var(--color-text,#666);font-size:15px;line-height:1.5;margin:0}.promo-banner-light .promo-text strong{color:var(--color-text-emphasis,#111);font-weight:500}@media(max-width:640px){.promo-banner-light{flex-wrap:wrap;gap:6px}.promo-banner-light .promo-text{font-size:14px}}.running-indicator[data-v-18a7643a]{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#191919e6;border-radius:.25rem;bottom:1.5rem;box-shadow:0 0 0 1px #262626,0 4px 24px #0006;color:#fafafa;display:flex;font-family:inherit;font-size:.75rem;gap:.5rem;letter-spacing:.01em;line-height:1.5;padding:.5rem .75rem .5rem 1rem;position:fixed;right:1.5rem;z-index:900}.running-indicator__dot[data-v-18a7643a]{animation:pulse-dot-18a7643a 1.8s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e;flex-shrink:0;height:8px;width:8px}@keyframes pulse-dot-18a7643a{0%,to{box-shadow:0 0 6px #22c55e;opacity:1}50%{box-shadow:0 0 12px #22c55e;opacity:.5}}.running-indicator__content[data-v-18a7643a]{white-space:nowrap}.running-indicator a[data-v-18a7643a]{color:#fff;text-decoration:underline;text-decoration-color:#fff6;text-underline-offset:2px;transition:color .15s,text-decoration-color .15s}.running-indicator a[data-v-18a7643a]:hover{background:none;color:#fff;text-decoration-color:#fffc}.running-indicator__close[data-v-18a7643a]{align-items:center;background:#ffffff1a;border:none;border-radius:.1875rem;color:#b0b0b0;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:22px;justify-content:center;line-height:1;margin-left:.375rem;transition:color .15s,background .15s;width:22px}.running-indicator__close[data-v-18a7643a]:hover{background:#ffffff2e;color:#fff}.indicator-slide-enter-active[data-v-18a7643a],.indicator-slide-leave-active[data-v-18a7643a]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.indicator-slide-enter-from[data-v-18a7643a],.indicator-slide-leave-to[data-v-18a7643a]{opacity:0;transform:translateY(1rem)}.nav-auth[data-v-0336b530]{flex-shrink:0;position:relative}.nav-auth[data-v-0336b530],.nav-signin[data-v-0336b530]{align-items:center;display:flex;margin-left:.25rem}.nav-signin[data-v-0336b530]{background:hsl(0 0 100/.1);border:1px solid hsl(0 0 100/.2);border-radius:.25rem;color:#fff;font-size:var(--xxs-font-size);font-weight:500;height:1.5rem;justify-content:center;line-height:var(--xxs-line-height);padding:0 .75rem;text-decoration:none;transition:all .2s ease}@media(min-width:432px){.nav-signin[data-v-0336b530]{font-size:var(--xs-font-size);line-height:var(--xs-line-height)}}.nav-signin[data-v-0336b530]:hover{background:hsl(0 0 100/.2);border-color:hsl(0 0 100/.4);box-shadow:0 0 8px hsl(0 0 100/.1);color:#fff}.user-menu[data-v-0336b530]{align-items:center;background:transparent;border:1px solid transparent;border-radius:.25rem;color:hsl(0 0 75);cursor:pointer;display:flex;font-weight:500;gap:.5rem;height:1.5rem;margin-left:.25rem;padding:0 .75rem;transition:all .2s ease}.user-menu[data-v-0336b530]:hover{background:hsl(0 0 100/.2);border-color:hsl(0 0 100/.4);box-shadow:0 0 8px hsl(0 0 100/.1);color:#fff}.user-menu--active[data-v-0336b530]{color:#fff}.user-menu--active .user-name[data-v-0336b530]{text-decoration:underline;text-underline-offset:4px}.user-avatar[data-v-0336b530]{border-radius:50%;height:20px;-o-object-fit:cover;object-fit:cover;width:20px}.user-avatar--placeholder[data-v-0336b530]{align-items:center;background:var(--color-primary,#6366f1);color:#fff;display:flex;font-size:.65rem;font-weight:600;justify-content:center}.user-name[data-v-0336b530]{font-size:var(--xxs-font-size);font-weight:500;line-height:var(--xxs-line-height);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:432px){.user-name[data-v-0336b530]{font-size:var(--xs-font-size);line-height:var(--xs-line-height)}}.dropdown-icon[data-v-0336b530]{opacity:.6}.user-dropdown[data-v-0336b530]{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#18181bf2;border:1px solid hsl(0 0 100/.1);border-radius:.5rem;box-shadow:0 4px 24px #0006;min-width:180px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}.dropdown-item[data-v-0336b530]{background:none;border:none;border-radius:.25rem;color:hsl(0 0 90);cursor:pointer;display:block;font-size:var(--xxs-font-size);line-height:var(--xxs-line-height);padding:.625rem .75rem;text-align:left;text-decoration:none;transition:background .15s;width:100%}@media(min-width:432px){.dropdown-item[data-v-0336b530]{font-size:var(--xs-font-size);line-height:var(--xs-line-height)}}.dropdown-item[data-v-0336b530]:hover{background:hsl(0 0 100/.1);color:#fff}.dropdown-item--danger[data-v-0336b530]{color:var(--color-error,#ef4444)}.dropdown-item--danger[data-v-0336b530]:hover{background:#ff000026;color:#fa7979}.dropdown-divider[data-v-0336b530]{background:hsl(0 0 100/.1);height:1px;margin:.5rem 0}.dropdown-credits[data-v-0336b530]{align-items:center;color:hsl(0 0 90);display:flex;justify-content:space-between;padding:.625rem .75rem}.credits-label[data-v-0336b530]{color:hsl(0 0 70)}.credits-label[data-v-0336b530],.credits-value[data-v-0336b530]{font-size:var(--xxs-font-size);line-height:var(--xxs-line-height)}.credits-value[data-v-0336b530]{color:#fff;font-weight:600}@media(min-width:432px){.credits-label[data-v-0336b530],.credits-value[data-v-0336b530]{font-size:var(--xs-font-size);line-height:var(--xs-line-height)}}@media(max-width:768px){.dropdown-icon[data-v-0336b530],.user-name[data-v-0336b530]{display:none}}.error-page-root{inset:0;overflow:auto;position:fixed;z-index:9999}.error-container{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.error-container .hero-bg{background-image:url(../media/hero-bg.webp);background-position:50%;background-size:cover;height:100%;opacity:.8;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:0}.error-content{align-items:center;display:flex;flex-direction:column;max-width:600px;padding:2rem;position:relative;text-align:center;z-index:1}.error-code{background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;font-size:clamp(8rem,20vw,14rem);font-weight:800;line-height:1;margin:0 0 .5rem;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.05em}.error-message{color:#fff;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;letter-spacing:-.03em;margin:0 0 1.5rem}.error-description{color:#fff9;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;margin:0 0 3rem;max-width:450px}.error-cta{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fcfcfc26;border:1px solid hsla(0,0%,100%,.2);border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:500;gap:10px;padding:16px 32px;transition:all .3s ease}.error-cta:hover{background:#fcfcfc40;border-color:#fff6;transform:translateY(-2px)}.error-cta .arrow{transition:transform .3s ease}.error-cta:hover .arrow{transform:translate(4px)}