/*! tailwindcss v4.2.2 | 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-border-style:solid;--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}}}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./files/atkinson-hyperlegible-latin-ext-400-normal.woff2)format("woff2"),url(./files/atkinson-hyperlegible-latin-ext-400-normal.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./files/atkinson-hyperlegible-latin-400-normal.woff2)format("woff2"),url(./files/atkinson-hyperlegible-latin-400-normal.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./files/atkinson-hyperlegible-latin-ext-700-normal.woff2)format("woff2"),url(./files/atkinson-hyperlegible-latin-ext-700-normal.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./files/atkinson-hyperlegible-latin-700-normal.woff2)format("woff2"),url(./files/atkinson-hyperlegible-latin-700-normal.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(./files/silkscreen-latin-ext-400-normal.woff2)format("woff2"),url(./files/silkscreen-latin-ext-400-normal.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(./files/silkscreen-latin-400-normal.woff2)format("woff2"),url(./files/silkscreen-latin-400-normal.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer theme{:root,:host{--font-sans:"Atkinson Hyperlegible", "Trebuchet MS", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Silkscreen", "Courier New", monospace;--color-panel:#fffdf7;--color-ink:#16202a;--color-muted:#52606d;--color-line:#1d2833}}@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,ui-sans-serif, system-ui, 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]){-webkit-text-decoration:underline dotted;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{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])){display:none!important}html{color:var(--color-ink);background:#fff7e8}body{min-height:100vh;font-family:var(--font-sans);color:var(--color-ink);background:radial-gradient(circle at 0 0,#fffffff2,#0000 24rem),linear-gradient(#fff7e8eb,#fff1ddfa),repeating-linear-gradient(0deg,#1d28330a 0 1px,#0000 1px 28px),repeating-linear-gradient(90deg,#1d28330a 0 1px,#0000 1px 28px);margin:0}*{box-sizing:border-box}a{color:var(--accent-strong);text-underline-offset:.15em;text-decoration-thickness:.12em}a:hover{text-decoration-style:wavy}:focus-visible{outline:3px dashed var(--accent-strong);outline-offset:4px}img{max-width:100%;height:auto}code,pre{font-family:var(--font-display)}}@layer components{.site-body{min-height:100vh}.page-shell{width:min(1200px,100% - 2rem);margin:0 auto;padding:1rem 0 3rem}.skip-link{z-index:50;background:var(--color-ink);color:#fff;border-radius:.35rem;padding:.75rem 1rem;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border:3px solid var(--color-line);box-shadow:8px 8px 0 var(--panel-shadow);background:linear-gradient(#ffffffd9,#fffcf5f7);align-items:end;gap:1rem;margin-bottom:1.25rem;padding:1rem;display:grid}@media (min-width:58rem){.site-header{grid-template-columns:minmax(0,1fr) auto auto}}.site-brand__link{font-family:var(--font-display);color:var(--color-ink);font-size:clamp(1.35rem,2.5vw,2.25rem);text-decoration:none;display:inline-block}.site-tagline{color:var(--color-muted);max-width:48ch;margin:.4rem 0 0}.site-nav{flex-wrap:wrap;gap:.65rem;display:flex}.site-nav__link{border:2px solid var(--color-line);background:var(--color-panel);color:var(--color-ink);padding:.45rem .8rem;font-size:.95rem;text-decoration:none;box-shadow:4px 4px #1d28332e}.site-nav__link.is-current{background:var(--accent-soft);border-color:var(--accent-strong)}.accent-picker{border:2px solid var(--color-line);background:var(--color-panel);flex-wrap:wrap;align-items:center;gap:.45rem;padding:.5rem;display:inline-flex;box-shadow:4px 4px #1d28332e}.accent-picker__label{font-family:var(--font-display);font-size:.75rem}.accent-picker__button{border:2px solid var(--color-line);color:var(--color-ink);text-transform:lowercase;cursor:pointer;background:#fff;padding:.3rem .6rem;text-decoration:none}.accent-picker__button[data-active=true],.accent-picker__button[aria-current=page]{background:var(--accent-soft);border-color:var(--accent-strong)}.marquee-shell{border:3px solid var(--color-line);background:linear-gradient(90deg, var(--accent-main), var(--accent-secondary));color:#0f1720;margin-bottom:1.25rem;overflow:hidden;box-shadow:8px 8px #1d28332e}.marquee-copy{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin:0;padding:.7rem 1rem;font-size:.82rem}@media (prefers-reduced-motion:no-preference){.marquee-copy{animation:20s linear infinite alternate marquee-slide}}.site-main{display:block}.content-grid{align-items:start;gap:1.5rem;display:grid}@media (min-width:64rem){.content-grid{grid-template-columns:minmax(0,1.6fr) minmax(18rem,.9fr)}.content-grid--single{grid-template-columns:minmax(0,1fr)}}.stack-rows{gap:1.5rem;display:grid}.retro-panel{border:3px solid var(--color-line);background:var(--color-panel);box-shadow:10px 10px #1d28332e}.retro-panel__chrome{border-bottom:3px solid var(--color-line);background:linear-gradient(90deg, var(--accent-main), var(--accent-secondary));justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;display:flex}.retro-panel__title{font-family:var(--font-display);text-transform:lowercase;letter-spacing:.08em;font-size:.82rem}.retro-panel__lights{gap:.35rem;display:inline-flex}.retro-panel__lights span{border:2px solid var(--color-line);background:#ffffffbf;border-radius:999px;width:.8rem;height:.8rem}.retro-panel__body{padding:1.1rem}.hero-grid{gap:1.5rem;display:grid}@media (min-width:48rem){.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr)}}.hero-kicker,.eyebrow{color:var(--color-muted);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8rem}.hero-title,.entry-title,.section-title{font-family:var(--font-display);margin:.55rem 0 0;line-height:1.15}.hero-title{font-size:clamp(1.9rem,4vw,3.4rem)}.entry-title{font-size:clamp(1.7rem,3vw,2.7rem)}.section-title{font-size:clamp(1.35rem,2vw,1.9rem)}.hero-lead,.entry-lead,.home-note,.stack-description,.toolbox-list__item p,.mini-list p,.sidebar-list,.entry-body{color:var(--color-muted)}.hero-lead :where(p){margin:.8rem 0 0}.status-grid{gap:.8rem;display:grid}.status-chip{border:2px solid var(--color-line);background:linear-gradient(180deg, white, var(--accent-soft));gap:.3rem;padding:.9rem;display:grid}.status-chip strong{font-family:var(--font-display);font-size:.82rem}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.8rem;margin-bottom:1rem;display:flex}.panel-grid{gap:1rem;display:grid}.example-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.example-list__item{border:2px solid var(--color-line);background:#ffffffe6;gap:.65rem;padding:1rem;display:grid}.post-card{border:2px solid var(--color-line);background:linear-gradient(#ffffffeb,#fff8e9f2);padding:1rem}.post-card__meta,.entry-meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.92rem;display:flex}.post-card__title{font-family:var(--font-display);margin:.55rem 0;font-size:1.15rem;line-height:1.25}.post-card__title a{color:var(--color-ink);text-decoration:none}.post-card__title a:hover{color:var(--accent-strong)}.tag-list{flex-wrap:wrap;gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.tag-pill{border:2px solid var(--color-line);background:var(--accent-soft);color:var(--color-ink);align-items:center;padding:.3rem .65rem;font-size:.85rem;text-decoration:none;display:inline-flex}.text-link{font-family:var(--font-display)}.mini-list,.footer-links,.sidebar-list,.toolbox-list,.stack-list{margin:0;padding-left:1.1rem}.mini-list li+li,.stack-list__item+.stack-list__item{margin-top:.9rem}.stack-list{gap:.9rem;padding-left:0;list-style:none;display:grid}.stack-name{color:var(--color-ink);font-family:var(--font-display);text-decoration:none}.toolbox-list{gap:.9rem;padding-left:0;list-style:none;display:grid}.toolbox-list__item{border:2px solid var(--color-line);background:#ffffffe6;gap:.55rem;padding:.8rem;display:grid}.toolbox-version{border:2px solid var(--color-line);background:var(--accent-soft);font-family:var(--font-display);justify-self:start;padding:.15rem .45rem;font-size:.74rem}.entry-shell{gap:1rem;display:grid}.entry-header{gap:.9rem;display:grid}.pixel-divider{align-items:center;gap:.3rem;display:flex}.pixel-divider span{background:var(--accent-main);border:2px solid var(--color-line);width:1rem;height:.45rem;display:inline-block}.entry-body{gap:1rem;line-height:1.75;display:grid}.entry-body h2,.entry-body h3{color:var(--color-ink);font-family:var(--font-display);margin:1.25rem 0 0;line-height:1.3}.entry-body p,.entry-body ul,.entry-body ol,.entry-body blockquote,.entry-body pre{margin:0}.entry-body ul,.entry-body ol{padding-left:1.2rem}.entry-body blockquote{border-left:4px solid var(--accent-main);color:var(--color-ink);padding-left:1rem;padding-block:.8rem;background:#ffffffbf;padding-right:1rem}.entry-body pre,.entry-body code{color:#f7f0d8;background:#1a212a}.entry-body pre{border:2px solid var(--color-line);padding:1rem;overflow-x:auto}.entry-body pre[class*=language-]{color:#f5f0df;background:linear-gradient(#11161d,#1a212a)}.entry-body code{padding:.1rem .3rem}.entry-body pre code[class*=language-]{background:0 0;padding:0}.entry-body .token.comment,.entry-body .token.prolog,.entry-body .token.doctype,.entry-body .token.cdata{color:#7f95ab}.entry-body .token.punctuation{color:#c9d4de}.entry-body .token.property,.entry-body .token.tag,.entry-body .token.boolean,.entry-body .token.number,.entry-body .token.constant,.entry-body .token.symbol,.entry-body .token.deleted{color:#ff9f69}.entry-body .token.selector,.entry-body .token.attr-name,.entry-body .token.string,.entry-body .token.char,.entry-body .token.builtin,.entry-body .token.inserted{color:#9adf9c}.entry-body .token.operator,.entry-body .token.entity,.entry-body .token.url,.entry-body .language-css .token.string,.entry-body .style .token.string{color:#ffd782}.entry-body .token.atrule,.entry-body .token.attr-value,.entry-body .token.keyword{color:#7cc8ff}.entry-body .token.function,.entry-body .token.class-name{color:#f2a5ff}.entry-body .token.regex,.entry-body .token.important,.entry-body .token.variable{color:#7ee6d5}.sidebar-block{gap:.8rem;display:grid}.author-panel{border:2px solid var(--color-line);background:linear-gradient(180deg, #ffffffeb, var(--accent-soft));gap:.8rem;padding:1rem;display:grid}.share-panel{border:2px solid var(--color-line);background:linear-gradient(#fffffff5,#fff8e9eb);gap:.8rem;padding:1rem;display:grid}.share-list{flex-wrap:wrap;gap:.7rem;display:flex}.share-link{border:2px solid var(--color-line);background:var(--accent-soft);color:var(--color-ink);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;padding:.55rem .8rem;font-size:.72rem;text-decoration:none;box-shadow:3px 3px #1d28332e}.share-link--button{cursor:pointer}.share-copy-status{min-height:1.5em;color:var(--color-muted);margin:0;font-size:.92rem}.author-panel__title{font-family:var(--font-display);margin:0;font-size:1.15rem}.guide-grid,.palette-grid{gap:1rem;display:grid}@media (min-width:52rem){.guide-grid,.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.guide-card,.palette-card{border:2px solid var(--color-line);background:#ffffffe0;gap:.8rem;padding:1rem;display:grid}.palette-card{--palette-main:var(--accent-main);--palette-soft:var(--accent-soft);--palette-strong:var(--accent-strong);--palette-secondary:var(--accent-secondary);background:linear-gradient(180deg, #ffffffeb, var(--palette-soft))}.palette-card--ember{--palette-main:#ef7f45;--palette-soft:#fff1dd;--palette-strong:#b94f18;--palette-secondary:#3f93ff}.palette-card--surf{--palette-main:#2578e7;--palette-soft:#e5f3ff;--palette-strong:#174da2;--palette-secondary:#17b7b3}.palette-card--mint{--palette-main:#00a878;--palette-soft:#e8fff5;--palette-strong:#076451;--palette-secondary:#f28f3b}.palette-card__window{border:2px solid var(--color-line);background:#ffffffe6;overflow:hidden}.palette-card__bar{border-bottom:2px solid var(--color-line);background:linear-gradient(90deg, var(--palette-main), var(--palette-secondary));font-family:var(--font-display);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;font-size:.72rem;display:flex}.palette-card__dots{gap:.3rem;display:inline-flex}.palette-card__dots span{border:2px solid var(--color-line);background:#fffc;border-radius:999px;width:.75rem;height:.75rem}.palette-card__body{gap:.85rem;padding:.85rem;display:grid}.palette-swatch-grid{gap:.6rem;display:grid}.palette-swatch{grid-template-columns:auto 1fr;align-items:center;gap:.1rem .65rem;font-size:.85rem;display:grid}.palette-swatch strong{color:var(--color-ink)}.palette-swatch code{color:var(--color-muted);font-family:var(--font-sans);background:0 0;grid-column:2;padding:0}.palette-swatch__chip{border:2px solid var(--color-line);border-radius:999px;grid-row:span 2;width:1rem;height:1rem;display:inline-block}.badge-wall{flex-wrap:wrap;gap:.65rem;display:flex}.button-88{text-align:center;border:2px solid var(--color-line);width:88px;min-height:31px;color:var(--color-ink);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;padding:.15rem .35rem;font-size:.48rem;line-height:1.15;text-decoration:none;display:inline-flex;box-shadow:3px 3px #1d28332e}.button-88--ember{background:linear-gradient(135deg,#fff7dd,#ffc9a8)}.button-88--surf{background:linear-gradient(135deg,#e5f3ff,#bde8ff)}.button-88--mint{background:linear-gradient(135deg,#eafff6,#c5f6dd)}.micro-card{border:2px solid var(--color-line);background:#ffffffd1;padding:1rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.site-footer{gap:1rem;margin-top:2rem;display:grid}.footer-note,.footer-copyright{color:var(--color-muted);margin:0}.footer-inline-note{color:var(--color-muted);font-size:.85rem}.footer-copyright{text-align:center;font-size:.92rem}.empty-state{color:var(--color-muted);margin:0}}@layer utilities{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.block{display:block}.flex{display:flex}.border{border-style:var(--tw-border-style);border-width:1px}.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,)}}:root{--accent-main:#ef7f45;--accent-soft:#fff1dd;--accent-strong:#b94f18;--accent-secondary:#3f93ff;--panel-shadow:#1d2833}html[data-accent=surf]{--accent-main:#2578e7;--accent-soft:#e5f3ff;--accent-strong:#174da2;--accent-secondary:#17b7b3}html[data-accent=mint]{--accent-main:#00a878;--accent-soft:#e8fff5;--accent-strong:#076451;--accent-secondary:#f28f3b}@keyframes marquee-slide{0%{transform:translate(0)}to{transform:translate(-12%)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}