*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#5b7971,#3d5149 50%,#2a3833);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;overflow:hidden;position:relative}body:before{background:radial-gradient(circle at center,transparent 0,rgba(0,0,0,.6) 100%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 4px)}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}body:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04}body:has(.music-player){background:linear-gradient(135deg,#5b7971,#3d5149 50%,#2a3833);padding:0}.container{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:30px;padding-bottom:20px;position:relative;z-index:2}.eye-icon{margin-top:20px}.main-content{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.coming-soon{font-size:32px;font-weight:300;letter-spacing:12px;color:#fff;text-align:center}.product-preview{position:relative;width:100%;max-width:400px;aspect-ratio:1;display:flex;justify-content:center;align-items:center}.blurred-image{width:100%;height:100%;object-fit:contain}.product-preview.poster-enhanced{overflow:hidden}.poster-gradient-overlay{background:linear-gradient(135deg,rgba(91,121,113,.1),transparent 30%,transparent 70%,rgba(42,56,51,.1));z-index:2}.poster-film-grain,.poster-gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.poster-film-grain{z-index:3;opacity:.05}.poster-film-grain:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter2)'/%3E%3C/svg%3E");animation:grainShift 8s steps(10) infinite}@keyframes grainShift{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,10%)}50%{transform:translate(10%,5%)}60%{transform:translateY(-10%)}70%{transform:translate(-10%,10%)}80%{transform:translate(10%)}90%{transform:translate(5%,-5%)}}.poster-vignette{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0,transparent 40%,rgba(0,0,0,.1) 60%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:4}.countdown-status-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;font-family:Courier New,Courier,monospace;font-size:11px;font-weight:500;letter-spacing:1px;color:#fff;margin:10px 0;width:100%;max-width:300px}.countdown-status-bar span{color:#fff}.countdown-status-bar .divider{color:hsla(0,0%,100%,.3);font-weight:300}.button-container{gap:20px;align-items:stretch;margin-top:10px;margin-bottom:10px;width:100%;max-width:500px}.bottom-box,.button-container{display:flex;justify-content:center}.bottom-box{position:relative;padding:20px;border-color:#fff;border-style:dotted solid;border-width:2px;cursor:pointer;transition:opacity .3s ease;text-decoration:none;align-items:center;background:none;font-family:inherit;flex:1 1;min-width:0}.bottom-box:hover{opacity:.7}.bottom-box:before{top:0;left:0;right:50%}.bottom-box:after,.bottom-box:before{content:"";position:absolute;height:2px;background-color:#fff}.bottom-box:after{bottom:0;right:0;left:50%}.bottom-box p{font-size:12px;font-weight:400;letter-spacing:3px;color:#fff;text-align:center;position:relative}.address-footer{margin-top:5px;margin-bottom:10px;padding:8px 10px;text-align:center;text-decoration:none;color:#999;transition:color .3s ease;display:block}.address-footer:hover{color:#fff}.address-footer p{font-size:9px;font-weight:300;letter-spacing:.5px;line-height:1.4;margin:1px 0}@media (max-width:768px){.coming-soon{font-size:24px;letter-spacing:8px}.eye-icon svg{width:60px;height:38px}.overlay-text{font-size:12px;letter-spacing:3px}.bottom-box p{font-size:10px;letter-spacing:2px}.countdown-status-bar{font-size:10px;gap:6px;padding:6px 15px;max-width:250px}}.controls{position:absolute;bottom:0;left:0;right:0;padding:2em;z-index:10;font-size:14px;color:#fff;opacity:.6;text-align:center;pointer-events:none}.back-home-btn{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);padding:15px 35px;border-color:#fff;border-style:dotted solid;border-width:2px;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;z-index:15;font-family:inherit}.back-home-btn:hover{background:rgba(0,0,0,.5);opacity:1}.back-home-btn:before{top:0;left:0;right:50%}.back-home-btn:after,.back-home-btn:before{content:"";position:absolute;height:2px;background-color:#fff}.back-home-btn:after{bottom:0;right:0;left:50%}.back-home-btn p{font-size:12px;font-weight:400;letter-spacing:3px;color:#fff;text-align:center;margin:0}canvas{display:block}.music-player{position:absolute;top:30px;left:50%;transform:translateX(-50%);z-index:20;background:rgba(0,0,0,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#fff;border-style:dotted solid;border-width:2px;padding:20px 30px;box-shadow:0 10px 40px rgba(0,0,0,.6);min-width:500px;transition:all .5s cubic-bezier(.4,0,.2,1)}.music-player:before{top:0;left:0;right:50%}.music-player:after,.music-player:before{content:"";position:absolute;height:2px;background-color:#fff}.music-player:after{bottom:0;right:0;left:50%}.music-player.expanded{padding:20px 30px 25px}.player-content{display:flex;align-items:center;gap:25px}.vinyl-container{flex-shrink:0}.vinyl{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#000);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.6);position:relative;transition:transform .3s ease}.vinyl.spinning{animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vinyl-inner{width:70px;height:70px;background:#2a2a2a;position:relative}.album-cover,.vinyl-inner{border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.album-cover,.album-image{width:100%;height:100%}.album-image{object-fit:cover;border-radius:50%}.song-info{flex:1 1;min-width:0}.song-title{font-size:18px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist,.song-title{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.song-artist{font-size:14px;font-weight:500;margin-bottom:2px}.song-album{font-size:12px;color:#ccc;text-shadow:0 2px 8px rgba(0,0,0,.3)}.player-controls{gap:15px;flex-shrink:0}.control-btn,.player-controls{display:flex;align-items:center}.control-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);cursor:pointer;color:#fff;width:40px;height:40px;justify-content:center;transition:all .2s ease;border-radius:50%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.control-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5);transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.play-btn{width:48px;height:48px}.progress-section{margin-top:20px;padding-top:15px;border-top:1px dotted hsla(0,0%,100%,.2);animation:slideDown .5s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.progress-bar{position:relative;height:4px;background:hsla(0,0%,100%,.2);border-radius:0;margin-bottom:10px;overflow:visible;border:1px solid hsla(0,0%,100%,.1)}.progress-fill{height:100%;background:#fff;border-radius:0;transition:width .1s linear;box-shadow:0 0 8px hsla(0,0%,100%,.4)}.progress-indicator{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 8px hsla(0,0%,100%,.6);transition:left .1s linear}.time-display{display:flex;justify-content:space-between;font-size:12px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.current-time{color:#fff}.current-time,.remaining-time{text-shadow:0 2px 4px rgba(0,0,0,.3)}.remaining-time{color:#ccc}.cctv-button{position:relative;padding:20px;border-color:#0cf;border-style:dotted solid;border-width:2px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;background:none;font-family:inherit;outline:none;box-shadow:0 0 20px rgba(0,204,255,.2);flex:1 1;min-width:0}.cctv-button:hover{background:rgba(0,204,255,.08);box-shadow:0 0 30px rgba(0,204,255,.4)}.cctv-button:before{top:0;left:0;right:50%}.cctv-button:after,.cctv-button:before{content:"";position:absolute;height:2px;background-color:#0cf}.cctv-button:after{bottom:0;right:0;left:50%}.cctv-button p{font-size:12px;font-weight:400;letter-spacing:3px;color:#0cf;text-align:center;position:relative;text-shadow:0 0 10px rgba(0,204,255,.6);margin:0}@media (max-width:768px){.music-player{min-width:90vw;padding:15px 20px}.vinyl{width:60px;height:60px}.vinyl-inner{width:38px;height:38px}.album-cover{width:32px;height:32px}.song-title{font-size:16px}.song-artist{font-size:12px}.song-album{font-size:11px}.control-btn{width:36px;height:36px}.play-btn{width:42px;height:42px}.cctv-button p{font-size:10px;letter-spacing:2px}.button-container{flex-direction:column;gap:10px;max-width:300px}.bottom-box,.cctv-button{width:100%}}