/* rand.GIF.a.t.o.r. : glitch (aberration chromatique, scanlines, saccades) */
:root{--bg:#06000d;--panel:#0d0118;--border:#4a0f63;--fg:#dcd0ff;--fg-dim:#a692d6;--muted:#8d78c4;--red:#ff2bd6;--teal:#00f0ff;--cyan:#00f0ff;--blue:#00f0ff}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
h1,h1 strong{color:#fff;text-shadow:3px 0 #ff2bd6,-3px 0 #00f0ff}
h1{animation:rg-glitch 4.5s steps(1) infinite}
@keyframes rg-glitch{0%,92%,100%{transform:none}93%{transform:translate(4px,-1px) skewX(-6deg)}95%{transform:translate(-5px,1px)}97%{transform:translate(2px,0) skewX(5deg)}}
.topbar{color:#00f0ff;border-color:#4a0f63}
.panel{border:1px solid #4a0f63;box-shadow:-3px 0 0 rgba(255,43,214,.55),3px 0 0 rgba(0,240,255,.55)}
button{background:#ff2bd6;color:#06000d;border:0;box-shadow:3px 3px 0 #00f0ff;text-transform:lowercase}
button:hover:not(:disabled){background:#00f0ff;box-shadow:-3px 3px 0 #ff2bd6;transform:translateX(2px)}
.gallery-item img,.result img{transition:filter .2s}
.gallery-item:hover img{filter:hue-rotate(90deg) saturate(1.6) contrast(1.15)}
@media (prefers-reduced-motion:reduce){h1{animation:none}}
.topbar a{color:#ff2bd6}