.shell-body{background-color:var(--shell-metal);background-image:linear-gradient(180deg, color-mix(in oklch, var(--shell-sheen) 70%, transparent), transparent 40%, color-mix(in oklch, var(--shell-edge) 30%, transparent)), repeating-linear-gradient(90deg, color-mix(in oklch, var(--shell-sheen) 22%, transparent) 0 1px, transparent 1px 3px);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--shell-sheen) 80%, transparent), 0 1px 2px color-mix(in oklch, var(--overlay-scrim) 12%, transparent), 0 24px 48px -28px color-mix(in oklch, var(--overlay-scrim) 45%, transparent)}.lcd-bezel{background-color:var(--shell-edge);box-shadow:inset 0 2px 5px color-mix(in oklch, var(--overlay-scrim) 45%, transparent)}.lcd-glass:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg, color-mix(in oklch, var(--lcd-screen) 7%, transparent) 0 1px, transparent 1px 4px);position:absolute;inset:0}.ccd{filter:saturate(1.12)contrast(1.04)}.date-stamp{font-family:var(--font-accent);color:var(--lcd-stamp);letter-spacing:.1em;font-variant-numeric:tabular-nums;text-shadow:1px 1px 0 color-mix(in oklch, var(--lcd-screen) 55%, transparent);font-weight:700}.osd{font-family:var(--font-accent);font-variant-numeric:tabular-nums;font-weight:600}.key{box-shadow:0 2px 0 var(--shell-edge), inset 0 1px 0 color-mix(in oklch, var(--shell-key-foreground) 20%, transparent)}.key:active{box-shadow:0 0 0 var(--shell-edge);transform:translateY(2px)}.grade-ruler{background-image:repeating-linear-gradient(90deg, color-mix(in oklch, var(--foreground) 55%, transparent) 0 1px, transparent 1px 12px);height:10px}@media (prefers-reduced-motion:no-preference){.key{transition:transform .12s ease-out,box-shadow .12s ease-out}.lcd-paint{animation:.44s steps(8,end) both lcd-paint}.lcd-zoom{transition:transform .22s ease-out}@keyframes lcd-paint{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}}