/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V4 · genre: playful · route: custom (tuned, anchored on the BOBO3DPRINT brand) · nav: announcement bar that scrolls away above a sticky header (N12 without the retract, which fought scroll anchoring) · footer: Ft1 mast-headed · studied: no * Brand pins that override generic rules: hard-offset dialog-box panels with a 2px mustard inner ring; brand fills larger than 5% (mustard stage, chocolate reels band, terracotta lab strip); one themed overshoot easing (cartoon skin, cart badge); slow looped ambience on the night skin only; scanlines on the scan skin; Shrikhand on the hero's accent phrase (the logo's and the reels' own lettering, set upright with font-style: normal, a different face and not an italic emphasis). * Motion: the stage prints one part layer by layer as you scroll; the other motion is the genre skins' own one-shot entrances, card hovers and the footer switch that stops all of it. * Contrast (WCAG, measured): ink on paper 15:1 · ink on cream 14.6:1 · brown on cream 9.0:1 · rust on cream 5.5:1 · ink on mustard 10.0:1 · ink on terracotta 4.9:1 · cream on ink 14.6:1. * Never: cream or mustard text on terracotta/mustard · terracotta text under 24px on light grounds · teal or rust text on mustard · typed characters as icons (plus, minus and cross are drawn) · a label above a heading. */ @font-face{font-family: "Bricolage Grotesque";font-weight: 400;font-style: normal;font-display: swap;src: url("/assets/fonts/bricolage-grotesque-latin-400-normal.woff2") format("woff2")}@font-face{font-family: "Bricolage Grotesque";font-weight: 500;font-style: normal;font-display: swap;src: url("/assets/fonts/bricolage-grotesque-latin-500-normal.woff2") format("woff2")}@font-face{font-family: "Bricolage Grotesque";font-weight: 700;font-style: normal;font-display: swap;src: url("/assets/fonts/bricolage-grotesque-latin-700-normal.woff2") format("woff2")}@font-face{font-family: "Bricolage Grotesque";font-weight: 800;font-style: normal;font-display: swap;src: url("/assets/fonts/bricolage-grotesque-latin-800-normal.woff2") format("woff2")}@font-face{font-family: "IBM Plex Mono";font-weight: 500;font-style: normal;font-display: swap;src: url("/assets/fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2")}@font-face{font-family: "IBM Plex Mono";font-weight: 600;font-style: normal;font-display: swap;src: url("/assets/fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2")}@font-face{font-family: "Shrikhand";font-weight: 400;font-style: normal;font-display: swap;src: url("/assets/fonts/shrikhand-latin-400-normal.woff2") format("woff2")}:root{--color-mustard: oklch(80.3% 0.140 95.0);--color-terracotta: oklch(62.2% 0.111 40.3);--color-chocolate: oklch(19.0% 0.022 49.6);--color-cream: oklch(91.9% 0.046 86.5);--color-brown: oklch(35.5% 0.071 42.4);--color-orange: oklch(70.3% 0.141 57.3);--color-rust: oklch(47.7% 0.101 38.1);--color-gold: oklch(88.8% 0.115 95.7);--color-cream-2: oklch(88.2% 0.062 86.4);--color-teal: oklch(44.8% 0.051 204.7);--color-paper: oklch(96.5% 0.022 90);--color-panel: var(--color-cream);--color-ink: var(--color-chocolate);--color-ink-2: var(--color-brown);--color-rule: oklch(80% 0.045 80);--color-night: var(--color-chocolate);--color-on-night: var(--color-cream);--color-action: var(--color-mustard);--color-on-action: var(--color-chocolate);--color-focus: var(--color-chocolate);--color-error: oklch(45% 0.16 28);--font-display: "Bricolage Grotesque",ui-sans-serif,"Segoe UI",sans-serif;--font-body: "Bricolage Grotesque",ui-sans-serif,"Segoe UI",sans-serif;--font-mono: "IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;--font-accent: "Shrikhand","Bricolage Grotesque",serif;--text-xs: 0.8125rem;--text-sm: 0.9375rem;--text-base: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: clamp(1.75rem,1.35rem + 1.6vw,2.4rem);--text-3xl: clamp(2.2rem,1.5rem + 3vw,3.6rem);--text-display: clamp(2.75rem,1.5rem + 5.5vw,5.5rem);--space-3xs: 0.125rem;--space-2xs: 0.25rem;--space-xs: 0.5rem;--space-sm: 0.75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius-s: 8px;--radius-m: 14px;--radius-l: 22px;--wrap: 72rem;--gutter: 1rem;--header-h: 3.75rem;--chrome-h: 4.5rem;--ease-out: cubic-bezier(0.16,1,0.3,1);--ease-back: cubic-bezier(0.34,1.56,0.64,1);--dur-micro: 120ms;--dur-short: 220ms;--dur-long: 450ms;--shadow-box: 4px 5px 0 var(--color-chocolate);--shadow-box-sm: 2px 3px 0 var(--color-chocolate);--shadow-box-on-dark: 2px 3px 0 var(--color-terracotta);--line-inner: inset 0 0 0 3px var(--color-panel),inset 0 0 0 5px var(--color-mustard);--z-raised: 10;--z-sticky: 200;--z-toast: 500}@media (min-width: 40em){:root{--gutter: 1.5rem;--header-h: 4.25rem}}@media (min-width: 64em){:root{--gutter: 2rem}}*,*::before,*::after{box-sizing: border-box}html{overflow-x: clip;-webkit-text-size-adjust: 100%;scroll-padding-top: calc(var(--header-h) + 1rem)}body{overflow-x: clip;margin: 0;min-height: 100dvh;display: flex;flex-direction: column;background: var(--color-paper);color: var(--color-ink);font-family: var(--font-body);font-size: var(--text-base);font-weight: 400;line-height: 1.55;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased}main{flex: 1 0 auto}img,svg,video,canvas{display: block;max-width: 100%}img{height: auto}a{color: inherit;text-decoration-thickness: 0.08em;text-underline-offset: 0.2em}a:hover{text-decoration-thickness: 0.16em}button,input,select,textarea{font: inherit;color: inherit}button{cursor: pointer}p,ul,ol,h1,h2,h3,h4,figure,dl{margin: 0}ul[role="list"],ol[role="list"]{list-style: none;padding: 0}table{border-collapse: collapse;width: 100%}::selection{background: var(--color-mustard);color: var(--color-chocolate)}:focus-visible{outline: 3px solid var(--color-focus);outline-offset: 3px;border-radius: var(--radius-s)}[data-night] :focus-visible,.on-night :focus-visible{outline-color: var(--color-cream)}[hidden]{display: none !important}h1,h2,h3,h4{min-width: 0;font-family: var(--font-display);font-weight: 800;line-height: 1.08;letter-spacing: -0.02em;text-wrap: balance;overflow-wrap: anywhere}h1{font-size: var(--text-display);line-height: 1.02;letter-spacing: -0.03em}h2{font-size: var(--text-2xl)}h3{font-size: var(--text-xl);font-weight: 700;letter-spacing: -0.01em}p,li{max-width: 68ch;text-wrap: pretty}.lede{font-size: var(--text-lg);line-height: 1.5;color: var(--color-ink-2);max-width: 58ch}.mono,.price,.num{font-family: var(--font-mono);font-weight: 500;font-variant-numeric: tabular-nums}.small{font-size: var(--text-sm)}.muted{color: var(--color-ink-2)}.accent-phrase{font-family: var(--font-accent);font-weight: 400;letter-spacing: 0}.visually-hidden{position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip-link{position: absolute;left: var(--space-md);top: -4rem;z-index: var(--z-toast);background: var(--color-ink);color: var(--color-paper);padding: var(--space-sm) var(--space-md);border-radius: var(--radius-s)}.skip-link:focus{top: var(--space-md)}.wrap{width: min(100% - 2 * var(--gutter),var(--wrap));margin-inline: auto}.section{padding-block: var(--space-2xl)}.section:not([class*="on-"]):has(+ .section:not([class*="on-"])){padding-bottom: var(--space-lg)}@media (min-width: 48em){.section{padding-block: var(--space-3xl)}}.stack > * + *{margin-top: var(--stack,var(--space-md))}.cluster{display: flex;flex-wrap: wrap;gap: var(--space-sm);align-items: center}.on-night{background: var(--color-night);color: var(--color-on-night)}.on-night .muted,.on-night .lede{color: var(--color-cream-2)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 150ms !important;animation-iteration-count: 1 !important;transition-duration: 150ms !important;scroll-behavior: auto !important}}.banner{background: var(--color-mustard);color: var(--color-ink)}.banner__row{display: flex;align-items: center;justify-content: center;gap: var(--space-sm);padding: var(--space-xs) var(--gutter);font-size: var(--text-sm);font-weight: 500;text-align: center}.banner__row p{max-width: none}.banner__close{flex: none;width: 2.75rem;height: 2.75rem;margin-block: -0.5rem;margin-right: -0.75rem;display: grid;place-items: center;background: none;border: 0;border-radius: 50%}.banner__close:hover{background: color-mix(in oklch,var(--color-ink) 12%,transparent)}.banner[hidden]{display: none}.site-header{position: sticky;top: 0;z-index: var(--z-sticky);background: var(--color-paper);border-bottom: 2px solid var(--color-ink)}.bar{display: flex;align-items: center;gap: var(--space-sm);min-height: var(--header-h)}.brand{display: inline-flex;align-items: center;gap: var(--space-sm);text-decoration: none;margin-right: auto}.brand__badge{width: 2.5rem;height: 2.5rem;flex: none}.brand__name{display: none;font-family: var(--font-display);font-weight: 800;letter-spacing: -0.02em;font-size: var(--text-base)}@media (min-width: 30em){.brand__name{display: inline}}@media (min-width: 40em){.brand__name{font-size: var(--text-lg)}}.nav{display: none;gap: var(--space-xs)}.nav a{display: inline-flex;align-items: center;min-height: 2.75rem;padding-inline: var(--space-md);border-radius: 999px;text-decoration: none;font-weight: 700}.nav a:hover{background: var(--color-cream)}.nav a[aria-current="page"]{background: var(--color-ink);color: var(--color-paper)}.cart-link{display: inline-flex;align-items: center;gap: var(--space-xs);min-height: 2.75rem;padding-inline: var(--space-md);border: 2px solid var(--color-ink);border-radius: 999px;background: var(--color-cream);text-decoration: none;font-weight: 700}.cart-link:hover{background: var(--color-mustard)}.icon{flex: none;width: 1.375rem;height: 1.375rem;max-width: none}.cart-label{display: none}@media (min-width: 40em){.cart-label{display: inline}}.cart-count{display: inline-grid;place-items: center;min-width: 1.5rem;height: 1.5rem;padding-inline: var(--space-2xs);border-radius: 999px;background: var(--color-ink);color: var(--color-paper);font: 600 0.8125rem/1 var(--font-mono)}.cart-count[data-n="0"]{background: var(--color-cream-2);color: var(--color-ink)}.cart-count.is-pop{animation: pop var(--dur-short) var(--ease-back)}@keyframes pop{0%{transform: scale(1)}45%{transform: scale(1.35)}100%{transform: scale(1)}}.menu{position: relative}.menu > summary{list-style: none;display: inline-flex;align-items: center;min-height: 2.75rem;padding-inline: var(--space-md);border: 2px solid var(--color-ink);border-radius: 999px;font-weight: 700;cursor: pointer}.menu > summary::-webkit-details-marker{display: none}.menu[open] > summary{background: var(--color-ink);color: var(--color-paper)}.menu__panel{position: absolute;right: 0;top: calc(100% + var(--space-xs));z-index: var(--z-raised);width: min(18rem,86vw);padding: var(--space-sm);background: var(--color-panel);border: 2px solid var(--color-ink);border-radius: var(--radius-m);box-shadow: var(--shadow-box);display: grid;gap: var(--space-3xs)}.menu__panel a{display: flex;align-items: center;min-height: 2.75rem;padding-inline: var(--space-sm);border-radius: var(--radius-s);text-decoration: none;font-weight: 700}.menu__panel a:hover{background: var(--color-cream-2)}@media (min-width: 52em){.nav{display: flex}.menu{display: none}}.site-footer{margin-top: var(--space-3xl);background: var(--color-night);color: var(--color-on-night);border-top: 2px solid var(--color-ink)}main:has(> .lab-strip:last-child) + .site-footer{margin-top: 0}.site-footer a{text-decoration-color: color-mix(in oklch,var(--color-cream) 50%,transparent)}.foot{display: grid;gap: var(--space-xl);padding-block: var(--space-2xl)}.foot__mast{display: flex;align-items: center;gap: var(--space-md)}.foot__mast img{width: 4.5rem;height: 4.5rem;flex: none}.foot__mast p{font-family: var(--font-display);font-weight: 800;font-size: var(--text-xl);line-height: 1.15;letter-spacing: -0.01em;max-width: 22ch}.foot__cols{display: grid;gap: var(--space-lg);grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr))}.foot__h{font-size: var(--text-sm);font-family: var(--font-display);font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase;color: var(--color-cream-2);margin-bottom: var(--space-xs);max-width: none}.foot ul{padding: 0;list-style: none;display: grid;gap: var(--space-3xs)}.foot li a{display: inline-flex;min-height: 2.75rem;align-items: center}.foot__legal{border-top: 1px solid color-mix(in oklch,var(--color-cream) 25%,transparent);padding-top: var(--space-md);font-size: var(--text-xs);color: var(--color-cream-2);display: grid;gap: var(--space-2xs)}.foot__legal p{max-width: 80ch}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-xs);min-height: 3rem;padding: var(--space-xs) var(--space-lg);border: 2px solid var(--color-ink);border-radius: var(--radius-m);background: var(--color-paper);color: var(--color-ink);font-weight: 700;font-size: var(--text-base);line-height: 1.15;text-align: center;text-decoration: none;cursor: pointer;transition: transform var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out),background var(--dur-micro)}.btn:hover{background: var(--color-cream)}.btn--primary{background: var(--color-action);color: var(--color-on-action);box-shadow: var(--shadow-box-sm)}.btn--primary:hover{background: var(--color-action);transform: translate(-1px,-1px)}.btn--primary:active{transform: translate(2px,3px);box-shadow: 0 0 0 var(--color-ink)}.btn--night{background: var(--color-cream);border-color: var(--color-cream);color: var(--color-ink)}.btn--block{width: 100%}.btn--sm{min-height: 2.75rem;padding: var(--space-2xs) var(--space-sm);font-size: var(--text-sm)}.btn[disabled],.btn[aria-disabled="true"]{opacity: 0.5;cursor: not-allowed;box-shadow: none;transform: none}.btn[aria-busy="true"]{cursor: progress}.on-night .btn{border-color: var(--color-cream);background: transparent;color: var(--color-cream)}.on-night .btn:hover{background: color-mix(in oklch,var(--color-cream) 14%,transparent)}.on-night .btn--primary{background: var(--color-mustard);color: var(--color-ink);border-color: var(--color-ink)}.panel{position: relative;background: var(--color-panel);border: 2px solid var(--color-ink);border-radius: var(--radius-m);box-shadow: var(--shadow-box),var(--line-inner);padding: var(--space-lg);color: var(--color-ink)}.panel--flat{box-shadow: var(--line-inner)}.drawn{display: inline-block;flex: none;width: 1rem;height: 1rem;background: linear-gradient(currentColor 0 0) center / 100% 2.2px no-repeat}.drawn--plus,.drawn--x{background: linear-gradient(currentColor 0 0) center / 100% 2.2px no-repeat,linear-gradient(currentColor 0 0) center / 2.2px 100% no-repeat}.drawn--x{transform: rotate(45deg)}.chips{display: flex;flex-wrap: wrap;gap: var(--space-xs);padding: 0;list-style: none}.chip{display: inline-flex;align-items: center;min-height: 2.75rem;padding-inline: var(--space-md);border: 2px solid var(--color-ink);border-radius: 999px;background: var(--color-paper);font-weight: 700;text-decoration: none;transition: background var(--dur-micro)}.chip:hover{background: var(--color-cream)}.chip[aria-current="true"],.chip[aria-current="page"]{background: var(--color-ink);color: var(--color-paper)}.tag{display: inline-block;padding: 0 var(--space-xs);border-radius: 999px;background: var(--color-ink);color: var(--color-cream);font: 700 var(--text-xs)/1.7 var(--font-display);letter-spacing: 0.03em;text-transform: uppercase}.price{font-weight: 600;font-size: var(--text-lg)}.price small{font-size: var(--text-sm);font-weight: 500;color: var(--color-ink-2)}.cards{display: grid;gap: var(--space-md) var(--space-sm);grid-template-columns: repeat(2,minmax(0,1fr));padding: 0;list-style: none}@media (min-width: 48em){.cards{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--space-lg) var(--space-md)}}@media (min-width: 72em){.cards{grid-template-columns: repeat(4,minmax(0,1fr))}}.card{position: relative;height: 100%;display: flex;flex-direction: column;background: var(--color-panel);border: 2px solid var(--color-ink);border-radius: var(--radius-m);box-shadow: var(--shadow-box-sm);overflow: clip;transition: transform var(--dur-short) var(--ease-out)}.card:hover{transform: translateY(-3px)}.card:has(.card__title a:focus-visible){outline: 3px solid var(--color-focus);outline-offset: 3px}.card__title a:focus-visible{outline: none}.card__media{aspect-ratio: 4 / 5;overflow: clip;background: var(--color-cream-2);border-bottom: 2px solid var(--color-ink)}.card__media img{width: 100%;height: 100%;object-fit: cover}.card__body{display: grid;gap: var(--space-2xs);padding: var(--space-sm)}.card__title{font-size: var(--text-base);font-weight: 800;line-height: 1.2;letter-spacing: -0.01em}.card__title a{text-decoration: none}.card__title a::after{content: "";position: absolute;inset: 0}.card__tagline{font-size: var(--text-sm);color: var(--color-ink-2);line-height: 1.35}.card__foot{display: flex;align-items: baseline;justify-content: space-between;gap: var(--space-xs);margin-top: auto;padding: 0 var(--space-sm) var(--space-sm)}.card .tag{position: absolute;top: var(--space-xs);left: var(--space-xs);z-index: 1;max-width: calc(100% - 1rem);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.field{display: grid;gap: var(--space-2xs)}.field > label,.field > legend,.label{font-weight: 700;font-size: var(--text-sm)}.field .hint{font-size: var(--text-sm);color: var(--color-ink-2)}.input,.select,.textarea{width: 100%;min-height: 3rem;padding: var(--space-sm);background: var(--color-paper);border: 2px solid var(--color-ink);border-radius: 10px}.textarea{min-height: 7rem;resize: vertical}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline: 3px solid var(--color-focus);outline-offset: 2px}.input[aria-invalid="true"]{border-color: var(--color-error)}.field__error{color: var(--color-error);font-size: var(--text-sm);font-weight: 700;min-height: 1.4em}.input:disabled,.select:disabled,.textarea:disabled{opacity: 0.55;cursor: not-allowed}.check{display: grid;grid-template-columns: 1.5rem 1fr;gap: var(--space-sm);align-items: start}.check input{width: 1.5rem;height: 1.5rem;margin: var(--space-3xs) 0 0;accent-color: var(--color-ink)}.notice{padding: var(--space-sm) var(--space-md);border: 2px solid var(--color-ink);border-radius: var(--radius-s);background: var(--color-cream);font-size: var(--text-sm)}.notice--warn{background: var(--color-gold)}.notice--error{background: color-mix(in oklch,var(--color-error) 12%,var(--color-paper));border-color: var(--color-error)}.crumbs{display: flex;flex-wrap: wrap;gap: var(--space-2xs) var(--space-xs);padding: 0;list-style: none;font-size: var(--text-sm);color: var(--color-ink-2)}.crumbs li{display: flex;align-items: center}.crumbs li + li::before{content: "/";margin-right: var(--space-xs)}.crumbs a{display: inline-flex;min-height: 2.75rem;align-items: center}.acc{border-top: 2px solid var(--color-ink)}.acc:last-of-type{border-bottom: 2px solid var(--color-ink)}.acc > summary{list-style: none;display: flex;align-items: center;justify-content: space-between;min-height: 3.25rem;padding-block: var(--space-xs);font-weight: 700;cursor: pointer}.acc > summary::-webkit-details-marker{display: none}.acc > summary::after{content: "";flex: none;width: 1rem;height: 1rem;background: linear-gradient(currentColor 0 0) center / 100% 2.2px no-repeat,linear-gradient(currentColor 0 0) center / 2.2px 100% no-repeat}.acc[open] > summary::after{background: linear-gradient(currentColor 0 0) center / 100% 2.2px no-repeat}.acc > div{padding-bottom: var(--space-md)}.toast{position: fixed;left: 50%;bottom: var(--space-md);z-index: var(--z-toast);max-width: min(92vw,26rem);padding: var(--space-sm) var(--space-md);background: var(--color-ink);color: var(--color-paper);border-radius: var(--radius-m);font-weight: 700;transform: translate(-50%,0.5rem);opacity: 0;pointer-events: none;transition: opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.toast.is-on{opacity: 1;transform: translate(-50%,0);pointer-events: none}.toast.has-link.is-on{pointer-events: auto}.toast a{color: var(--color-mustard);font-weight: 800}.reveal{opacity: 0;transform: translateY(16px)}.reveal.is-in{opacity: 1;transform: none;transition: opacity var(--dur-long) var(--ease-out),transform var(--dur-long) var(--ease-out);transition-delay: calc(var(--i,0) * 60ms)}@media (prefers-reduced-motion: reduce){.reveal{opacity: 1;transform: none}}html:not(.js) .reveal{opacity: 1;transform: none}.motion-switch{margin-top: var(--space-2xs);background: none;border: 2px solid var(--color-cream);color: var(--color-cream);border-radius: 999px;min-height: 2.75rem;padding: 0 var(--space-md);font-weight: 700}.motion-switch:hover{background: color-mix(in oklch,var(--color-cream) 14%,transparent)}html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation: none !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}html[data-motion="off"] .reveal{opacity: 1;transform: none}.skin{position: relative;isolation: isolate;overflow: clip;background: var(--theme-bg,var(--color-cream));color: var(--theme-fg,var(--color-ink))}.skin::before,.skin::after{content: "";position: absolute;pointer-events: none;z-index: -1}.skin:not(.is-live)::before,.skin:not(.is-live)::after{animation-play-state: paused}[data-theme="night"]{--theme-bg: var(--color-chocolate);--theme-fg: var(--color-cream)}[data-theme="pixel"]{--theme-bg: var(--color-cream);--theme-fg: var(--color-chocolate)}[data-theme="holo"]{--theme-bg: var(--color-gold);--theme-fg: var(--color-chocolate)}[data-theme="cartoon"]{--theme-bg: var(--color-terracotta);--theme-fg: var(--color-chocolate)}[data-theme="scan"]{--theme-bg: var(--color-rust);--theme-fg: var(--color-cream)}[data-theme="bloom"]{--theme-bg: var(--color-mustard);--theme-fg: var(--color-chocolate)}.card[data-theme="night"] .tag{background: var(--color-chocolate);color: var(--color-mustard)}.card[data-theme="pixel"] .tag{background: var(--color-orange);color: var(--color-chocolate)}.card[data-theme="holo"] .tag{background: var(--color-gold);color: var(--color-chocolate);border: 2px solid var(--color-chocolate)}.card[data-theme="cartoon"] .tag{background: var(--color-terracotta);color: var(--color-chocolate)}.card[data-theme="scan"] .tag{background: var(--color-rust);color: var(--color-cream)}.card[data-theme="bloom"] .tag{background: var(--color-mustard);color: var(--color-chocolate)}.skin[data-theme="night"]::before{inset: -30%;background: radial-gradient(40% 35% at 25% 60%,color-mix(in oklch,var(--color-teal) 55%,transparent),transparent 70%),radial-gradient(35% 30% at 78% 35%,color-mix(in oklch,var(--color-mustard) 16%,transparent),transparent 70%);animation: fog 26s ease-in-out infinite alternate}.skin[data-theme="night"]::after{left: var(--space-md);right: var(--space-md);top: 0.7rem;height: 2px;background: var(--color-mustard);box-shadow: 0 3px 0 color-mix(in oklch,var(--color-mustard) 35%,transparent);animation: flicker 7s steps(1,end) infinite}@keyframes fog{from{transform: translate(-6%,-3%)}to{transform: translate(6%,4%)}}@keyframes flicker{0%,90%,94%,97%,100%{opacity: 1}91%{opacity: 0.15}92%{opacity: 0.9}93%{opacity: 0.3}95%{opacity: 0.2}96%{opacity: 0.95}}a.skin[data-theme="night"]:hover{animation: shiver 240ms steps(2,end) 1}@keyframes shiver{0%{transform: translate(0,0)}25%{transform: translate(-1.5px,1px)}50%{transform: translate(1.5px,-1px)}75%{transform: translate(-1px,0)}100%{transform: translate(0,0)}}.skin[data-theme="night"] .genre__count,.skin[data-theme="night"] .mono{color: var(--color-mustard)}.skin[data-theme="pixel"]::before{inset: 0;background-image: conic-gradient(color-mix(in oklch,var(--color-cream-2) 70%,transparent) 25%,transparent 0 50%,color-mix(in oklch,var(--color-cream-2) 70%,transparent) 0 75%,transparent 0);background-size: 28px 28px}.skin[data-theme="pixel"]::after{right: 56px;top: 28px;width: 14px;height: 14px;background: var(--color-orange);box-shadow: 14px 0 0 var(--color-orange),28px 0 0 var(--color-orange),28px 14px 0 var(--color-orange),0 14px 0 var(--color-terracotta),14px 14px 0 var(--color-terracotta);animation: snap 700ms steps(6,end) 1 both}@keyframes snap{from{transform: translate(-56px,-56px);opacity: 0}to{transform: none;opacity: 1}}a.skin[data-theme="pixel"]:hover::after{transform: translate(-14px,14px);transition: transform 150ms steps(2,end)}.skin[data-theme="holo"]{--mx: 50%;--my: 40%;--rx: 0deg;--ry: 0deg;transform: perspective(700px) rotateX(var(--ry)) rotateY(var(--rx));transition: transform var(--dur-short) var(--ease-out)}.skin[data-theme="holo"]::before{inset: 0;background: conic-gradient(from 210deg at var(--mx) var(--my),var(--color-gold),var(--color-cream),var(--color-orange),var(--color-gold),var(--color-mustard),var(--color-gold));opacity: 0.85}.skin[data-theme="holo"]::after{inset: 0;background: linear-gradient(115deg,transparent 35%,color-mix(in oklch,var(--color-paper) 55%,transparent) 50%,transparent 65%);background-size: 260% 100%;background-position: var(--mx) 0;mix-blend-mode: soft-light}.skin[data-theme="cartoon"]::before{inset: 0;background-image: radial-gradient(circle at center,color-mix(in oklch,var(--color-ink) 10%,transparent) 22%,transparent 24%);background-size: 12px 12px}a.skin[data-theme="cartoon"]::before{transition: transform 320ms var(--ease-back)}a.skin[data-theme="cartoon"]:hover::before{transform: scale(1.1) rotate(1.5deg)}.skin[data-theme="cartoon"] .genre__name{display: inline-block;transform-origin: 0 100%}.skin[data-theme="cartoon"].is-live .genre__name,.skin[data-theme="cartoon"].is-live h1{animation: wob 600ms var(--ease-back) 1 both}@keyframes wob{0%{transform: scale(1,1) rotate(-3deg)}40%{transform: scale(1.06,0.92) rotate(1deg)}100%{transform: scale(1,1) rotate(0)}}.skin[data-theme="scan"]::before{inset: 0;background: repeating-linear-gradient(0deg,transparent 0 2px,color-mix(in oklch,var(--color-ink) 22%,transparent) 2px 3px)}.skin[data-theme="scan"]::after{left: var(--space-md);bottom: 0.4rem;width: 3rem;height: 3px;background: var(--color-mustard);box-shadow: 0 2px 0 color-mix(in oklch,var(--color-mustard) 35%,transparent);transform-origin: left;transition: transform var(--dur-short) var(--ease-out)}a.skin[data-theme="scan"]:hover::after{transform: scaleX(2.2)}.skin[data-theme="scan"].is-live .genre__name,.skin[data-theme="scan"].is-live h1{animation: boot 700ms steps(14,end) 1 both}@keyframes boot{from{clip-path: inset(0 100% 0 0)}to{clip-path: inset(0 0 0 0)}}.skin[data-theme="scan"] .genre__count,.skin[data-theme="scan"] .mono{color: var(--color-gold)}.skin[data-theme="bloom"]::before{right: -1.5rem;top: -1.5rem;width: 6.5rem;height: 6.5rem;border-radius: 50%;background: radial-gradient(circle at 50% 50%,var(--color-cream) 0 22%,transparent 23%),radial-gradient(circle at 50% 12%,var(--color-cream) 0 18%,transparent 19%),radial-gradient(circle at 88% 50%,var(--color-cream) 0 18%,transparent 19%),radial-gradient(circle at 50% 88%,var(--color-cream) 0 18%,transparent 19%),radial-gradient(circle at 12% 50%,var(--color-cream) 0 18%,transparent 19%);opacity: 0.8;transform: scale(0.7) rotate(-20deg)}.skin[data-theme="bloom"].is-live::before{transform: none;transition: transform 700ms var(--ease-out)}a.skin[data-theme="bloom"]:hover::before{transform: scale(1.12) rotate(14deg)}.theme-band{border-bottom: 2px solid var(--color-ink);padding-block: var(--space-xl)}.theme-band .lede{color: inherit;opacity: 0.92}.theme-band .crumbs,.theme-band .crumbs a{color: inherit}@media (prefers-reduced-motion: reduce){.skin::before,.skin::after,.skin .genre__name,.skin h1{animation: none !important}.skin[data-theme="holo"]{transform: none !important}.skin[data-theme="bloom"]::before{transform: none}}.product{display: grid;gap: var(--space-xl);margin-top: var(--space-md)}@media (min-width: 64em){.product{grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr);gap: var(--space-2xl);align-items: start}.gallery{position: sticky;top: calc(var(--header-h) + 3rem)}}.gallery{display: flex;gap: var(--space-sm);padding: 0 0 var(--space-sm);list-style: none;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: thin;scrollbar-color: var(--color-ink) transparent;border-radius: var(--radius-m)}.gallery__slide{flex: 0 0 min(88%,30rem);scroll-snap-align: start;aspect-ratio: 4 / 5;border: 2px solid var(--color-ink);border-radius: var(--radius-m);overflow: clip;background: var(--color-cream-2);box-shadow: var(--shadow-box-sm)}.gallery__slide img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 40%}@media (min-width: 64em){.gallery__slide{flex-basis: 100%}}.product__info{display: grid;gap: var(--space-lg)}.price--big{font-size: var(--text-2xl)}.buy{display: grid;gap: var(--space-md);padding: var(--space-lg);background: var(--color-panel);border: 2px solid var(--color-ink);border-radius: var(--radius-m);box-shadow: var(--shadow-box),var(--line-inner)}.buy fieldset{border: 0;padding: 0;margin: 0;min-width: 0}.chip--opt{cursor: pointer}.chip--opt:has(input:checked){background: var(--color-ink);color: var(--color-paper)}.chip--opt:has(input:focus-visible){outline: 3px solid var(--color-focus);outline-offset: 3px}.qty{display: inline-flex;align-items: center;border: 2px solid var(--color-ink);border-radius: var(--radius-s);background: var(--color-paper);width: fit-content}.qty__btn{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;border: 0;background: none;border-radius: var(--radius-s)}.qty__btn::before{content: "";width: 1rem;height: 1rem;background: linear-gradient(currentColor 0 0) center / 100% 2.2px no-repeat}.qty__btn:is([data-qty="1"],[data-inc],[data-step$=":1"])::before{background: linear-gradient(currentColor 0 0) center / 100% 2.2px no-repeat,linear-gradient(currentColor 0 0) center / 2.2px 100% no-repeat}.qty__btn:hover{background: var(--color-cream-2)}.qty .qty__in{width: 3.5rem;min-height: 2.75rem;border: 0;border-inline: 2px solid var(--color-ink);border-radius: 0;text-align: center;font-family: var(--font-mono);font-weight: 600;-moz-appearance: textfield}.qty .qty__in::-webkit-outer-spin-button,.qty .qty__in::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.qty--sm .num{min-width: 2rem;text-align: center;font-weight: 600}.qty--sm{border-width: 2px}.btn.is-done{animation: tap var(--dur-short) var(--ease-out)}@keyframes tap{0%{transform: scale(1)}40%{transform: scale(0.97)}100%{transform: scale(1)}}.facts{padding: 0;list-style: none;display: grid;gap: var(--space-xs);font-size: var(--text-sm)}.ticks{padding: 0;list-style: none;display: grid;gap: var(--space-xs)}.ticks li{position: relative;padding-left: 1.5rem}.ticks li::before{content: "";position: absolute;left: 0;top: 0.5em;width: 0.7rem;height: 0.7rem;background: var(--color-mustard);border: 2px solid var(--color-ink);border-radius: 50%}.custom{display: grid;gap: var(--space-sm);justify-items: start}.cards__door{grid-column: 1 / -1;align-self: start}@media (min-width: 48em){.cards__door{grid-column: span 2}}.custom h2{font-size: var(--text-xl)}.cart{display: grid;gap: var(--space-xl);margin-top: var(--space-lg)}@media (min-width: 56em){.cart{grid-template-columns: minmax(0,1fr) 22rem;align-items: start}}.cart__lines{padding: 0;list-style: none;display: grid;gap: var(--space-md)}.cart__line{display: grid;grid-template-columns: 4.5rem 1fr;gap: var(--space-sm) var(--space-md);align-items: center;padding: var(--space-sm);background: var(--color-panel);border: 2px solid var(--color-ink);border-radius: var(--radius-m)}.cart__img{grid-row: span 2;width: 4.5rem;aspect-ratio: 4 / 5;border: 2px solid var(--color-ink);border-radius: var(--radius-s);overflow: clip}.cart__img img{width: 100%;height: 100%;object-fit: cover}.cart__name{font-weight: 800;text-decoration: none}.cart__what{grid-column: 2}.cart__line > .qty,.cart__line > .linklike{grid-column: 2;justify-self: start}@media (min-width: 40em){.cart__line{grid-template-columns: 5.5rem 1fr auto auto}.cart__img{grid-row: auto;width: 5.5rem}.cart__what,.cart__line > .qty,.cart__line > .linklike{grid-column: auto}}.cart__sum{display: grid;gap: var(--space-sm);position: sticky;top: calc(var(--header-h) + 1rem)}.cart__row{display: flex;justify-content: space-between;align-items: baseline}.meter{height: 0.9rem;border: 2px solid var(--color-ink);border-radius: 999px;background: var(--color-paper);overflow: clip}.meter span{display: block;width: 100%;height: 100%;background: var(--color-mustard);transform-origin: left;transition: transform var(--dur-long) var(--ease-out)}.linklike{background: none;border: 0;padding: 0;min-height: 2.75rem;text-decoration: underline;text-underline-offset: 0.2em;font-weight: 700}.table-scroll{overflow-x: auto;margin-top: var(--space-md);border: 2px solid var(--color-ink);border-radius: var(--radius-m);background: var(--color-panel)}.table th,.table td{padding: var(--space-sm) var(--space-md);text-align: left;border-bottom: 1px solid var(--color-rule);vertical-align: top}.table thead th{font: 700 var(--text-xs)/1.4 var(--font-display);letter-spacing: 0.05em;text-transform: uppercase;border-bottom: 2px solid var(--color-ink);white-space: nowrap}.table tbody tr:last-child > *{border-bottom: 0}.table .num{white-space: nowrap}.prose{max-width: 68ch}.prose h1{font-size: var(--text-3xl);margin-bottom: var(--space-lg)}.prose h2{font-size: var(--text-xl);margin: var(--space-xl) 0 var(--space-sm)}.prose h3{font-size: var(--text-lg);margin: var(--space-lg) 0 var(--space-xs)}.prose p,.prose ul,.prose ol,.prose table{margin-top: var(--space-sm)}.prose ul,.prose ol{padding-left: var(--space-lg)}.prose li + li{margin-top: var(--space-2xs)}.prose table{font-size: var(--text-sm);display: block;max-width: 100%;overflow-x: auto}.prose th,.prose td{padding: var(--space-xs) var(--space-sm);border: 1px solid var(--color-rule);text-align: left;vertical-align: top}.contact-grid{display: grid;gap: var(--space-lg)}@media (min-width: 48em){.contact-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}.contact-grid h2{font-size: var(--text-xl);margin-bottom: var(--space-sm)}.list{padding: 0;list-style: none;display: grid;gap: var(--space-2xs)}.list a{display: inline-flex;min-height: 2.75rem;align-items: center}.wrap-s{width: min(100% - 2 * var(--gutter),36rem);margin-inline: auto}.stage{position: relative;display: grid;background: var(--color-mustard)}.stage__fig{position: sticky;top: var(--chrome-h);z-index: 2;height: clamp(16rem,30svh,22rem);background: var(--color-mustard);border-bottom: 2px solid var(--color-ink)}.stage__canvas{width: 100%;height: 100%}.stage__chips{position: absolute;left: var(--gutter);right: var(--gutter);bottom: var(--space-xs);display: flex;gap: var(--space-xs);opacity: 0;visibility: hidden;transform: translateY(6px);transition: opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out),visibility 0s var(--dur-short)}.stage.chips-on .stage__chips{opacity: 1;visibility: visible;transform: none;transition-delay: 0s}.stage__hud{position: absolute;left: var(--gutter);top: var(--space-xs);font-size: var(--text-xs);background: var(--color-cream);border: 2px solid var(--color-ink);border-radius: 999px;padding: 0 var(--space-sm)}.stage__flow{display: grid;gap: 18svh;padding-block: var(--space-lg) 12svh;justify-items: center;position: relative;z-index: 1}.stage__intro{display: grid;gap: var(--space-md);align-content: start}.stage__intro h1{font-size: clamp(2.3rem,1.4rem + 4.4vw,4.5rem)}.stage__intro .accent-phrase{display: inline-block;font-size: 0.9em;line-height: 1.12}.stage__genres{display: none;margin-top: var(--space-xs)}@media (min-width: 40em){.stage__genres{display: flex}}.stage__intro .lede{font-size: var(--text-base)}@media (min-width: 48em){.stage__intro .lede{font-size: var(--text-lg)}}@media (max-width: 29.99em){.stage__intro .cluster{flex-direction: column;align-items: stretch}}.way{width: min(100% - 2 * var(--gutter),30rem);display: grid;gap: var(--space-sm);justify-items: start;margin-top: var(--space-md)}.way h2{font-size: var(--text-2xl)}@media (min-width: 64em){.stage{grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);gap: var(--space-xl);padding-inline: max(var(--gutter),calc((100% - 72rem) / 2));align-items: start}.stage__fig{grid-column: 2;grid-row: 1;height: min(78svh,40rem);top: calc(var(--chrome-h) + var(--space-md));border: 2px solid var(--color-ink);border-radius: var(--radius-l);box-shadow: var(--shadow-box);background: var(--color-panel);margin-top: var(--space-lg)}.stage__flow{grid-column: 1;grid-row: 1;justify-items: start;gap: 18svh;padding-block: var(--space-2xl) 14svh}.stage__intro,.way{margin-inline: 0}.stage__hud{top: var(--space-sm);left: var(--space-md)}}@media (prefers-reduced-motion: reduce){.stage__flow{gap: var(--space-xl);padding-block: var(--space-lg)}.stage__chips{transition: none}}html[data-motion="off"] .stage__flow{gap: var(--space-xl);padding-block: var(--space-lg)}html[data-motion="off"] .stage__chips{transition: none}.genre-grid{display: grid;grid-template-columns: minmax(0,1fr);gap: 2px;padding: 0;list-style: none;margin-top: var(--space-lg);background: var(--color-ink);border: 2px solid var(--color-ink);border-radius: var(--radius-m);box-shadow: var(--shadow-box);overflow: clip}.genre-grid > li{display: grid}.genre{display: grid;gap: var(--space-xs);align-content: end;min-height: 9rem;padding: var(--space-md);text-decoration: none;background: var(--theme-bg,var(--color-cream));color: var(--theme-fg,var(--color-ink))}@media (min-width: 40em){.genre-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.genre-grid > li:last-child:nth-child(odd){grid-column: 1 / -1}.genre{min-height: 11rem}}@media (min-width: 64em){.genre-grid{grid-template-columns: repeat(var(--cols-lg,4),minmax(0,1fr))}.genre-grid > li:last-child:nth-child(odd){grid-column: auto}.genre{min-height: 12rem}}.genre__name{font-family: var(--font-display);font-weight: 800;font-size: var(--text-xl);letter-spacing: -0.01em;line-height: 1.1}.genre__line{font-size: var(--text-sm);max-width: 28ch}.genre__count{font-size: var(--text-xs)}.lab-strip .panel{display: grid;gap: var(--space-lg)}.park{display: grid;padding: 0;list-style: none;border-top: 2px solid var(--color-ink)}.park li{display: grid;grid-template-columns: 2.5rem minmax(0,1fr);column-gap: var(--space-sm);padding-block: var(--space-xs);border-bottom: 1px solid var(--color-ink);max-width: none}.park li > :last-child{grid-column: 2;font-size: var(--text-sm)}.park .num:first-child{font-weight: 600}.lab-strip .small{margin-top: var(--space-xs)}@media (min-width: 48em){.lab-strip .panel{grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);gap: var(--space-xl);align-items: start}}.on-mustard{background: var(--color-mustard);color: var(--color-ink);--color-action: var(--color-chocolate);--color-on-action: var(--color-cream)}.on-mustard .lede{color: var(--color-ink)}.on-mustard .btn:not(.btn--primary){background: var(--color-cream)}.on-mustard .btn--primary{border-color: var(--color-ink);box-shadow: var(--shadow-box-on-dark)}.on-mustard .btn--primary:active{box-shadow: none}.on-terracotta{background: var(--color-terracotta);color: var(--color-ink)}.doors{display: grid;gap: var(--space-sm);margin-top: var(--space-xl)}@media (min-width: 48em){.doors{grid-template-columns: repeat(3,minmax(0,1fr))}}.door-tab{display: grid;gap: var(--space-3xs);text-align: left;padding: var(--space-sm) var(--space-md);min-height: 4rem;background: var(--color-panel);border: 2px solid var(--color-ink);border-radius: var(--radius-m);box-shadow: var(--shadow-box-sm);transition: transform var(--dur-micro) var(--ease-out),background var(--dur-micro)}.door-tab strong{font-weight: 800;font-size: var(--text-lg)}.door-tab span{font-size: var(--text-sm);color: var(--color-ink-2)}.door-tab:hover{background: var(--color-cream-2)}.door-tab[aria-selected="true"]{background: var(--color-mustard);transform: translate(2px,3px);box-shadow: none}.door-tab[aria-selected="true"] span{color: var(--color-ink)}.door{margin-top: var(--space-xl)}.drop__label{display: grid;justify-items: center;gap: var(--space-sm);padding: var(--space-xl) var(--space-md);text-align: center;cursor: pointer;border-style: dashed}.drop__big{font-family: var(--font-display);font-weight: 800;font-size: var(--text-2xl);letter-spacing: -0.01em;line-height: 1.1}.drop.is-over .drop__label{background: var(--color-mustard)}.drop:focus-within .drop__label{outline: 3px solid var(--color-focus);outline-offset: 3px}.drop__status{min-height: 1.5rem;margin-top: var(--space-sm)}.work{display: grid;gap: var(--space-xl);margin-top: var(--space-lg)}@media (min-width: 64em){.work{grid-template-columns: minmax(0,1fr) 23rem;align-items: start}.work__right{position: sticky;top: calc(var(--chrome-h) + 1rem)}.work > .req,.work > .done{grid-column: 1 / -1}}.work__left{display: grid;gap: var(--space-lg);min-width: 0}.viewer{display: grid;gap: 0;margin: 0;border: 2px solid var(--color-ink);border-radius: var(--radius-m);box-shadow: var(--shadow-box);overflow: clip;background: var(--color-cream-2)}.viewer canvas{width: 100%;aspect-ratio: 4 / 3;min-height: 17rem;max-height: 34rem;touch-action: none;cursor: grab;background: radial-gradient(120% 90% at 50% 20%,var(--color-cream),var(--color-cream-2))}.viewer canvas:active{cursor: grabbing}.viewer__bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--space-xs) var(--space-md);padding: var(--space-xs) var(--space-sm);border-top: 2px solid var(--color-ink);background: var(--color-panel)}.viewer figcaption{padding: var(--space-xs) var(--space-sm) var(--space-sm);background: var(--color-panel);font-family: var(--font-mono);font-size: var(--text-xs)}.opts{display: grid;gap: var(--space-lg)}.group{border: 0;padding: 0;margin: 0;min-width: 0;display: grid;gap: var(--space-md)}.group > legend{padding: 0;margin-bottom: var(--space-xs);font-family: var(--font-display);font-weight: 700}.h3{font-family: var(--font-display);font-weight: 700;font-size: var(--text-xl);letter-spacing: -0.01em}.grid-2{display: grid;gap: var(--space-md)}@media (min-width: 40em){.grid-2{grid-template-columns: repeat(2,minmax(0,1fr))}}.lbl{display: flex;align-items: center;gap: var(--space-xs)}.lbl label,.lbl .label{font-weight: 700;font-size: var(--text-sm)}.tip__btn{position: relative;flex: none;width: 1.75rem;height: 1.75rem;display: grid;place-items: center;border: 2px solid var(--color-ink);border-radius: 50%;background: var(--color-cream);padding: 0}.tip__btn::after{content: "";position: absolute;inset: -0.5rem}.tip__mark{width: 0.9rem;height: 0.9rem}.tip__btn[aria-expanded="true"]{background: var(--color-ink);color: var(--color-paper)}.tip__body{padding: var(--space-xs) var(--space-sm);background: var(--color-cream);border: 2px solid var(--color-ink);border-radius: var(--radius-s);max-width: 60ch}.check--inline{display: inline-grid;grid-template-columns: 1.5rem auto;margin-right: var(--space-md)}.helper{margin-top: var(--space-xs)}.helper > summary{cursor: pointer;font-weight: 700;font-size: var(--text-sm);min-height: 2.75rem;display: flex;align-items: center;text-decoration: underline;text-underline-offset: 0.2em}.helper__body{display: grid;gap: var(--space-sm);padding: var(--space-sm);background: var(--color-cream);border: 2px solid var(--color-ink);border-radius: var(--radius-s)}.helper__body fieldset{border: 0;padding: 0;margin: 0;min-width: 0}.helper__body legend{font-weight: 700;font-size: var(--text-sm);padding: 0}.helper__out{font-weight: 700}.str{display: flex;align-items: center;gap: var(--space-md)}.str__viz{flex: none;width: 4rem;height: 4rem;border: 2px solid var(--color-ink);border-radius: var(--radius-s);background: var(--color-paper)}.range{flex: 1;min-width: 0;height: 2.75rem;background: none;-webkit-appearance: none;appearance: none}.range::-webkit-slider-runnable-track{height: 0.5rem;background: var(--color-ink);border-radius: 999px}.range::-moz-range-track{height: 0.5rem;background: var(--color-ink);border-radius: 999px}.range::-webkit-slider-thumb{-webkit-appearance: none;width: 1.75rem;height: 1.75rem;margin-top: -0.625rem;border-radius: 50%;background: var(--color-mustard);border: 2px solid var(--color-ink);box-shadow: var(--shadow-box-sm)}.range::-moz-range-thumb{width: 1.5rem;height: 1.5rem;border-radius: 50%;background: var(--color-mustard);border: 2px solid var(--color-ink);box-shadow: var(--shadow-box-sm)}.result{display: grid;gap: var(--space-sm)}.result__label{font: 700 var(--text-xs)/1.4 var(--font-display);letter-spacing: 0.05em;text-transform: uppercase;color: var(--color-ink-2)}.result__price{font-family: var(--font-mono);font-weight: 600;font-size: var(--text-3xl);line-height: 1.05;letter-spacing: -0.02em;overflow-wrap: anywhere}.result__facts{padding: 0;list-style: none;display: grid;gap: var(--space-3xs);font-size: var(--text-sm)}.result__facts:empty{display: none}.breakdown > summary{cursor: pointer;font-weight: 700;min-height: 2.75rem;display: flex;align-items: center}.table--tight th,.table--tight td{padding: var(--space-2xs) 0;border-bottom: 1px dotted var(--color-rule)}.table--tight td:last-child{text-align: right;font-family: var(--font-mono);white-space: nowrap}.notes{padding: 0;list-style: none;display: grid;gap: var(--space-2xs)}.notes li{padding: var(--space-xs) var(--space-sm);background: var(--color-gold);border: 2px solid var(--color-ink);border-radius: var(--radius-s)}.req{display: grid;gap: var(--space-md)}.req .btn{margin-top: var(--space-xs)}.free{display: grid;gap: var(--space-xl)}@media (min-width: 64em){.free{grid-template-columns: minmax(0,1fr) 21rem;align-items: start}.free .result{position: sticky;top: calc(var(--chrome-h) + 1rem)}}.thumbs{display: flex;flex-wrap: wrap;gap: var(--space-xs);margin-top: var(--space-xs)}.thumbs img{width: 4.5rem;height: 4.5rem;object-fit: cover;border: 2px solid var(--color-ink);border-radius: var(--radius-s)}.done{display: grid;gap: var(--space-sm);margin-top: var(--space-lg)}.done__ref{font-family: var(--font-mono);font-weight: 600;font-size: var(--text-2xl)}.turnstile{min-height: 4.1rem}.minibar{position: fixed;left: 0;right: 0;bottom: 0;z-index: var(--z-sticky);display: flex;align-items: center;justify-content: space-between;gap: var(--space-md);padding: var(--space-xs) var(--gutter);background: var(--color-panel);border-top: 2px solid var(--color-ink)}.minibar .mono{font-weight: 600;font-size: var(--text-lg)}@media (min-width: 64em){.minibar{display: none !important}}.withdraw{margin-top: var(--space-xl);display: grid;gap: var(--space-md);max-width: 40rem}.withdraw form{display: grid;gap: var(--space-md)}.withdraw h2{margin: 0}.dl{display: grid;grid-template-columns: max-content 1fr;gap: var(--space-2xs) var(--space-md);margin: var(--space-sm) 0}.dl dt{font-weight: 700}.dl dd{margin: 0;overflow-wrap: anywhere}.withdraw .review,.withdraw .done{display: grid;gap: var(--space-sm)}