@layer base{.refill-page *,.refill-page :before,.refill-page :after{border-color:var(--border)}}.grain{background-image:radial-gradient(color-mix(in oklch, var(--foreground) 20%, transparent) 1px, transparent 1.7px), radial-gradient(color-mix(in oklch, var(--card) 40%, transparent) 1.2px, transparent 1.8px), radial-gradient(color-mix(in oklch, var(--foreground) 12%, transparent) 1.4px, transparent 2px);background-position:0 0,4px 2px,6px 9px;background-size:7px 9px,11px 6px,13px 17px}.grain-coarse{background-image:radial-gradient(ellipse 4px 3px, color-mix(in oklch, var(--foreground) 22%, transparent) 60%, transparent 70%), radial-gradient(ellipse 3px 4px, color-mix(in oklch, var(--card) 35%, transparent) 60%, transparent 70%), radial-gradient(ellipse 4px 4px, color-mix(in oklch, var(--foreground) 14%, transparent) 60%, transparent 70%);background-position:0 0,7px 5px,3px 12px;background-size:13px 11px,17px 15px,19px 23px}.headline-face{font-family:var(--font-headline)}.lcd{background:var(--scale-screen);color:var(--scale-digit);font-family:var(--font-accent);font-variant-numeric:tabular-nums;box-shadow:inset 0 2px 6px color-mix(in oklch, var(--overlay-scrim) 45%, transparent)}.lcd-ghost{color:var(--scale-digit-ghost)}.lcd-lit{text-shadow:0 0 1px var(--scale-digit)}.jar{background:var(--jar-glass);border:2px solid var(--jar-edge);border-radius:0 0 calc(var(--radius) * 2.2) calc(var(--radius) * 2.2);border-top-width:0}.jar-lid{background:var(--jar-edge);border-radius:calc(var(--radius) * .6) calc(var(--radius) * .6) 0 0}.jar-fill{transform-origin:bottom;transition:transform .16s linear}.price-label{background:var(--card);color:var(--card-foreground);font-family:var(--font-accent);font-variant-numeric:tabular-nums;background-image:radial-gradient(circle at 0 50%, var(--scale-body) 5px, transparent 5.5px), radial-gradient(circle at 100% 50%, var(--scale-body) 5px, transparent 5.5px);box-shadow:0 1px 3px color-mix(in oklch, var(--overlay-scrim) 12%, transparent)}.tare-sticker{font-family:var(--font-accent);background:var(--card);border:1px dashed var(--jar-edge)}.shelf-edge{background:var(--jar-shelf)}.receipt{font-family:var(--font-accent);background:var(--card);color:var(--card-foreground);position:relative}.receipt:after{content:"";background:linear-gradient(135deg, var(--card) 50%, transparent 50%) 0 0 / 14px 10px repeat-x, linear-gradient(225deg, var(--card) 50%, transparent 50%) 0 0 / 14px 10px repeat-x;height:10px;position:absolute;bottom:-9px;left:0;right:0}.tabular{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:no-preference){.lcd-blink{animation:.36s steps(2,jump-none) lcd-blink}.label-print{animation:.52s cubic-bezier(.2,.7,.2,1) label-print}.jar-set{animation:.24s ease-out jar-set}}@media (prefers-reduced-motion:reduce){.jar-fill{transition:none}}@keyframes lcd-blink{0%{opacity:.15}to{opacity:1}}@keyframes label-print{0%{clip-path:inset(100% 0 0);transform:translateY(-100%)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes jar-set{0%{transform:translateY(-10px)}to{transform:translateY(0)}}