.fibona-404{--ink:var(--night-ivory);--secondary:color-mix(in oklab, var(--night-ivory) 86%, transparent);--muted:color-mix(in oklab, var(--night-ivory) 70%, transparent);--faint:color-mix(in oklab, var(--night-ivory) 58%, transparent);isolation:isolate;min-height:100dvh;color:var(--ink);background-color:var(--night);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;place-items:center;padding:48px 24px;display:grid;position:relative;overflow:hidden}.fibona-404:before{content:"";z-index:-1;background:var(--night-grain) repeat;pointer-events:none;background-size:512px 512px;position:absolute;inset:0}.fibona-404-spiral{z-index:-1;clip-path:inset(8.4% 5.9%);filter:grayscale()brightness(1.5);opacity:.09;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(1100px,150vw);max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.fibona-404-content{text-align:center;flex-direction:column;align-items:center;display:flex}.fibona-404-logo{aspect-ratio:699/737;border-radius:2px;width:clamp(180px,42vw,260px);display:block;position:relative;overflow:hidden}.fibona-404-logo img{width:179.4%;max-width:none;height:auto;position:absolute;top:-39.08%;left:-39.63%}.fibona-404-logo:focus-visible{outline:2px solid var(--ink);outline-offset:10px}.fibona-404-code{font-family:var(--font-mono);letter-spacing:.3em;color:var(--faint);margin-top:clamp(40px,7vh,64px);font-size:13px}.fibona-404-title{margin-top:14px;font-size:clamp(1.5rem,3.4vw,2.25rem);font-weight:400;line-height:1.3}.fibona-404-note{color:var(--muted);margin-top:12px;font-size:15px}.fibona-404-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.fibona-404-actions a{border-radius:4px;justify-content:center;align-items:center;width:9.5rem;height:44px;font-size:15px;transition:background-color .15s ease-out,border-color .15s ease-out;display:inline-flex}.fibona-404-actions a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.fibona-404-primary{color:var(--night);background:oklch(90% .02 85)}.fibona-404-primary:hover{background:var(--night-ivory)}.fibona-404-secondary{border:1px solid color-mix(in oklab, var(--night-ivory) 32%, transparent);color:var(--ink)}.fibona-404-secondary:hover{border-color:var(--ink);background:color-mix(in oklab, var(--night-ivory) 7%, transparent)}.fibona-home{--home-topbar:100px;--home-gutter:clamp(24px, 5vw, 80px);--home-unit:min(1vw, 14.4px);--spiral-size:clamp(700px, 76vw, 1000px)}.fibona-home #intro{--scene-ink:#342d25;--scene-secondary:#514739;--scene-muted:#675c4b;--scene-faint:#6c604f;--scene-signal:#9b3f25;--code-ink:#2a241e;--code-dim:#514739;--code-keyword:#805b2b;--code-comment:#6c604f;color:var(--scene-ink);background-color:#f2eadb}.fibona-home .text-signal{color:var(--scene-signal)}.fibona-home section:before{content:"";mix-blend-mode:multiply;opacity:.45;pointer-events:none;background:url(/images/fibona-paper.webp) 0 0/640px 640px;position:absolute;inset:0}.fibona-frame{width:100%;max-width:1440px;padding-inline:var(--home-gutter);margin-inline:auto;position:relative}.fibona-header{height:var(--home-topbar)}.fibona-intro-content{flex-direction:column;flex:1;justify-content:center;padding-block:32px 40px;display:flex}.fibona-comparison{gap:44px;margin-top:clamp(44px,8vh,80px);display:grid}.fibona-snippet-label{font-size:14px}.fibona-code{margin-top:14px;font-size:clamp(13px,3.7vw,18px);line-height:1.6}.fibona-snippet-caption{text-wrap:pretty;margin-top:14px;font-size:13px}.fibona-note{margin-top:clamp(40px,8vh,80px);font-size:13px}.fibona-how-content{padding-block:48px}.fibona-spiral{pointer-events:none;-webkit-user-select:none;user-select:none;clip-path:inset(8.4% 5.9%);max-width:none;height:auto;width:var(--spiral-size);transform-origin:0 0;position:absolute}:root:not(.dark) .fibona-home .fibona-spiral-intro{filter:sepia()saturate(.7)brightness(.75)}.fibona-spiral-intro{top:calc(var(--spiral-size) * .9);right:calc(var(--spiral-size) * -.382 - 32px);opacity:.09;transform:rotate(-90deg)}.fibona-spiral-how{top:calc(50% - var(--spiral-size) * .65);left:calc(var(--spiral-size) * .56);opacity:.18;transform:rotate(90deg)}@media (width>=900px){.fibona-home #intro{min-height:max(100svh,min(65.7vw,946px))}.fibona-intro-content{padding-top:calc(var(--home-unit) * 3.6);justify-content:flex-start}.fibona-intro-content h1{font-size:calc(var(--home-unit) * 3.1)}.fibona-comparison{column-gap:calc(var(--home-unit) * 3.5);margin-top:calc(var(--home-unit) * 6.4);grid-template-columns:repeat(2,minmax(0,1fr))}.fibona-snippet-label{font-size:calc(var(--home-unit) * 1.05)}.fibona-code{margin-top:calc(var(--home-unit) * 1.4);font-size:calc(var(--home-unit) * 1.8);line-height:1.55}.fibona-snippet-caption{margin-top:calc(var(--home-unit) * 1.4);font-size:calc(var(--home-unit) * .95)}.fibona-note{margin-top:calc(var(--home-unit) * 5.6);font-size:calc(var(--home-unit) * .9)}}@media (width<=899px){.fibona-intro-content{padding-block:24px 36px}:root:not(.dark) .fibona-home .fibona-spiral-intro{filter:sepia()saturate(.7)brightness(.75)}.fibona-spiral-intro{right:calc(var(--spiral-size) * -.382 - 180px);opacity:.09}.fibona-spiral-how{opacity:.14}}.post-column{max-width:var(--post-measure);margin-inline:auto}.post-body,.post-column{--post-measure:48rem}.post-body{--tw-prose-body:color-mix(in oklab, var(--foreground) 84%, var(--background));--tw-prose-headings:var(--foreground);--tw-prose-lead:var(--muted-foreground);--tw-prose-links:var(--foreground);--tw-prose-bold:var(--foreground);--tw-prose-counters:var(--muted-foreground);--tw-prose-bullets:color-mix(in oklab, var(--muted-foreground) 70%, transparent);--tw-prose-hr:var(--border);--tw-prose-quotes:var(--muted-foreground);--tw-prose-quote-borders:var(--border);--tw-prose-captions:var(--muted-foreground);--tw-prose-code:var(--foreground);--tw-prose-th-borders:var(--border);--tw-prose-td-borders:var(--border);font-synthesis-style:none;max-width:none;font-size:17px;line-height:1.85}.post-body>*{max-width:var(--post-measure);margin-inline:auto}.post-body>pre{max-width:none}.post-body :is(h2,h3){letter-spacing:-.01em;text-wrap:balance;font-weight:600}.post-body :is(h2,h3,table),.post-title{word-break:keep-all;overflow-wrap:anywhere}.post-body h2{margin-top:2.6em;font-size:1.4em}.post-body a{-webkit-text-decoration-color:color-mix(in oklab, currentColor 35%, transparent);text-decoration-color:color-mix(in oklab, currentColor 35%, transparent);text-underline-offset:.25em;transition:text-decoration-color .15s ease-out}.post-body a:hover{text-decoration-color:currentColor}.post-body :not(pre)>code{background:color-mix(in oklab, var(--foreground) 8%, transparent);overflow-wrap:anywhere;border-radius:4px;padding:.12em .36em;font-size:.84em;font-weight:450}.post-body :not(pre)>code:before,.post-body :not(pre)>code:after,.post-body blockquote p:before,.post-body blockquote p:after{content:none}.post-body blockquote{border-inline-start-width:1px;padding-inline-start:1.2em;font-style:normal;font-weight:400}.post-body pre.shiki{border:1px solid var(--border);border-radius:8px;margin-block:1.8em;padding:1.1em 1.35em;font-size:.8em;line-height:1.75}.dark .post-body pre.shiki{background-color:var(--night-sunk)!important}.dark .post-body .shiki span{color:var(--shiki-dark)!important}.post-body table{overflow-wrap:normal;font-size:.88em;line-height:1.7}.post-body :is(th,td):first-child{white-space:nowrap}.post-body thead th{color:var(--muted-foreground);font-weight:500}@media (width<=639px){.post-body>pre.shiki{border-inline:0;border-radius:0;margin-inline:-20px;padding-inline:20px}.post-body table{word-break:normal;display:block;overflow-x:auto}}@media (width>=1280px){.post-body,.post-column{--post-measure:50rem}.post-body{font-size:18px}}