/* VEYN / tape-to-chrome. Optical material only: no new copy, layouts or form behavior. */
:root{--analog-ready:1;--analog-metal:#81728f;--analog-ice:#c9bed6;--analog-violet:#a383c6}
.analog-overlay{position:fixed;inset:0;z-index:42;pointer-events:none;overflow:hidden;contain:strict;isolation:isolate}
/* taste-skill-ignore: Owner-requested CRT optical raster and edge vignette; not decorative page color. */ .analog-overlay:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 2px,#9b85b80c 2px 3px);opacity:.4}
/* taste-skill-ignore: Owner-requested CRT optical raster and edge vignette; not decorative page color. */ .analog-overlay:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 57%,#03020560 100%)}
.analog-grain{position:absolute;inset:-64px;display:block;background:url(analog-grain.svg) 0 0/128px 128px;opacity:.095;animation:analog-grain 360ms steps(1,end) infinite}
@keyframes analog-grain{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(-19px,13px,0)}50%{transform:translate3d(23px,-17px,0)}75%{transform:translate3d(-9px,-27px,0)}}
/* taste-skill-ignore: Owner-requested VHS tracking/acquisition signal, contained and transient. */ .analog-tracking{position:absolute;inset:0 0 auto;display:block;height:90px;opacity:0;background:linear-gradient(transparent 20%,#b6a6ca0d 45%,#d9cdea30 46%,transparent 48%,#73617f1a 75%,transparent 83%);animation:analog-tracking 22s linear infinite}
@keyframes analog-tracking{0%,82%{transform:translate3d(0,66vh,0);opacity:0}83%{opacity:.18}87%{transform:translate3d(5px,80vh,0);opacity:.2}91%,100%{transform:translate3d(-3px,101vh,0);opacity:0}}
html[data-matrix-mode=commerce] .analog-grain{opacity:.045}
html[data-matrix-mode=commerce] .analog-tracking{display:none}
.analog-input-active .analog-tracking{display:none}
/* A gunmetal title strip: light caught by a physical edge, rather than glass. */
/* taste-skill-ignore: Owner-requested Y2K metal: reflected bands and inset edge highlights define the material. */ .terminal-center .window-title,.hero-record-bar{background:linear-gradient(105deg,#16101d 0,#302238 26%,#1d1527 43%,#110c18 72%,#20152c 100%);box-shadow:inset 0 1px 0 #d0bbeb24,inset 0 -1px 0 #0008;border-bottom-color:#6a4e7a;color:#b9a7c8}
/* taste-skill-ignore: Owner-requested Y2K metal: reflected bands and inset edge highlights define the material. */ .terminal-diagnostics .window-title{background:linear-gradient(110deg,#21182a,#14101b 65%,#2b1c35);box-shadow:inset 0 1px 0 #b79cce1c}
/* taste-skill-ignore: Owner-requested Y2K metal: reflected bands and inset edge highlights define the material. */ .matrix-channel,.footer-system{background-image:linear-gradient(100deg,#35203f20,transparent 45%,#5c3b7524)}
/* taste-skill-ignore: Owner-requested Y2K metal: reflected bands and inset edge highlights define the material. */ .terminal-center,.product-details{box-shadow:inset 0 1px 0 #bba3d518,inset 0 -1px 0 #0009}
/* taste-skill-ignore: Owner-requested Y2K metal: reflected bands and inset edge highlights define the material. */ .hero-visual{box-shadow:inset 0 1px 0 #d1bee52b}
/* taste-skill-ignore: Owner-requested Y2K metal: reflected bands and inset edge highlights define the material. */ .hero-visual .campaign-placeholder{background:linear-gradient(125deg,#1d1328,#0d0a12 48%,#23152e)!important}
/* taste-skill-ignore: Owner-requested analog channel registration; a subpixel violet offset on display headings only. */ .hero-copy h1,.terminal-intro h1{text-shadow:1px 0 #a687c02b,-.6px 0 #dfd8ea1f}
/* taste-skill-ignore: Owner-requested Y2K metal: reflected bands and inset edge highlights define the material. */ .button:not(.outline){background-image:linear-gradient(110deg,#e9d8ff18,transparent 32%,#11051f0d 70%,#eddbff12);box-shadow:inset 0 1px 0 #e2caff52,inset 0 -1px 0 #32104866}
/* taste-skill-ignore: Owner-requested Y2K metal: reflected bands and inset edge highlights define the material. */ .button.outline,.inspect-mark-button{background-image:linear-gradient(130deg,#6a4d8126,transparent 47%,#9673b21a);box-shadow:inset 0 1px 0 #ceb7df1f}
/* taste-skill-ignore: Owner-requested Y2K metal: reflected bands and inset edge highlights define the material. */ .variant-choice[aria-checked=true],.card-view-switch button[aria-pressed=true]{box-shadow:inset 0 1px 0 #d3b5ea29}
/* The optical scan is contained to image surfaces. Product colors resolve cleanly. */
.analog-surface{position:relative;isolation:isolate}
.analog-acquisition{position:absolute;z-index:6;inset:0;pointer-events:none;overflow:hidden;opacity:0}
/* taste-skill-ignore: Owner-requested VHS tracking/acquisition signal, contained and transient. */ .analog-acquisition:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#b79aca15 3px 4px);opacity:.8}
/* taste-skill-ignore: Owner-requested VHS tracking/acquisition signal, contained and transient. */ .analog-acquisition:after{content:'';position:absolute;left:-8px;right:-8px;top:-52px;height:52px;background:linear-gradient(transparent,#b0a1c415 60%,#d8cce742 86%,#8d70aa35 88%,transparent 94%);box-shadow:0 10px 0 #8b6aa30c}
.analog-acquiring>.analog-acquisition{animation:analog-acquire 700ms var(--ease-out) both}
.analog-acquiring>.analog-acquisition:after{animation:analog-head 700ms var(--ease-out) both}
@keyframes analog-acquire{0%{opacity:0;transform:translate3d(-4px,0,0)}15%{opacity:1;transform:translate3d(2px,0,0)}40%{transform:translate3d(-1px,0,0)}85%{opacity:.65}100%{opacity:0;transform:none}}
@keyframes analog-head{to{transform:translate3d(0,calc(var(--analog-travel,450px) + 52px),0)}}
.analog-ready .relay-scan{display:none}
/* Replace the broad screen tear with narrow, dim tape interference. */
/* taste-skill-ignore: Owner-requested VHS tracking/acquisition signal, contained and transient. */ .analog-ready .matrix-interference,.analog-ready.matrix-major .matrix-interference{height:24px;border:0;background:linear-gradient(transparent 20%,#a48bb726 22%,transparent 25%,#8c7a9d0c 70%,transparent 75%);box-shadow:0 8px 0 #b9a4ce08}
.analog-ready.matrix-glitch .matrix-interference{animation:analog-tear 220ms steps(2,end)}
.analog-ready.matrix-major .matrix-interference{animation-duration:420ms}
@keyframes analog-tear{0%,100%{opacity:0;transform:translateX(0)}35%{opacity:.55;transform:translateX(8px)}65%{opacity:.28;transform:translateX(-4px)}}
/* Existing controls remain authoritative for every new decorative layer. */
.analog-still .analog-grain,.veyn-tab-hidden .analog-grain{animation-play-state:paused}
.analog-still .analog-tracking,.analog-crt-off .analog-overlay,.analog-no-events .analog-tracking{display:none}
.analog-still .analog-acquisition{animation:none;opacity:0}.analog-still .analog-acquisition:after{animation:none}
@media(max-width:760px){.analog-grain{opacity:.06;animation-duration:650ms}.analog-tracking{animation-duration:28s}.analog-overlay:before{opacity:.25}.analog-acquiring>.analog-acquisition,.analog-acquiring>.analog-acquisition:after{animation-duration:500ms}}
/* taste-skill-ignore: Owner-requested VHS tracking/acquisition signal, contained and transient. */ @media(prefers-reduced-motion:reduce){.analog-grain{animation:none}.analog-tracking,.analog-acquisition{display:none}.hero-copy h1,.terminal-intro h1{text-shadow:none}}
/* taste-skill-ignore: Owner-requested CRT optical raster and edge vignette; not decorative page color. */ @media(prefers-contrast:more){.analog-overlay{display:none}.hero-copy h1,.terminal-intro h1{text-shadow:none}}
@media(forced-colors:active){.analog-overlay,.analog-acquisition{display:none}}