.splash-container{position:fixed;inset:0;z-index:9999;background:radial-gradient(ellipse at center,#1a1a1a 0,#000000 70%);display:flex;align-items:center;justify-content:center;overflow:hidden}.cinema-vignette{background:radial-gradient(ellipse at center,transparent 0,transparent 30%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.8) 100%);z-index:5}.cinema-vignette,.film-reel-container{position:absolute;inset:0;pointer-events:none}.film-reel-container{z-index:2}.film-reel{position:absolute;width:120px;height:120px;border:3px solid rgba(255,45,85,.3);border-radius:50%;background:radial-gradient(circle,rgba(255,45,85,.1) 0,rgba(255,45,85,.05) 40%,transparent 80%);box-shadow:0 0 20px rgba(255,45,85,.2),inset 0 0 20px rgba(255,255,255,.1)}.film-reel-left{top:20%;left:10%}.film-reel-right{top:20%;right:10%}.reel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:linear-gradient(135deg,#ff2d55,#ff6b85);border-radius:50%;box-shadow:0 0 15px rgba(255,45,85,.4),inset 0 0 10px rgba(255,255,255,.2)}.reel-spokes{position:relative;width:100%;height:100%}.reel-spoke{top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,45,85,.6) 20%,rgba(255,45,85,.8) 50%,rgba(255,45,85,.6) 80%,transparent);transform-origin:center;margin-left:-40px;margin-top:-1px;border-radius:1px}.film-strip,.reel-spoke{position:absolute;left:50%;width:80px}.film-strip{top:0;transform:translateX(-50%);height:100vh;background:linear-gradient(90deg,rgba(255,45,85,.1),rgba(255,45,85,.05) 20%,transparent 40%,transparent 60%,rgba(255,45,85,.05) 80%,rgba(255,45,85,.1));overflow:hidden;z-index:1}.film-strip-content{height:calc(100% + 400px)}.film-frame{height:20px;margin-bottom:2px;background:linear-gradient(90deg,rgba(255,45,85,.1),transparent 15%,transparent 85%,rgba(255,45,85,.1));display:flex;align-items:center}.film-perforation-left,.film-perforation-right{width:8px;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.perforation{width:3px;height:3px;background:rgba(255,45,85,.6);border-radius:50%;box-shadow:0 0 3px rgba(255,45,85,.3)}.film-image-area{flex:1;height:16px;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,45,85,.02) 50%,rgba(255,255,255,.03));margin:0 2px;border-radius:1px}.splash-content{position:relative;text-align:center;z-index:10;max-width:600px}.splash-logo-container{margin-bottom:4rem}.aperture-loader-advanced{position:relative;width:140px;height:140px;margin:0 auto 2rem;perspective:1000px}.aperture-segment-advanced{position:absolute;width:70px;height:6px;background:linear-gradient(90deg,transparent,rgba(255,45,85,.8),#ff2d55,rgba(255,45,85,.8),transparent);border-radius:3px;top:50%;left:50%;transform-origin:6px center;margin-left:-6px;margin-top:-3px;box-shadow:0 0 10px rgba(255,45,85,.6),inset 0 0 5px rgba(255,255,255,.3)}.aperture-center-advanced{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:linear-gradient(135deg,#ff2d55,#ff6b85 50%,#ff2d55);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(255,45,85,.8),0 0 60px rgba(255,45,85,.4),inset 0 0 20px rgba(255,255,255,.2);position:relative;overflow:hidden}.aperture-center-advanced:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);border-radius:50%;animation:holographicRotate 3s linear infinite}@keyframes holographicRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.splash-brand{font-size:2.2rem;font-weight:600;color:white;position:relative;z-index:2;text-shadow:0 0 20px rgba(255,255,255,.5)}.logo-pulse{position:absolute;inset:-10px;border:2px solid rgba(255,45,85,.3);border-radius:50%;animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.8}}.splash-title{font-size:clamp(3.5rem,10vw,7rem);font-weight:400;line-height:.85;margin-bottom:1.5rem;letter-spacing:-.03em;color:white;font-style:italic}.title-part{display:inline-block;background:linear-gradient(135deg,#ffffff,#cccccc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,255,255,.3)}.splash-title .text-accent{background:linear-gradient(135deg,#ff2d55,#ff6b85,#ff2d55);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,45,85,.5)}.splash-subtitle{font-size:1rem;color:#aaaaaa;margin-bottom:4rem;text-transform:uppercase;font-weight:400;text-shadow:0 0 10px rgba(255,255,255,.2)}.splash-loading-container{max-width:400px;margin:0 auto}.progress-bar-advanced{position:relative;width:100%;height:3px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;margin-bottom:2rem;box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}.progress-fill-advanced{height:100%;background:linear-gradient(90deg,#ff2d55,#ff6b85);border-radius:2px;box-shadow:0 0 10px rgba(255,45,85,.4);transition:width .3s ease}.progress-scan{position:absolute;top:0;left:0;width:1px;height:100%;background:rgba(255,255,255,.6);animation:progressScan 2s linear infinite;box-shadow:0 0 5px rgba(255,255,255,.3)}@keyframes progressScan{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.progress-indicators{position:absolute;top:-6px;left:0;right:0;display:flex;justify-content:space-between}.progress-indicator{width:2px;height:2px;background:rgba(255,45,85,.6);border-radius:50%;transition:all .3s ease}.loading-text-container{position:relative;min-height:2rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.loading-text{font-size:.95rem;color:#dddddd;font-style:italic;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.2)}.loading-cursor{display:inline-block;width:2px;height:1.2em;background:#ff2d55;margin-left:4px;animation:cursorBlink 1s infinite}.loading-percentage-container{text-align:center}.loading-percentage{font-size:.9rem;color:#ff2d55;letter-spacing:.1em;font-weight:500;text-shadow:0 0 10px rgba(255,45,85,.3)}.scanline-primary{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,45,85,.1) 20%,rgba(255,45,85,.8) 40%,#ff2d55 50%,rgba(255,45,85,.8) 60%,rgba(255,45,85,.1) 80%,transparent);opacity:.7;pointer-events:none;z-index:8;box-shadow:0 0 15px rgba(255,45,85,.6),0 0 30px rgba(255,45,85,.3);filter:blur(.5px)}.scanline-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 45%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.2) 55%,transparent);animation:photographicFlash 4s ease-in-out infinite}@keyframes photographicFlash{0%,90%,to{opacity:0}95%{opacity:1}}.scanline-secondary{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,45,85,.3) 30%,rgba(255,45,85,.6) 50%,rgba(255,45,85,.3) 70%,transparent);opacity:.5;pointer-events:none;z-index:7;box-shadow:0 0 8px rgba(255,45,85,.4)}.scanline-secondary:after{content:"";position:absolute;left:45%;right:45%;top:-1px;height:3px;background:rgba(255,255,255,.1);filter:blur(1px)}.camera-flash{position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.8) 0,transparent 70%);pointer-events:none;z-index:15}@media (max-width:768px){.film-reel{width:80px;height:80px}.film-reel-left{top:15%;left:5%}.film-reel-right{top:15%;right:5%}.reel-center{width:30px;height:30px}.reel-spoke{width:60px;margin-left:-30px}.film-strip{width:60px}.aperture-loader-advanced{width:100px;height:100px}.aperture-center-advanced{width:50px;height:50px}.splash-brand{font-size:1.8rem}.splash-title{font-size:clamp(2.5rem,15vw,5rem)}.splash-subtitle{font-size:.8rem;letter-spacing:.2em}.scanline-primary{height:2px}}@media (max-width:480px){.film-reel{width:60px;height:60px}.reel-center{width:20px;height:20px}.reel-spoke{width:40px;margin-left:-20px;height:1px}.film-strip{width:40px}.film-frame{height:15px}.perforation{width:2px;height:2px}.progress-bar-advanced{height:2px}.loading-text{font-size:.8rem}.scanline-primary{height:1px}}.camera-viewfinder{position:fixed;inset:0;z-index:9999;background:#000000;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Courier New,monospace}.film-grain{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,#ffffff 1px,transparent 0),radial-gradient(circle at 75% 75%,#ffffff 1px,transparent 0);background-size:4px 4px,6px 6px;opacity:.02;pointer-events:none;z-index:1;animation:filmGrain .3s linear infinite}@keyframes filmGrain{0%,to{transform:translate(0)}10%{transform:translate(-1px,1px)}20%{transform:translate(1px,-1px)}30%{transform:translate(-1px,-1px)}40%{transform:translate(1px,1px)}50%{transform:translate(-1px)}60%{transform:translate(1px)}70%{transform:translateY(-1px)}80%{transform:translateY(1px)}90%{transform:translate(1px,-1px)}}.viewfinder-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,transparent 45%,rgba(0,0,0,.3) 65%,rgba(0,0,0,.8) 85%,#000000 100%);pointer-events:none;z-index:10}.viewfinder-interface{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.viewfinder-circle{position:absolute;width:80vmin;height:80vmin;border:3px solid rgba(255,45,85,.4);border-radius:50%;z-index:5}.viewfinder-graduations{position:absolute;inset:-20px;border-radius:50%}.graduation{position:absolute;top:0;left:50%;transform-origin:center calc(50% + 20px);background:rgba(255,45,85,.6);border-radius:1px}.graduation.major{width:3px;height:20px;margin-left:-1.5px;background:rgba(255,45,85,.8)}.graduation.minor{width:1px;height:12px;margin-left:-.5px;background:rgba(255,45,85,.5)}.focus-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6}.focus-square{width:80px;height:80px;border:2px solid rgba(255,45,85,.7);position:relative;animation:focusPulse 2s ease-in-out infinite}.focus-square:after,.focus-square:before{content:"";position:absolute;background:rgba(255,45,85,.7)}.focus-square:before{top:50%;left:-10px;right:-10px;height:1px;transform:translateY(-50%)}.focus-square:after{left:50%;top:-10px;bottom:-10px;width:1px;transform:translateX(-50%)}.focus-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:1px solid rgba(255,45,85,.3);border-radius:50%;animation:focusPulse 3s ease-in-out infinite reverse}@keyframes focusPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.film-strip-center{position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:100vh;overflow:hidden;z-index:3;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(255,45,85,.05) 15%,rgba(255,45,85,.02) 50%,rgba(255,45,85,.05) 85%,rgba(0,0,0,.8))}.film-strip-content{position:relative;width:100%;height:calc(100% + 200px)}.film-frame-center{width:100%;height:24px;margin-bottom:2px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(255,45,85,.1),rgba(0,0,0,.05) 20%,rgba(0,0,0,.02) 80%,rgba(255,45,85,.1))}.film-perf-left,.film-perf-right{width:12px;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:2px 0}.perf-hole{width:4px;height:4px;background:rgba(255,45,85,.4);border-radius:50%;box-shadow:0 0 3px rgba(255,45,85,.2)}.film-content{flex:1;height:18px;margin:0 2px;position:relative;overflow:hidden;border-radius:1px}.film-image{width:100%;height:100%;opacity:.3;animation:filmFlicker .5s ease-in-out infinite alternate}@keyframes filmFlicker{0%{opacity:.2}to{opacity:.4}}.camera-info{position:absolute;inset:0;pointer-events:none;z-index:8}.info-corner{position:absolute;font-family:Courier New,monospace;font-size:12px;color:rgba(255,45,85,.8);background:rgba(0,0,0,.7);padding:8px 12px;border-radius:4px;backdrop-filter:blur(5px);border:1px solid rgba(255,45,85,.2)}.top-left{top:20px;left:20px}.top-right{top:20px;right:20px;text-align:right}.bottom-left{bottom:20px;left:20px}.bottom-right{bottom:20px;right:20px;text-align:right}.recording-indicator{display:flex;align-items:center;gap:6px;margin-bottom:4px}.red-dot{width:8px;height:8px;background:#ff2d55;border-radius:50%;box-shadow:0 0 8px #ff2d55}.timestamp{font-weight:700;letter-spacing:1px}.camera-settings{display:flex;flex-direction:column;gap:2px}.setting{background:rgba(255,45,85,.1);padding:2px 6px;border-radius:2px;font-size:10px;text-align:center}.frame-counter{margin-bottom:4px}.label{font-size:9px;opacity:.7;display:block}.count{font-size:14px;font-weight:700;letter-spacing:1px}.film-stock{font-size:9px;opacity:.6}.battery-level{display:flex;align-items:center;gap:6px}.battery-icon{width:20px;height:10px;border:1px solid rgba(255,45,85,.6);border-radius:1px;position:relative;background:rgba(0,0,0,.3)}.battery-icon:after{content:"";position:absolute;top:2px;right:-3px;width:2px;height:6px;background:rgba(255,45,85,.6);border-radius:0 1px 1px 0}.battery-fill{height:100%;background:linear-gradient(90deg,#ff2d55,#ff6b85);border-radius:1px;transition:width .3s ease}.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 20%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.2) 80%,transparent);opacity:.4;z-index:9;box-shadow:0 0 10px rgba(255,255,255,.3)}.central-interface{position:relative;z-index:7;display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:600px;text-align:center}.camera-aperture{position:relative;width:120px;height:120px;margin:0 auto}.aperture-blade{height:8px;background:linear-gradient(90deg,transparent,rgba(255,45,85,.6) 20%,#ff2d55 50%,rgba(255,45,85,.6) 80%,transparent);border-radius:4px;transform-origin:8px center;margin-left:-8px;margin-top:-4px;box-shadow:0 0 10px rgba(255,45,85,.4),inset 0 0 5px rgba(255,255,255,.2)}.aperture-blade,.aperture-center{position:absolute;width:60px;top:50%;left:50%}.aperture-center{transform:translate(-50%,-50%);height:60px;background:linear-gradient(135deg,#ff2d55,#ff6b85);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(255,45,85,.6),0 0 60px rgba(255,45,85,.3),inset 0 0 20px rgba(255,255,255,.2)}.logo-letter{font-size:2rem;color:white;text-shadow:0 0 15px rgba(255,255,255,.5)}.camera-title,.title-main{margin-bottom:1rem}.title-main{font-size:clamp(3rem,8vw,6rem);font-weight:400;line-height:.9;letter-spacing:-.02em;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.title-main span{display:inline-block;background:linear-gradient(135deg,#ffffff,#cccccc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title-accent{background:linear-gradient(135deg,#ff2d55,#ff6b85)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.subtitle{font-size:1rem;color:rgba(255,255,255,.7);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.loading-interface{width:100%;max-width:400px}.progress-container{margin-bottom:1rem}.progress-label{font-size:.8rem;color:rgba(255,45,85,.8);font-weight:500;min-width:80px}.progress-track{flex:1;height:6px;background:rgba(255,255,255,.1);border-radius:3px;position:relative;overflow:hidden;border:1px solid rgba(255,45,85,.2)}.progress-bar{height:100%;background:linear-gradient(90deg,#ff2d55,#ff6b85);transition:width .3s ease;box-shadow:0 0 10px rgba(255,45,85,.4)}.progress-scanner{background:rgba(255,255,255,.8);box-shadow:0 0 8px rgba(255,255,255,.5)}.progress-percentage{font-size:.8rem;color:#ff2d55;font-weight:500;min-width:35px;text-align:right}.status-text{font-size:.9rem;color:rgba(255,255,255,.8);min-height:1.5rem;display:flex;align-items:center;justify-content:center;gap:.3rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.cursor-blink{color:#ff2d55;font-weight:700}.lens-effects{inset:0;z-index:4}.lens-effects,.lens-flare{position:absolute;pointer-events:none}.lens-flare{border-radius:50%}.lens-flare-1{top:20%;right:25%;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 40%,transparent 70%)}.lens-flare-2{bottom:30%;left:20%;width:60px;height:60px;background:radial-gradient(circle,rgba(255,45,85,.1) 0,rgba(255,45,85,.05) 40%,transparent 70%)}@media (max-width:1024px){.perforation-strip{width:12vw}.hud-corner{font-size:10px;padding:6px 10px}.brand-title{font-size:clamp(2.5rem,12vw,5rem)}.brand-tagline{font-size:.9rem}.cinema-aperture{width:100px;height:100px}.aperture-blade-cinema{width:50px;height:8px;margin-left:-8px}.aperture-core{width:60px;height:60px}.brand-letter{font-size:2rem}}@media (max-width:768px){.perforation-strip{width:10vw}.film-frame-immersive{height:8vh}.central-hud{gap:1.5rem}.hud-corner{font-size:9px;padding:5px 8px}.hud-top-left,.hud-top-right{top:15px}.hud-bottom-left,.hud-top-left{left:15px}.hud-bottom-right,.hud-top-right{right:15px}.hud-bottom-left,.hud-bottom-right{bottom:15px}.progress-track-cinema{height:6px}.brand-tagline{font-size:.8rem}}@media (max-width:480px){.perforation-strip{width:8vw}.film-frame-immersive{height:6vh}.central-hud{gap:1rem}.cinema-aperture{width:80px;height:80px}.aperture-blade-cinema{width:40px;height:6px;margin-left:-6px}.aperture-core{width:45px;height:45px}.brand-letter{font-size:1.5rem}.status-text{font-size:.8rem}}.film-projector-container{position:fixed;inset:0;z-index:9999;background:radial-gradient(ellipse at center,rgba(30,30,30,.9) 0,rgba(15,15,15,.95) 40%,rgba(0,0,0,1) 100%);overflow:hidden;perspective:2000px;font-family:Courier New,monospace}.authentic-film-grain{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.015) 1px,transparent 0),radial-gradient(circle at 80% 80%,rgba(255,255,255,.01) 1px,transparent 0),radial-gradient(circle at 40% 60%,rgba(255,45,85,.008) 1px,transparent 0),radial-gradient(circle at 60% 30%,rgba(255,255,255,.005) .5px,transparent 0);background-size:3px 3px,5px 5px,7px 7px,2px 2px;opacity:1;pointer-events:none;z-index:1;animation:filmGrainMove .16s linear infinite}@keyframes filmGrainMove{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-1px,1px) rotate(.1deg)}50%{transform:translate(1px,-1px) rotate(-.1deg)}75%{transform:translate(-1px,-1px) rotate(.05deg)}}.film-tunnel-3d{position:absolute;inset:0;display:flex;z-index:3;transform-style:preserve-3d}.film-strip-3d{position:relative;width:18vw;height:100%;transform-style:preserve-3d;background:linear-gradient(90deg,rgba(40,40,40,.95),rgba(60,60,60,.9) 20%,rgba(80,80,80,.85) 50%,rgba(60,60,60,.9) 80%,rgba(40,40,40,.95));border:1px solid rgba(100,100,100,.3);overflow:hidden}.film-strip-left{transform:perspective(2000px) rotateY(15deg) translateZ(-50px) translateX(-20px);box-shadow:0 0 100px rgba(0,0,0,.8),inset 0 0 50px rgba(0,0,0,.5),inset 10px 0 20px rgba(255,45,85,.03)}.film-strip-right{transform:perspective(2000px) rotateY(-15deg) translateZ(-50px) translateX(20px);box-shadow:0 0 100px rgba(0,0,0,.8),inset 0 0 50px rgba(0,0,0,.5),inset -10px 0 20px rgba(255,45,85,.03)}.film-edge{position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(180deg,rgba(200,200,200,.4) 0,rgba(150,150,150,.6) 30%,rgba(180,180,180,.5) 70%,rgba(200,200,200,.4));box-shadow:0 0 5px rgba(255,255,255,.2)}.film-edge-left{right:0;transform:translateZ(5px)}.film-edge-right{left:0;transform:translateZ(5px)}.film-perforations-left,.film-perforations-right{position:absolute;top:0;width:100%;height:200%;display:flex;flex-direction:column;gap:4px;padding:10px 0}.perforation-35mm{position:relative;width:100%;height:15px;margin:2px 0}.perforation-left-side{padding-right:25%}.perforation-right-side{padding-left:25%}.perforation-hole{width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(0,0,0,1) 0,rgba(0,0,0,.9) 70%,rgba(50,50,50,.3) 85%,transparent 100%);border-radius:2px;box-shadow:inset 0 0 8px rgba(0,0,0,.9),inset 0 2px 4px rgba(0,0,0,.7),0 1px 2px rgba(255,255,255,.1);transform:translateZ(-2px)}.perforation-shadow{position:absolute;top:100%;left:0;width:100%;height:3px;background:linear-gradient(180deg,rgba(0,0,0,.4) 0,transparent);transform:translateZ(-1px)}.film-projection-area{flex:1;height:100%;position:relative;background:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.05) 50%,rgba(0,0,0,.1));overflow:hidden;transform:translateZ(20px)}.film-frames-reel{position:absolute;top:0;left:0;width:100%;height:120%;display:flex;flex-direction:column;gap:3px}.film-frame-35mm{height:50px;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.05) 50%,rgba(255,255,255,.02));border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(0,0,0,.2)}.film-frame-35mm,.frame-image-area{width:100%;position:relative;overflow:hidden}.frame-image-area{height:80%;top:10%;border-radius:1px}.projected-image{position:absolute;inset:0;mix-blend-mode:screen;filter:blur(.5px) contrast(1.2) saturate(1.4);animation:frameFlicker 3s ease-in-out infinite}.frame-scanlines{position:absolute;inset:0;pointer-events:none}.scanline-overlay{height:1px;background:linear-gradient(90deg,transparent,rgba(255,45,85,.3) 20%,rgba(255,107,133,.4) 50%,rgba(255,45,85,.3) 80%,transparent);animation:scanlineMove 2s linear infinite}.frame-divider,.scanline-overlay{position:absolute;left:0;width:100%}.frame-divider{bottom:0;height:2px;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(50,50,50,.6) 50%,rgba(0,0,0,.8))}.projector-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0,transparent 25%,rgba(0,0,0,.1) 45%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.8) 90%,rgba(0,0,0,.95) 100%);pointer-events:none;z-index:4}.projector-interface{position:absolute;inset:20px;pointer-events:none;z-index:6}.projection-indicator{position:absolute;color:#ffffff;font-size:12px;font-weight:500;text-shadow:0 0 10px rgba(255,45,85,.5);background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(20,20,20,.9));border:1px solid rgba(255,45,85,.3);border-radius:4px;padding:8px 12px;backdrop-filter:blur(10px)}.top-left{top:0;left:0}.top-right{top:0;right:0}.bottom-left{bottom:0;left:0}.bottom-right{bottom:0;right:0}.projection-status{display:flex;align-items:center;gap:6px;margin-bottom:4px}.projection-light{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#ff2d55 0,#ff6b85 70%,transparent 100%);box-shadow:0 0 12px #ff2d55}.status-label{font-size:10px;letter-spacing:1px;color:#ff6b85}.film-counter,.film-info,.lamp-level,.projector-settings{font-size:11px;color:#cccccc}.setting-item{margin:2px 0;color:#aaaaaa}.film-type{color:#ff6b85;font-weight:600}.film-gauge{color:#999999;font-size:10px}.lamp-meter{width:60px;height:4px;background:rgba(255,255,255,.2);border-radius:2px;margin:4px 0;overflow:hidden}.lamp-fill{height:100%;background:linear-gradient(90deg,#ff2d55,#ff6b85 50%,#ffaa99);border-radius:2px;transition:width .3s ease}.lamp-percentage{font-size:10px;color:#cccccc}.projector-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;text-align:center}.projector-lens{position:relative;width:160px;height:160px;margin:0 auto 40px}.lens-assembly{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0,rgba(200,200,200,.3) 20%,rgba(100,100,100,.4) 50%,rgba(50,50,50,.6) 80%,rgba(0,0,0,.8) 100%);box-shadow:0 0 40px rgba(255,45,85,.3),inset 0 0 30px rgba(0,0,0,.5),inset 0 0 60px rgba(255,255,255,.1);overflow:hidden}.lens-ring{border:2px solid;border-image:linear-gradient(45deg,rgba(255,45,85,.4),rgba(255,107,133,.6),rgba(255,45,85,.4)) 1;opacity:.6}.lens-center,.lens-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.lens-center{width:60px;height:60px;background:radial-gradient(circle at center,rgba(255,45,85,.8) 0,rgba(255,107,133,.6) 30%,rgba(255,45,85,.4) 70%,transparent 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(255,45,85,.6),inset 0 0 15px rgba(255,255,255,.2)}.brand-initial{font-size:28px;font-weight:600;color:#ffffff;text-shadow:0 0 10px rgba(255,45,85,.8),0 0 20px rgba(255,45,85,.4)}.projection-title{margin-bottom:50px}.projected-brand{font-size:48px;font-weight:400;color:#ffffff;text-shadow:0 0 20px rgba(255,45,85,.6),0 0 40px rgba(255,45,85,.3),0 2px 4px rgba(0,0,0,.5);margin-bottom:15px;line-height:1.1}.brand-highlight{color:#ff6b85;text-shadow:0 0 20px rgba(255,107,133,.8),0 0 40px rgba(255,107,133,.4)}.projection-subtitle{font-size:14px;color:#cccccc;font-weight:400;text-shadow:0 0 10px rgba(255,255,255,.3);margin-top:15px}.projection-progress{width:400px;margin:0 auto}.progress-housing{background:linear-gradient(135deg,rgba(0,0,0,.9),rgba(20,20,20,.8));border:1px solid rgba(255,45,85,.3);border-radius:6px;padding:12px;backdrop-filter:blur(10px)}.progress-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-title{font-size:11px;color:#ff6b85;letter-spacing:1px;font-weight:600}.progress-percent{font-size:12px;color:#ffffff;font-weight:700}.progress-reel{position:relative;width:100%;height:6px;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:3px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(255,45,85,.2)}.progress-film{height:100%;background:linear-gradient(90deg,#ff2d55,#ff6b85 50%,#ff2d55);border-radius:3px;box-shadow:0 0 10px rgba(255,45,85,.5)}.progress-light-beam{position:absolute;top:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6) 50%,transparent);filter:blur(1px)}.projection-status-text{margin-top:20px;text-align:center}.status-message{font-size:14px;color:#cccccc;font-style:italic}.message-cursor{color:#ff6b85;font-style:normal;margin-left:2px}.projector-light-beam{position:absolute;top:20%;left:25%;width:50%;height:60%;background:linear-gradient(180deg,rgba(255,255,255,.01) 0,rgba(255,45,85,.03) 30%,rgba(255,107,133,.04) 50%,rgba(255,45,85,.03) 70%,rgba(255,255,255,.01));transform:perspective(1000px) rotateX(-5deg);filter:blur(8px);pointer-events:none;z-index:2}.light-dust-particles{position:absolute;inset:0;pointer-events:none;z-index:3}.dust-particle{position:absolute;width:2px;height:2px;background:radial-gradient(circle,rgba(255,255,255,.8) 0,rgba(255,45,85,.4) 50%,transparent 100%);border-radius:50%;filter:blur(.5px)}@media (max-width:768px){.film-strip-3d{width:20vw}.projector-lens{width:120px;height:120px}.projected-brand{font-size:36px}.projection-subtitle{font-size:12px}.progress-housing{width:300px}.projection-indicator{font-size:10px;padding:6px 8px}}.film-strip-splashscreen{background:#000000}.film-grain-texture{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.02) 1px,transparent 0),radial-gradient(circle at 75% 75%,rgba(255,255,255,.015) 1px,transparent 0);background-size:4px 4px,6px 6px;opacity:1;pointer-events:none;z-index:1;animation:filmGrainAnimation .2s linear infinite}@keyframes filmGrainAnimation{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}}.film-perforation{height:16px;background:radial-gradient(ellipse,rgba(0,0,0,1) 0,rgba(0,0,0,.8) 70%,rgba(80,80,80,.3) 100%);border-radius:2px;box-shadow:inset 0 0 6px rgba(0,0,0,.8),0 1px 2px rgba(255,255,255,.1)}.film-center-area{flex:1;height:100%;position:relative;overflow:hidden;background:rgba(0,0,0,.1)}.film-frames-container{position:absolute;top:0;left:0;width:100%;height:150%;display:flex;flex-direction:column;animation:filmFramesScroll 3s linear infinite}@keyframes filmFramesScroll{0%{transform:translateY(0)}to{transform:translateY(-60px)}}.film-frame{width:100%;height:40px;margin-bottom:4px;position:relative;background:rgba(139,69,19,.03);border-top:1px solid rgba(139,69,19,.1);border-bottom:1px solid rgba(0,0,0,.3)}.frame-content{width:90%;height:85%;margin:3px auto;position:relative;overflow:hidden;border-radius:1px;background:linear-gradient(45deg,rgba(139,69,19,.02),rgba(160,82,45,.01) 50%,rgba(210,180,140,.02))}.frame-image{position:absolute;inset:0;opacity:.4;filter:sepia(10%) contrast(1.1);animation:frameFlicker 2s ease-in-out infinite}@keyframes frameFlicker{0%,to{opacity:.3}50%{opacity:.5}}.frame-separator{position:absolute;bottom:0;left:0;width:100%;height:1px;background:rgba(139,69,19,.2)}.film-interface{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:3rem;text-align:center;max-width:600px}.central-logo{margin-bottom:1rem}.logo-circle{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(139,69,19,.8) 0,rgba(160,82,45,.6) 50%,rgba(210,180,140,.4) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(139,69,19,.4),0 0 80px rgba(139,69,19,.2),inset 0 0 30px rgba(245,222,179,.1)}.logo-letter{font-size:48px;font-weight:600;color:#f5deb3;text-shadow:0 0 20px rgba(139,69,19,.8),0 0 40px rgba(139,69,19,.4)}.brand-title{margin-bottom:2rem}.main-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:400;line-height:1;margin-bottom:1rem;letter-spacing:-.02em;color:#f5deb3;font-family:Crimson Text,serif;font-style:italic}.title-mad{color:#f5deb3;text-shadow:0 0 20px rgba(139,69,19,.4),0 2px 4px rgba(0,0,0,.5)}.title-visual{color:#deb887;text-shadow:0 0 20px rgba(160,82,45,.6),0 0 40px rgba(160,82,45,.3),0 2px 4px rgba(0,0,0,.5);margin-left:.2em}.subtitle{font-size:16px;color:#a0522d;font-weight:400;letter-spacing:.3em;text-transform:uppercase;text-shadow:0 0 10px rgba(139,69,19,.2);font-family:Space Mono,monospace}.loading-section{width:100%;max-width:400px}.progress-container{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.progress-bar{position:relative;flex:1;height:6px;background:rgba(139,69,19,.2);border-radius:3px;overflow:hidden;border:1px solid rgba(139,69,19,.3)}.progress-fill{height:100%;background:linear-gradient(90deg,#8b4513,#a0522d 50%,#deb887);border-radius:3px;box-shadow:0 0 10px rgba(139,69,19,.4)}.progress-scanner{position:absolute;top:0;width:2px;height:100%;background:rgba(245,222,179,.8);box-shadow:0 0 6px rgba(245,222,179,.5);animation:progressScanMove 2s linear infinite}@keyframes progressScanMove{0%{left:0}to{left:100%}}.progress-text{min-width:45px}.progress-percentage{font-size:14px;color:#a0522d;font-weight:600;font-family:Courier New,monospace}.status-message{display:flex;align-items:center;justify-content:center;gap:.3rem;min-height:2rem}.message-text{font-size:16px;color:#deb887;font-style:italic;text-shadow:0 0 10px rgba(139,69,19,.2);font-family:Raleway,sans-serif}.cursor-blink{color:#a0522d;font-style:normal;margin-left:2px;animation:cursorBlink 1s infinite}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.scanline{position:absolute;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(139,69,19,.3) 20%,rgba(210,180,140,.6) 50%,rgba(139,69,19,.3) 80%,transparent);box-shadow:0 0 10px rgba(139,69,19,.6),0 0 20px rgba(139,69,19,.3);pointer-events:none;z-index:8;animation:scanlineMove 4s ease-in-out infinite}@keyframes scanlineMove{0%{top:-2px;opacity:0}10%{opacity:.6}90%{opacity:.6}to{top:100%;opacity:0}}.film-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0,transparent 40%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.8) 100%);pointer-events:none;z-index:9}@media (max-width:768px){.film-perforations{width:50px}.film-perforation{width:10px;height:14px}.logo-circle{width:100px;height:100px}.logo-letter{font-size:40px}.main-title{font-size:clamp(2rem,10vw,3.5rem)}.subtitle{letter-spacing:.2em}.message-text,.subtitle{font-size:14px}.film-interface{gap:2rem}}@media (max-width:480px){.film-perforations{width:40px}.film-perforation{width:8px;height:12px}.logo-circle{width:80px;height:80px}.logo-letter{font-size:32px}.main-title{font-size:clamp(1.8rem,12vw,3rem)}.subtitle{font-size:12px}.progress-bar{height:4px}.message-text{font-size:12px}.film-interface{gap:1.5rem}}.film-strip-splashscreen{position:fixed;inset:0;z-index:9999;background:radial-gradient(ellipse at center,#1a1817 0,#0f0e0d 60%,#000000 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.super8-overlay{position:absolute;inset:0;pointer-events:none;z-index:6;mix-blend-mode:overlay;opacity:.7}.super8-grain{position:absolute;inset:0;background-image:radial-gradient(circle at 15% 25%,rgba(139,69,19,.02) 1px,transparent 0),radial-gradient(circle at 85% 75%,rgba(160,82,45,.015) 1px,transparent 0),radial-gradient(circle at 45% 15%,rgba(210,180,140,.01) .5px,transparent 0),radial-gradient(circle at 70% 90%,rgba(101,67,33,.008) 1px,transparent 0);background-size:4px 4px,6px 6px,3px 3px,5px 5px;animation:super8GrainFloat .15s linear infinite}@keyframes super8GrainFloat{0%{transform:translate(0)}25%{transform:translate(-.3px,.3px)}50%{transform:translate(.3px,-.3px)}75%{transform:translate(-.3px,-.3px)}to{transform:translate(.3px,.3px)}}.super8-scratches{position:absolute;inset:0;background-image:linear-gradient(92deg,transparent 25%,rgba(245,222,179,.015) 26%,transparent 27%),linear-gradient(88deg,transparent 70%,rgba(210,180,140,.01) 71%,transparent 72%),linear-gradient(95deg,transparent 45%,rgba(139,69,19,.008) 46%,transparent 47%);animation:super8ScratchMove 5s linear infinite}@keyframes super8ScratchMove{0%{transform:translateX(0) translateY(0);opacity:.4}50%{transform:translateX(1px) translateY(-2px);opacity:.8}to{transform:translateX(0) translateY(0);opacity:.4}}.super8-lightleak{position:absolute;top:-5%;right:-5%;width:25%;height:35%;background:radial-gradient(ellipse at 30% 40%,rgba(245,222,179,.04) 0,rgba(210,180,140,.02) 40%,transparent 80%);border-radius:60%;animation:super8LightLeak1 12s ease-in-out infinite}.super8-lightleak-2{position:absolute;bottom:-3%;left:-3%;width:20%;height:25%;background:radial-gradient(ellipse at 70% 60%,rgba(160,82,45,.03) 0,rgba(139,69,19,.015) 50%,transparent 90%);border-radius:50%;animation:super8LightLeak2 15s ease-in-out infinite}@keyframes super8LightLeak1{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.1) rotate(3deg)}}@keyframes super8LightLeak2{0%,to{opacity:.2;transform:scale(.9) rotate(0deg)}33%{opacity:.5;transform:scale(1) rotate(-2deg)}66%{opacity:.4;transform:scale(1.05) rotate(1deg)}}.super8-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.08) 65%,rgba(0,0,0,.2) 90%,rgba(0,0,0,.4) 100%);pointer-events:none}.super8-shake{animation:super8CameraShake .3s ease-in-out infinite}@keyframes super8CameraShake{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(.2px,.1px) rotate(.05deg)}50%{transform:translate(-.1px,.2px) rotate(-.05deg)}75%{transform:translate(.1px,-.1px) rotate(.02deg)}}.vintage-film-grain{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(139,69,19,.02) 1px,transparent 0),radial-gradient(circle at 80% 80%,rgba(160,82,45,.015) 1px,transparent 0),radial-gradient(circle at 40% 60%,rgba(210,180,140,.01) .5px,transparent 0);background-size:3px 3px,5px 5px,2px 2px;opacity:1;pointer-events:none;z-index:1;animation:vintageGrainFloat .4s linear infinite}@keyframes vintageGrainFloat{0%{transform:translate(0);opacity:.9}33%{transform:translate(-1px,1px);opacity:1}66%{transform:translate(1px,-1px);opacity:.95}to{transform:translate(0);opacity:.9}}.main-film-strip{position:absolute;inset:0;display:flex;z-index:2;background:linear-gradient(90deg,rgba(40,40,40,.8),rgba(20,20,20,.3) 20%,transparent 40%,transparent 60%,rgba(20,20,20,.3) 80%,rgba(40,40,40,.8))}.film-perforations{width:60px;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(90deg,rgba(60,60,60,.9),rgba(80,80,80,.7),rgba(60,60,60,.9));border:1px solid rgba(100,100,100,.3);filter:sepia(8%) contrast(1.05)}.left-perforations{border-right:2px solid rgba(120,120,120,.4)}.right-perforations{border-left:2px solid rgba(120,120,120,.4)}.perforation-track{display:flex;flex-direction:column;gap:8px;height:200%;animation:perforationScroll 2s linear infinite}@keyframes perforationScroll{0%{transform:translateY(0)}to{transform:translateY(-32px)}}.film-perforation{width:12px;@media (max-width:480px){.film-strip-center{padding:1.5rem 1rem}.vintage-title{font-size:clamp(1.8rem,10vw,2.5rem);margin-bottom:.8rem}.vintage-subtitle{font-size:.7rem;margin-bottom:1.5rem}.super8-grain{opacity:.7}}}