*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;max-height:100%;overflow:hidden;background:#000;position:fixed}#raw-photo{position:fixed;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:1;transition:opacity 1.2s ease}#raw-photo.fade-out{opacity:0;pointer-events:none}#c{display:block;width:100%;height:100%;position:fixed;inset:0;z-index:0;touch-action:none}#beam-canvas{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity 1s ease}#beam-canvas.visible{opacity:1}#watch-me{position:fixed;z-index:20;pointer-events:all;transform:translate(-50%,-50%);font-family:Courier New,monospace;font-size:clamp(1rem,2.2vw,1.7rem);font-weight:900;letter-spacing:.22em;line-height:1.05;text-align:center;color:#b6ffb0;text-shadow:0 0 4px #b6ffb0,0 0 12px rgba(80,255,80,1),0 0 28px rgba(40,220,40,.9),0 0 55px rgba(0,180,0,.65),0 0 110px rgba(0,140,0,.35);cursor:pointer;white-space:pre;animation:watchPulse 2s ease-in-out infinite;transition:opacity .5s ease;user-select:none}#watch-me.hidden{opacity:0;pointer-events:none}@keyframes watchPulse{0%,to{color:#a0ff8ce0;text-shadow:0 0 4px rgba(160,255,140,1),0 0 12px rgba(80,255,80,.9),0 0 28px rgba(40,200,40,.6),0 0 55px rgba(0,160,0,.3)}50%{color:#dfffdb;text-shadow:0 0 6px #dfffdb,0 0 16px rgba(120,255,100,1),0 0 36px rgba(60,230,60,.95),0 0 70px rgba(0,200,0,.7),0 0 130px rgba(0,160,0,.4),0 0 200px rgba(0,120,0,.2)}}#ui{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:max(5vh,env(safe-area-inset-bottom,16px));pointer-events:none;opacity:0;transition:opacity .8s ease}#ui.visible{opacity:1}#brand{font-family:Courier New,monospace;font-size:clamp(.75rem,1.5vw,1rem);letter-spacing:.25em;color:#b4dcff8c;text-transform:uppercase;margin-bottom:.55rem}#tune-hint{font-family:Courier New,monospace;font-size:clamp(.56rem,1vw,.7rem);letter-spacing:.18em;text-transform:uppercase;color:#b4dcff6b;margin-bottom:2rem}#brand em{font-style:normal;color:#00ffc899}#bottom-brand{position:fixed;bottom:max(4vh,env(safe-area-inset-bottom,16px));left:max(4vw,20px);z-index:20;pointer-events:none;transition:opacity .6s ease}#bottom-brand h1{font-family:Courier New,monospace;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:.12em;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7);text-transform:uppercase;line-height:1}#bottom-brand p{font-family:Courier New,monospace;font-size:clamp(.6rem,1.1vw,.78rem);letter-spacing:.08em;color:#ffffffb3;margin-top:.35rem;text-shadow:0 1px 6px rgba(0,0,0,.6)}#holo-nav{position:fixed;inset:0;z-index:8;pointer-events:none;overflow:hidden}#holo-nav a{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}#tease-layer{position:fixed;inset:0;z-index:9;pointer-events:none;overflow:hidden}.tease{position:absolute;left:0;top:0;opacity:0;font-family:Courier New,monospace;font-size:clamp(.62rem,1.05vw,.8rem);letter-spacing:.05em;line-height:1.35;text-align:center;color:#c8f2fff2;text-shadow:0 0 8px rgba(0,190,255,.75),0 1px 3px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;will-change:transform,opacity}.tease.hot{color:#e2fff0;text-shadow:0 0 8px rgba(60,255,160,.8),0 1px 3px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9)}#ch-osd{position:fixed;z-index:60;pointer-events:none;top:max(4vh,env(safe-area-inset-top,16px));right:max(4vw,20px);font-family:Courier New,monospace;font-weight:900;font-size:clamp(1.1rem,2.6vw,1.9rem);letter-spacing:.14em;text-align:right;text-transform:uppercase;color:#b6ffb0;text-shadow:0 0 4px #b6ffb0,0 0 14px rgba(80,255,80,.9),0 0 30px rgba(0,200,0,.6);opacity:0;transition:opacity .18s ease}#ch-osd.on{opacity:1}#ch-osd small{display:block;font-size:.5em;letter-spacing:.2em;margin-top:.3em}#ch-static{position:fixed;inset:0;z-index:55;width:100%;height:100%;pointer-events:none;opacity:0;image-rendering:pixelated;mix-blend-mode:screen}@media (prefers-reduced-motion: reduce){#watch-me{animation:none}#raw-photo{transition-duration:.4s}}#zoom-layer{position:fixed;inset:0;z-index:50;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .05s}#zoom-layer.active{pointer-events:all;opacity:1}#zoom-photo,#zoom-illustrated{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;transform-origin:51.5% 40%}#zoom-photo{transform:scale(1);transition:transform 2.2s cubic-bezier(.4,0,.2,1),filter 1.6s ease 0s}#zoom-illustrated{opacity:1;transform:scale(1);transition:transform 2.2s cubic-bezier(.4,0,.2,1);clip-path:circle(0px at 51.5% 40%)}#zoom-layer.cartoonize #zoom-photo{filter:saturate(.05) brightness(1.15)}#zoom-layer.zooming #zoom-photo,#zoom-layer.zooming #zoom-illustrated{transform:scale(20)}#zoom-iris{position:absolute;inset:0;pointer-events:none}#zoom-scanlines{position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,180,.06) 2px,rgba(0,255,180,.06) 3px);transition:opacity .8s ease .3s}#zoom-layer.cartoonize #zoom-scanlines{opacity:1}#zoom-fade{position:absolute;inset:0;background:#000;opacity:0;transition:opacity .6s ease .8s}#zoom-layer.zooming #zoom-fade{opacity:1}