.gallery-root{--bg:#000;--bg-rgb:0,0,0;--fg:#eaeaea;--muted:#9a9a9a;--accent:#6aa2ff;--vignette-strength:.25;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:var(--bg);width:100%;height:100%;color:var(--fg);position:fixed;inset:0;overflow:hidden}.gallery-root .page{width:100%;height:100%;position:fixed;inset:0}.gallery-root .header{pointer-events:none;z-index:10;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:fixed;top:0;left:0;right:0}.gallery-root .brand{pointer-events:auto;text-transform:uppercase;letter-spacing:.12em;opacity:.95;font-size:14px;font-weight:600}.gallery-root .canvas-wrap{width:100%;height:100%;position:fixed;inset:0}.gallery-root:after{content:"";pointer-events:none;background:radial-gradient(ellipse at center,#0000 60%,rgba(0,0,0,var(--vignette-strength))100%);z-index:1;position:fixed;inset:0}.gallery-root .bg-canvas{z-index:0;will-change:filter;width:100%;height:100%;transition:filter .22s,transform .9s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.gallery-root .bg-canvas.is-focused{filter:blur(6px)}.gallery-root .bg-canvas.is-intro{filter:brightness(1.03)saturate(1.03);transform:none}.gallery-root .overlay-canvas{z-index:1;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.gallery-root .loader-overlay{z-index:9;pointer-events:none;background:var(--bg);opacity:1;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s linear;display:flex;position:absolute;inset:0}.gallery-root .loader-overlay.is-hidden{opacity:0}.gallery-root .pixel-loader{--px:clamp(6px,1.2vw,12px);--gap:calc(var(--px)*.45);--cols:9;grid-template-columns:repeat(var(--cols),var(--px));grid-auto-rows:var(--px);gap:var(--gap);display:grid}@media (max-width:768px){.gallery-root .pixel-loader[data-kind=heart]{--px:min(clamp(6px,3.2vw,16px),calc((100vw - 96px)/(var(--cols)*2.1)),calc((100vh - 260px)/(var(--rows,9)*2.1)));--gap:calc(var(--px)*.45)}}.gallery-root .pixel-loader span{width:var(--px);height:var(--px);border-radius:0;transform:translateZ(0)scale(.85)}.gallery-root .pixel-loader span.on{background:var(--on,#fff);opacity:.85;animation:pixelPop .9s calc(var(--i)*45ms)cubic-bezier(.2,.8,.2,1)infinite alternate}.gallery-root .pixel-loader.is-outro span.on{animation:pixelDissolve .55s calc(var(--i)*32ms)cubic-bezier(.2,.8,.2,1)both}.gallery-root .pixel-loader span.off{opacity:0;background:0 0}@keyframes pixelPop{0%{opacity:.35;filter:saturate(.8);transform:scale(.6)}55%{opacity:1;filter:saturate();transform:scale(1.12)}to{opacity:.6;filter:saturate(.9);transform:scale(.9)}}@keyframes pixelDissolve{0%{opacity:.9;filter:saturate();transform:scale(1)}60%{opacity:.35;filter:saturate(.8)blur(.4px);transform:scale(.55)}to{opacity:0;filter:saturate(.6)blur(.8px);transform:scale(.18)}}@media (prefers-reduced-motion:reduce){.gallery-root .pixel-loader span{opacity:.8;animation:none}.gallery-root .loader-overlay{transition:opacity .2s linear}.gallery-root .bg-canvas{transition:none}}