/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:var(--font-montserrat);--font-serif:var(--font-lora);--font-mono:var(--font-jetbrains-mono);--spacing:.25rem;--container-4xl:56rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--tracking-tight:-.025em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-montserrat);--default-mono-font-family:var(--font-jetbrains-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])),[hidden]{display:none!important}[data-icon]{overflow:visible}html{font-size:106.25%}body{background-color:var(--bg);color:var(--text)}body:before,body:after{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}body:before{background:radial-gradient(1300px 950px at 50% -5%, var(--accent) 0%, transparent 80%)}@supports (color:color-mix(in lab, red, red)){body:before{background:radial-gradient(1300px 950px at 50% -5%, color-mix(in oklab, var(--accent) 5%, transparent) 0%, transparent 80%)}}body:after{opacity:.1;background-image: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='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html:before{content:"";z-index:-1;pointer-events:none;--grid-line:var(--border);height:950px;position:absolute;top:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){html:before{--grid-line:color-mix(in oklab, var(--border) 45%, transparent)}}html:before{background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(1200px 950px at 100% 0,#000 0%,#0000 80%);mask-image:radial-gradient(1200px 950px at 100% 0,#000 0%,#0000 80%)}html:not([data-theme=dark]):before{--grid-line:var(--border)}@supports (color:color-mix(in lab, red, red)){html:not([data-theme=dark]):before{--grid-line:color-mix(in oklab, var(--border) 60%, transparent)}}.is-switching :not(.theme-knob),.is-switching :before,.is-switching :after{transition:none!important}::selection{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in oklab, var(--accent) 28%, transparent)}}::selection{color:var(--text)}:root:not([data-theme=dark]) body:before{background:radial-gradient(1300px 950px at 50% -5%, var(--accent) 0%, transparent 80%)}@supports (color:color-mix(in lab, red, red)){:root:not([data-theme=dark]) body:before{background:radial-gradient(1300px 950px at 50% -5%, color-mix(in oklab, var(--accent) 13%, transparent) 0%, transparent 80%)}}:root:not([data-theme=dark]) body:after{opacity:.14}.skip-link{background:var(--text);color:var(--bg);z-index:100;border-radius:0 0 .5rem .5rem;padding:.5rem 1rem;font-weight:500;transition:top .12s;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:0}:where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components{.accent{font-family:var(--font-serif);color:var(--accent);font-size:1.06em;font-weight:500}.text-sm.accent,p .accent{color:var(--accent-deep)}.main-card p .accent{color:var(--accent)}@media (width<=479px){.section-title,.hero-title .accent{color:var(--accent-deep)}}span.accent:not(.accent-underline){line-height:1}.logo-blob{transition:transform .2s;display:inline-flex;position:relative}@media (hover:hover){.logo-blob:hover{transform:scale(1.08)}}.logo-blob:before{content:"";z-index:0;background-color:var(--accent);border-radius:42% 58% 63% 37%/41% 44% 56% 59%;animation:18s ease-in-out infinite blob-morph,60s linear infinite blob-spin;position:absolute;inset:-6px}.logo-blob img,.logo-blob svg{z-index:1;position:relative}.tag-cloud li:nth-child(4n+1){rotate:-4deg}.tag-cloud li:nth-child(4n+2){rotate:3deg}.tag-cloud li:nth-child(4n+3){rotate:-2deg}.tag-cloud li:nth-child(4n+4){rotate:5deg}.main-card{min-height:calc(100svh - 6rem)}.hero-title{font-size:var(--hero-size)}.section-title{font-size:min(calc(var(--hero-size) * 5 / 6), 1.875rem)}.rule-title{align-items:baseline;gap:1rem;display:flex}.rule-title:after{content:"";background:var(--accent);opacity:.55;flex:1;height:1px}.rule-icon{background:var(--accent);border-radius:42% 58% 63% 37%/41% 44% 56% 59%;flex-shrink:0;align-self:center;width:1.45em;height:1.45em;margin-right:-.25rem;padding:.3em}@supports (color:color-mix(in lab, red, red)){.rule-icon{background:color-mix(in oklab, var(--accent) 18%, transparent)}}.rule-icon{rotate:-8deg}.is-new{animation:.3s cubic-bezier(.2,.7,.3,1) backwards list-rise;animation-delay:calc(var(--i,0) * 30ms)}.tw-char{opacity:0}.tw-char.is-visible{opacity:1}.tw-caret{vertical-align:-.15em;background:var(--text-muted);width:2px;height:1.05em;margin-left:2px;animation:1.05s step-end infinite tw-blink;display:inline-block}.tw-caret.is-ending{animation:1.05s step-end 3 tw-blink,.9s ease-out 3.15s forwards tw-fade}.meta-row{flex-wrap:wrap;align-items:center;gap:.35rem 1.25rem;display:flex}.meta-item{align-items:center;gap:.4em;display:inline-flex}.stamp{border:2px solid var(--accent-deep);color:var(--accent-deep);font-family:var(--font-serif);letter-spacing:.01em;border-radius:.6rem;margin-top:.25rem;padding:.45rem .95rem;font-size:1.05rem;display:inline-flex;rotate:-1deg}.meta-icon{flex-shrink:0;width:1.05em;height:1.05em}.text-soft{color:var(--text-soft)}.text-muted{color:var(--text-muted)}.nb{white-space:nowrap}@media (width<=479px){.nb{white-space:normal}}.noted{display:inline-block;position:relative}.noted:before{content:"";border-top:.085em solid var(--text);border-left:.085em solid var(--text);width:.32em;height:.32em;position:absolute;bottom:-.1em;left:-.29em;transform:rotate(45deg)}.note{font-family:var(--font-sans);letter-spacing:.01em;color:var(--text);white-space:nowrap;pointer-events:none;font-size:max(.5em,.75rem);font-weight:500;line-height:1;position:absolute;bottom:calc(100% - .14em);left:-.125em;translate:-50%;rotate:-10deg}.seg{border:1px solid var(--border);background-color:var(--bg-elev);box-shadow:3px 3px 0 var(--relief);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.seg-item{color:var(--text-muted);border-radius:999px;padding:.4rem .8rem;font-size:.95rem;line-height:1;text-decoration:none;transition:background-color .2s,color .2s;position:relative}.seg-item:hover{color:var(--text)}.seg-item.is-active,.seg-item:has(input:checked){background-color:var(--text);color:var(--bg)}.theme-switch{border:1px solid var(--border);background-color:var(--bg-elev);width:68px;height:36px;box-shadow:3px 3px 0 var(--relief);cursor:pointer;border-radius:999px;padding:0;position:relative}.theme-knob{background-color:var(--text);width:28px;height:28px;color:var(--bg);border-radius:50%;place-items:center;transition:left .22s;display:grid;position:absolute;top:3px;left:3px}[data-theme=dark] .theme-knob{left:calc(100% - 31px)}.theme-knob svg{width:16px;height:16px}.theme-moon,[data-theme=dark] .theme-sun{display:none}[data-theme=dark] .theme-moon{display:block}.icon-link{width:36px;height:36px;color:var(--text-muted);place-items:center;transition:color .2s;display:grid;position:relative}.icon-link:last-child{margin-right:-8.5px}.icon-link:hover,.icon-link:focus-visible{color:var(--accent)}.icon-link svg{width:19px;height:19px}[data-tip]:after{content:attr(data-tip);background:var(--text);color:var(--bg);letter-spacing:normal;text-transform:none;white-space:nowrap;opacity:0;pointer-events:none;border-radius:.4rem;padding:.25rem .5rem;font-size:.72rem;font-weight:400;line-height:1;transition:opacity .15s,translate .15s;position:absolute;bottom:calc(100% - 2px);left:50%;translate:-50% 4px}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;translate:-50%}.tldr-abbr{text-underline-offset:3px;cursor:help;text-decoration:underline dotted;position:relative}.tldr-abbr:after{bottom:calc(100% + 6px)}.project-tile,.now-card,.service-tile,.tldr-card,.react-card{border:1px solid var(--border);background:var(--bg-elev);box-shadow:4px 4px 0 var(--relief);border-radius:1rem}.now-card,.toc,.tldr-card,.react-card{flex-direction:column;gap:.6rem;padding:1.25rem 1.5rem;display:flex}.post-intro{flex-direction:column;gap:1.5rem;display:flex}.project-tile,.now-card,.service-tile{transition:transform .18s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}@media (hover:hover){.project-tile:hover,.now-card:hover,.service-tile:hover{border-color:var(--accent);box-shadow:6px 6px 0 var(--relief);transform:translate(-2px,-2px)}}.project-tile{flex-direction:column;flex:13rem;padding:1.1rem 1.25rem;text-decoration:none;display:flex}.project-tile-logo{opacity:.12;pointer-events:none;width:7.5rem;height:7.5rem;position:absolute;top:50%;left:-1.5rem;translate:0 -50%}.service-tile{color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem 1rem;font-weight:500;text-decoration:none;display:flex}.service-tile svg,.service-tile img{width:2.5rem;height:2.5rem}.now-grid{grid-template-columns:1fr;gap:2rem;display:grid}.now-card{background:oklch(calc(var(--tint-l) + 4%) calc(var(--tint-c) * .5) var(--tag-h));border-color:oklch(calc(var(--tint-l) - 12%) calc(var(--tint-c) * .5) var(--tag-h));padding-inline:1.4rem}.now-card:nth-child(6n+1){--tag-h:200;rotate:-.6deg}.now-card:nth-child(6n+2){--tag-h:300;rotate:.5deg}.now-card:nth-child(6n+3){--tag-h:150;rotate:-.4deg}.now-card:nth-child(6n+4){--tag-h:345;rotate:.6deg}.now-card:nth-child(6n+5){--tag-h:95;rotate:-.5deg}.now-card:nth-child(6n+6){--tag-h:250;rotate:.4deg}.now-card{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.5rem 1.25rem;display:grid}.now-card:nth-child(2n){grid-template-columns:minmax(0,1fr) auto}.now-card>*{grid-column:2}.now-card:nth-child(2n)>*{grid-column:1}.now-card:nth-child(2n) .now-card-icon{grid-column:2;rotate:8deg}.prose .now-card h2{font-family:var(--font-serif);color:var(--accent);margin:0;font-size:1.3em;line-height:1.3;position:relative}.prose .now-card p{margin:0;position:relative}.now-card-icon{background:var(--accent);border-radius:42% 58% 63% 37%/41% 44% 56% 59%;grid-area:1/1/span 2;place-items:center;width:3.4rem;height:3.4rem;margin-top:.15rem;display:grid}@supports (color:color-mix(in lab, red, red)){.now-card-icon{background:color-mix(in oklab, var(--accent) 18%, transparent)}}.now-card-icon{color:var(--accent);rotate:-8deg}.now-card-icon svg{width:1.7rem;height:1.7rem}.prose .now-lead{font-family:var(--font-serif);color:var(--text);font-size:1.1em;line-height:1.4}.prose .now-tags{flex-wrap:wrap;gap:.5rem;margin-top:.35rem;display:flex}.toc{border-left:2px solid var(--accent);gap:.6rem;padding:.2rem 0 .2rem 1.1rem}.toc ol{counter-reset:toc;flex-wrap:wrap;gap:.35rem 1.4rem;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.toc li{counter-increment:toc;align-items:baseline;gap:.4rem;display:flex}.toc li:before{content:counter(toc);font-family:var(--font-serif);color:var(--accent-deep);font-size:.9em}.tldr-card{background:oklch(var(--tint-l) var(--tint-c) 95);border-color:oklch(calc(var(--tint-l) - 16%) var(--tint-c) 95);transition:rotate .25s;rotate:-.5deg}@media (hover:hover){.tldr-card:hover{rotate:0deg}}.toc a{color:var(--text-soft);text-decoration:none;transition:color .2s}.toc a:hover,.toc a.is-active{color:var(--accent-deep)}.post-nav-card{border:1px solid var(--border);background:var(--bg-elev);box-shadow:4px 4px 0 var(--relief);border-radius:1rem;flex-direction:column;gap:.4rem;padding:.9rem 1.1rem;text-decoration:none;transition:transform .18s,border-color .2s,box-shadow .2s;display:flex}@media (hover:hover){.post-nav-card:hover{border-color:var(--accent);box-shadow:6px 6px 0 var(--relief);transform:translate(-2px,-2px)}}.post-nav-link{color:var(--text);font-weight:500;transition:color .2s}.post-nav-card:hover .post-nav-link{color:var(--accent-deep)}.tldr-label{font-family:var(--font-serif);color:var(--accent-deep);align-items:center;gap:.5rem;font-size:1rem;font-weight:500;line-height:1;display:inline-flex}.tldr-label svg{width:18px;height:18px}.tldr-list{margin:0;padding-left:1.1em;list-style:outside}.tldr-list li::marker{color:var(--accent-deep)}.tldr-list li+li{margin-top:.3rem}.react-icons{color:var(--accent);gap:.65rem;display:flex}.react-icons svg{width:24px;height:24px}.site-footer{--footer-fg:var(--bg);--footer-band:var(--accent-deep);isolation:isolate;background-color:var(--footer-band);position:relative;overflow-x:clip}.site-footer:before{content:"";z-index:-1;pointer-events:none;--grid-line:var(--footer-fg);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.site-footer:before{--grid-line:color-mix(in oklab, var(--footer-fg) 13%, transparent)}}.site-footer:before{background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(800px 420px at 0 100%,#000 0%,#0000 80%);mask-image:radial-gradient(800px 420px at 0 100%,#000 0%,#0000 80%)}.site-footer-inner{--text:var(--footer-fg);--text-soft:var(--footer-fg)}@supports (color:color-mix(in lab, red, red)){.site-footer-inner{--text-soft:color-mix(in oklab, var(--footer-fg) 86%, transparent)}}.site-footer-inner{--text-muted:var(--footer-fg)}@supports (color:color-mix(in lab, red, red)){.site-footer-inner{--text-muted:color-mix(in oklab, var(--footer-fg) 85%, transparent)}}.site-footer-inner{--border:var(--footer-fg)}@supports (color:color-mix(in lab, red, red)){.site-footer-inner{--border:color-mix(in oklab, var(--footer-fg) 32%, transparent)}}.site-footer-inner{--bg-elev:var(--footer-fg)}@supports (color:color-mix(in lab, red, red)){.site-footer-inner{--bg-elev:color-mix(in oklab, var(--footer-fg) 12%, transparent)}}.site-footer-inner{--accent:var(--footer-fg);--accent-deep:var(--footer-fg);--bg:var(--footer-band);color:var(--text)}.btn-primary{background:var(--text);color:var(--bg);font:inherit;cursor:pointer;box-shadow:3px 3px 0 var(--relief);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .95rem;font-size:.9rem;font-weight:500;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}@media (hover:hover){.btn-primary:hover{box-shadow:4px 4px 0 var(--relief);transform:translate(-1px,-1px)}}.btn-primary:active{box-shadow:0 0 0 var(--relief);transform:translate(3px,3px)}.btn-ghost{border:1px solid var(--text-muted);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.9rem;line-height:1;transition:color .2s,border-color .2s;display:inline-flex}@media (hover:hover){.btn-ghost:hover{color:var(--text);border-color:var(--text)}}.btn-ghost.is-copied{color:var(--accent-deep);border-color:var(--accent-deep)}@media (width>=640px){.btn-primary{gap:.5rem;padding:.7rem 1.25rem;font-size:1rem}.btn-ghost{gap:.45rem;padding:.65rem .95rem;font-size:1rem}}.hero-blob{--blob-min:.04;--blob-max:.08;z-index:0;aspect-ratio:1;border:1px solid var(--accent);width:min(72vw,340px);box-shadow:0 0 45px var(--accent), 0 0 110px var(--accent);pointer-events:none;background-color:#0000;border-radius:42% 58% 63% 37%/41% 44% 56% 59%;animation:18s ease-in-out infinite blob-morph,60s linear infinite blob-spin,16s ease-in-out infinite hero-breathe;position:absolute;top:50%;right:14%;translate:0 -50%}@media (width>=640px){.hero-blob{width:min(40%,360px)}}:root:not([data-theme=dark]) .hero-blob{--blob-min:.07;--blob-max:.12}.social-icon{color:var(--text-muted);position:relative}.social-icon:hover,.social-icon:focus-visible{color:var(--brand)}.accent-underline{white-space:nowrap;line-height:1.25;display:inline-block;position:relative}.accent-underline:after{content:"";--ul-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M2 7 Q 18 4.4 33 6.8 Q 48 9.2 63 6 Q 78 3.8 93 6.6 Q 106 8.4 118 6' fill='none' stroke='%23fff' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9 Q 20 8.6 36 7.4 Q 52 6 70 8.8 Q 88 11 104 8.2 Q 113 7 117 8.6' fill='none' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' opacity='0.5'/%3E%3C/svg%3E");height:.5em;-webkit-mask-image:var(--ul-mask);-webkit-mask-image:var(--ul-mask);-webkit-mask-image:var(--ul-mask);mask-image:var(--ul-mask);background-color:currentColor;position:absolute;bottom:calc(-.225em - 1.65px);left:0;right:0;-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:0% .5em,0% .5em;mask-size:0% .5em,0% .5em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.accent-underline.is-drawn:after{animation:.85s cubic-bezier(.7,0,.3,1) forwards ul-draw}.js-glitch.gl-slide{white-space:nowrap;transition:width .5s cubic-bezier(.7,0,.3,1);display:inline-block}.gl-scramble{opacity:.5}.gl-img{vertical-align:middle;border-radius:.12em;width:auto;height:2.2em;margin-block:-.6em;animation:.35s gl-img-in;display:inline-block}.is-glitching{text-shadow:.025em 0 var(--accent), -.025em 0 var(--accent);animation:.16s steps(2,end) infinite gl-jitter}@supports (color:color-mix(in lab, red, red)){.is-glitching{text-shadow:.025em 0 color-mix(in oklab, var(--accent) 60%, #f05 40%), -.025em 0 color-mix(in oklab, var(--accent) 60%, #00d8ff 40%)}}.tag-pill,.tag-cloud-item,.quick-link{--tint:oklch(var(--tint-l) var(--tint-c) var(--tag-h,60));--tint-edge:oklch(calc(var(--tint-l) - 16%) var(--tint-c) var(--tag-h,60));background:var(--tint);border:1px solid var(--tint-edge);color:var(--text);box-shadow:2px 2px 0 var(--tint-edge)}.tag-pill{border-radius:999px;align-items:center;padding:.25rem .7rem;font-size:.82rem;line-height:1.2;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.tag-cloud-item:focus-visible,.quick-link:focus-visible{box-shadow:3px 3px 0 var(--tint-edge);transform:translate(-1px,-1px)}@media (hover:hover){.tag-pill:hover,.tag-cloud-item:hover,.quick-link:hover{box-shadow:3px 3px 0 var(--tint-edge);transform:translate(-1px,-1px)}}.quick-link{border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.9rem;font-weight:500;line-height:1.2;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.quick-link svg{width:18px;height:18px}.post-list{margin:0;padding:0;list-style:none}[data-post-list],[data-blog-none]{scroll-margin-top:1.5rem}[data-post-list]:focus,[data-blog-none]:focus{outline:none}.post-item{position:relative}.post-title{text-wrap:pretty}.post-item .post-title a{color:var(--text);text-decoration:none;transition:color .2s}.post-item .post-title a:hover{color:var(--accent-deep)}.blog-tools{flex-direction:column;gap:1rem;display:flex}.blog-segs{flex-wrap:wrap;justify-content:space-between;gap:.7rem 1.4rem;display:flex}.seg-item:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}label.seg-item{cursor:pointer}.tag-cloud{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .6rem;margin:0;padding:0;list-style:none;display:flex}.tag-cloud li{flex:1 0 auto;min-width:max-content;max-width:14rem}.tag-cloud .tag-cloud-item{white-space:nowrap;justify-content:center;width:100%}.tag-cloud-item{border-radius:999px;align-items:baseline;gap:.35em;padding:.32em .85em;line-height:1.35;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .2s,border-color .2s;display:inline-flex}.tag-cloud-item[data-weight="1"]{font-size:.9rem}.tag-cloud-item[data-weight="2"]{font-size:1.05rem}.tag-cloud-item[data-weight="3"]{font-size:1.25rem}.tag-cloud-item[data-weight="4"]{font-size:1.5rem}.tag-cloud-item[data-weight="5"]{font-size:1.8rem}@media (width<=479px){.tag-cloud-item[data-weight="1"]{font-size:.8rem}.tag-cloud-item[data-weight="2"]{font-size:.9rem}.tag-cloud-item[data-weight="3"]{font-size:1rem}.tag-cloud-item[data-weight="4"]{font-size:1.1rem}.tag-cloud-item[data-weight="5"]{font-size:1.15rem}}.tag-cloud-item.is-active{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--bg);box-shadow:2px 2px 0 var(--text)}.tag-cloud-count{opacity:.85;font-variant-numeric:tabular-nums;font-size:max(.62em,.75rem)}.post-list.is-timeline{--rail-x:.25rem;--rail-gap:1.75rem;padding-left:var(--rail-gap);position:relative}.post-list.is-timeline:before{content:"";left:var(--rail-x);background:var(--border);width:1px;position:absolute;top:.6rem;bottom:.6rem}.post-list.is-timeline .post-item:before,.post-list.is-timeline .year-mark:before{content:"";border-radius:999px;position:absolute}.post-list.is-timeline .post-item:before{left:calc(var(--rail-x) - var(--rail-gap) - .25rem);background:var(--bg);border:1px solid var(--text-muted);width:.5rem;height:.5rem;transition:border-color .2s;top:.375rem}.post-list.is-timeline .post-item:hover:before{border-color:var(--accent)}.post-list.is-timeline .year-mark:before{left:calc(var(--rail-x) - var(--rail-gap) - .4rem);background:var(--accent);width:.8rem;height:.8rem;top:.45rem}.year-mark{font-family:var(--font-serif);color:var(--accent);font-size:1.75rem;line-height:1;position:relative}.year-count{font-family:var(--font-sans);color:var(--text-muted);margin-left:-.35rem;font-size:.85rem}.prose{color:var(--text-soft);font-size:1.2rem;line-height:1.75}.prose>*+*{margin-top:1.1em}@media (width<=639px){.prose{-webkit-hyphens:auto;hyphens:auto}.prose code{-webkit-hyphens:manual;hyphens:manual}}.prose h2,.prose h3{color:var(--text);letter-spacing:-.01em;text-wrap:pretty;margin-top:2em;scroll-margin-top:1.5rem;font-weight:500}.prose h2{font-size:1.5em;line-height:1.3}.prose h3{font-size:1.2em;line-height:1.4}.prose a:not(.tag-pill),.link-mark{color:var(--text);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);font-weight:500}@supports (color:color-mix(in lab, red, red)){.prose a:not(.tag-pill),.link-mark{-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, var(--bg));-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, var(--bg));text-decoration-color:color-mix(in oklab, var(--accent) 35%, var(--bg))}}.prose a:not(.tag-pill),.link-mark{text-underline-offset:-.2em;text-decoration-thickness:.5em;transition:color .25s,text-decoration-color .25s,text-decoration-thickness .25s,text-underline-offset .25s}.prose a:not(.tag-pill):hover,.prose a:not(.tag-pill):focus-visible,.link-mark:hover,.link-mark:focus-visible{color:var(--bg);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.prose a:not(.tag-pill):hover,.prose a:not(.tag-pill):focus-visible,.link-mark:hover,.link-mark:focus-visible{-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 85%, var(--text));-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 85%, var(--text));text-decoration-color:color-mix(in oklab, var(--accent) 85%, var(--text))}}.prose a:not(.tag-pill):hover,.prose a:not(.tag-pill):focus-visible,.link-mark:hover,.link-mark:focus-visible{text-underline-offset:-1em;text-decoration-thickness:1.4em}.prose strong{color:var(--text);font-weight:500}.prose ul,.prose ol{padding-left:1.4em}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li+li{margin-top:.35em}.prose li::marker{color:var(--accent)}.prose blockquote{border:1px solid var(--border);background:var(--bg-elev);box-shadow:4px 4px 0 var(--relief);font-family:var(--font-serif);color:var(--text);border-radius:.75rem;padding:.9em 1.2em;font-size:1.1em}.prose blockquote>:first-child{margin-top:0}.prose hr{border:0;border-top:1px solid var(--border);margin-block:2.5em}.prose img{border:1px solid var(--border);box-shadow:5px 5px 0 var(--relief);border-radius:.75rem}.prose figure picture,.prose figure>img{transition:rotate .25s;rotate:-.6deg}.prose figure:nth-of-type(2n) picture,.prose figure:nth-of-type(2n)>img{rotate:.6deg}@media (hover:hover){.prose figure:hover picture,.prose figure:hover>img{rotate:0deg}}.table-scroll{overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:.95em}.prose th,.prose td{text-align:left;padding:.55em .75em}.prose th{color:var(--accent-deep);font-family:var(--font-serif);border-bottom:2px solid var(--accent);font-weight:500}.prose tbody tr:nth-child(2n){background:var(--bg-elev)}@supports (color:color-mix(in lab, red, red)){.prose tbody tr:nth-child(2n){background:color-mix(in oklab, var(--bg-elev) 70%, transparent)}}.prose code{font-family:var(--font-mono);background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:.35rem;padding:.12em .35em;font-size:.875em}.search-form{position:relative}.search-icon{width:1.05rem;height:1.05rem;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1.15rem;transform:translateY(-50%)}.search-input{border:1px solid var(--border);background:var(--bg-elev);width:100%;color:var(--text);font:inherit;box-shadow:3px 3px 0 var(--relief);border-radius:999px;padding:.7rem 1.1rem .7rem 2.9rem;transition:border-color .2s,translate .15s,box-shadow .15s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:4px 4px 0 var(--relief);outline:none;translate:-1px -1px}.search-input:focus-visible{box-shadow:0 0 0 1px var(--accent), 4px 4px 0 var(--relief)}.search-kbd{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);font-family:var(--font-mono);pointer-events:none;border-bottom-width:2px;border-radius:.35rem;padding:.15rem .5rem;font-size:.75rem;line-height:1;transition:opacity .15s;position:absolute;top:50%;right:1rem;translate:0 -50%}.search-input:focus~.search-kbd{opacity:0}@media (hover:none){.search-kbd{display:none}}.search-count:empty{position:absolute}.search-results{flex-direction:column;gap:2rem;margin:0;padding:0;list-style:none;display:flex}@media (width>=640px){.search-results{gap:2.5rem}}.search-results:empty{display:none}.post-item mark{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.post-item mark{background:color-mix(in oklab, var(--accent) 25%, transparent)}}.post-item mark{color:inherit;border-radius:.2em;padding:0 .1em}.read-progress{z-index:60;background:var(--accent);pointer-events:none;width:0;height:3px;position:fixed;top:0;left:0}.back-top{z-index:40;border:1px solid var(--border);background:var(--bg-elev);width:44px;height:44px;color:var(--text-muted);box-shadow:3px 3px 0 var(--relief);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;border-radius:50%;place-items:center;transition:opacity .2s,translate .2s,visibility .2s,color .2s,border-color .2s;display:grid;position:fixed;bottom:1.5rem;right:1.5rem;translate:0 8px}.back-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;translate:0}.back-top:hover,.back-top:focus-visible{color:var(--accent);border-color:var(--accent)}.back-top svg{width:20px;height:20px}.h-anchor{color:var(--accent-deep);opacity:0;margin-left:.4em;text-decoration:none;transition:opacity .15s}:is(h2,h3):hover .h-anchor,.h-anchor:focus-visible{opacity:1}.prose figure{margin:.5rem 0 0}.prose figure figcaption{margin-top:1rem}.prose figure picture{display:block}.prose figure img{margin-inline:auto}.prose figcaption{color:var(--text-muted);text-align:center;margin-top:.5rem;font-size:.875rem}.prose sup a[data-footnote-ref]{color:var(--accent-deep);padding:0 .15em;font-size:.8em;text-decoration:none}.prose sup a[data-footnote-ref]:before{content:"["}.prose sup a[data-footnote-ref]:after{content:"]"}.prose .footnotes{color:var(--text-muted);margin-top:2rem;font-size:.875rem}.prose .footnotes-title{letter-spacing:0;color:var(--accent-deep);margin:0 0 1rem;font-size:1.325rem;line-height:1.3}@media (width>=640px){.prose .footnotes{margin-top:2.5rem}.prose .footnotes-title{font-size:1.59rem}}.prose .data-footnote-backref{color:var(--accent-deep);text-decoration:none}.prose .data-footnote-backref~.data-footnote-backref{display:none}@media (forced-colors:active){.seg-item.is-active,.seg-item:has(input:checked),.tag-cloud-item.is-active{forced-color-adjust:none;color:highlighttext;background-color:highlight;border-color:highlighttext}.theme-knob,.post-list.is-timeline .year-mark:before{border:1px solid #0000}.post-item mark{forced-color-adjust:none;color:marktext;background:mark}}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.z-10{z-index:10}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-auto{margin-inline:auto}.mt-6{margin-top:calc(var(--spacing) * 6)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.min-h-svh{min-height:100svh}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-full{width:100%}.w-px{width:1px}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[26ch\]{max-width:26ch}.max-w-\[34ch\]{max-width:34ch}.max-w-\[48ch\]{max-width:48ch}.max-w-\[52ch\]{max-width:52ch}.max-w-\[58ch\]{max-width:58ch}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-x-14{column-gap:calc(var(--spacing) * 14)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.self-center{align-self:center}.self-start{align-self:flex-start}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.bg-\[var\(--border\)\]{background-color:var(--border)}.p-0{padding:0}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-9{padding-top:calc(var(--spacing) * 9)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-pretty{text-wrap:pretty}.text-\[var\(--text\)\]{color:var(--text)}.italic{font-style:italic}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,translate\]{transition-property:color,translate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:text-\[var\(--accent\)\]:hover{color:var(--accent)}}@media (width>=40rem){.sm\:mx-1{margin-inline:var(--spacing)}.sm\:mt-8{margin-top:calc(var(--spacing) * 8)}.sm\:-ml-3{margin-left:calc(var(--spacing) * -3)}.sm\:h-5{height:calc(var(--spacing) * 5)}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-14{height:calc(var(--spacing) * 14)}.sm\:w-5{width:calc(var(--spacing) * 5)}.sm\:w-8{width:calc(var(--spacing) * 8)}.sm\:w-14{width:calc(var(--spacing) * 14)}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:gap-8{gap:calc(var(--spacing) * 8)}.sm\:gap-10{gap:calc(var(--spacing) * 10)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-7{padding-block:calc(var(--spacing) * 7)}.sm\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\:pt-9{padding-top:calc(var(--spacing) * 9)}.sm\:pt-12{padding-top:calc(var(--spacing) * 12)}.sm\:pt-16{padding-top:calc(var(--spacing) * 16)}.sm\:pb-7{padding-bottom:calc(var(--spacing) * 7)}.sm\:pb-16{padding-bottom:calc(var(--spacing) * 16)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (width>=64rem){.lg\:text-\[3\.5rem\]{font-size:3.5rem}}}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}:root{color-scheme:light;--bg:#f7f5ef;--bg-elev:#efece2;--text:#2a2824;--text-soft:#4f4a43;--text-muted:#706a5f;--border:#cfc4af;--accent:#bf6242;--accent-deep:#9e4424;--relief:var(--accent);--tint-l:89%;--tint-c:.06}@media not print{[data-theme=dark]{color-scheme:dark;--bg:#1e1d1b;--bg-elev:#2a2825;--text:#ece9e2;--text-soft:#c7c2b8;--text-muted:#9c968c;--border:#38352f;--accent:#e3a282;--accent-deep:var(--accent);--tint-l:36%;--tint-c:.05}}:root{--hero-size:clamp(1.15rem, calc(7.1vw - 3.5px), 3.5rem)}@keyframes blob-morph{0%,to{border-radius:42% 58% 63% 37%/41% 44% 56% 59%}33%{border-radius:60% 40% 38% 62%/52% 63% 37% 48%}66%{border-radius:38% 62% 55% 45%/60% 38% 62% 40%}}@keyframes blob-spin{to{transform:rotate(360deg)}}@keyframes hero-breathe{0%,to{opacity:var(--blob-min,.07)}50%{opacity:var(--blob-max,.11)}}@keyframes ul-draw{0%{-webkit-mask-size:0% .5em,0% .5em;mask-size:0% .5em,0% .5em}45%{-webkit-mask-size:0% .5em,100% .5em;mask-size:0% .5em,100% .5em}55%{-webkit-mask-size:0% .5em,100% .5em;mask-size:0% .5em,100% .5em}to{-webkit-mask-size:100% .5em,100% .5em;mask-size:100% .5em,100% .5em}}@keyframes list-rise{0%{opacity:0;transform:translateY(.5rem)}}@keyframes tw-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes tw-fade{to{opacity:0}}@keyframes gl-img-in{0%{opacity:0}}@keyframes gl-jitter{0%{transform:translate(0)}25%{transform:translate(-.012em,.01em)}50%{transform:translate(.012em,-.008em)}75%{transform:translate(-.008em,-.012em)}to{transform:translate(.01em,.008em)}}@media print{header,.site-footer,.toc,.react-block,.post-nav,.back-top,.read-progress,article>footer,.hero-blob,.tw-caret,.btn-primary,.btn-ghost{display:none!important}body{color:#000;background:#fff}html:before,body:before,body:after{content:none}:root[data-theme=dark] .expressive-code .ec-line .code span[style]{color:var(--0)}.prose a[href^=http]:after{content:" (" attr(href) ")";color:#555;font-size:.85em}.prose a,.link-mark{text-underline-offset:3px;text-decoration-thickness:1px}.expressive-code .ec-line .code{white-space:pre-wrap;overflow-wrap:break-word}.prose figure picture,.prose figure>img,.tldr-card,.now-card,.rule-icon,.now-card-icon,.stamp,.tag-cloud li{rotate:0deg}.tldr-card,.now-card,.react-card,.post-nav-card,.prose img,.prose blockquote,.tag-pill,.btn-primary,.search-input,.seg{box-shadow:none}.tw-char{opacity:1}.accent-underline:after{-webkit-mask-size:100% .5em,100% .5em;mask-size:100% .5em,100% .5em}.social-list{flex-direction:column;align-items:flex-start;gap:.5rem}.social-list li[aria-hidden]{display:none}.social-icon{align-items:center;gap:.6rem;width:auto;height:auto;display:inline-flex}.social-icon svg{width:1.1em;height:1.1em}.social-icon:after{content:attr(href);color:#555;opacity:1;background:0 0;padding:0;font-size:.9rem;position:static;translate:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}