*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif;background:linear-gradient(135deg,rgba(26,26,46,.95),rgba(22,33,62,.95) 30%,rgba(15,15,35,.98) 70%,rgba(0,0,0,.9)),url(/background.jpg);background-size:cover;background-position:50%;background-attachment:fixed;background-repeat:no-repeat;color:#fff;min-height:100vh;overflow-x:hidden;position:relative}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(220,38,127,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,87,51,.08) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,180,216,.08) 0,transparent 50%),linear-gradient(135deg,rgba(0,0,0,.3),rgba(26,26,46,.2) 30%,rgba(22,33,62,.3) 70%,rgba(0,0,0,.4));z-index:-1;animation:backgroundPulse 8s ease-in-out infinite alternate}@keyframes backgroundPulse{0%{opacity:.3}to{opacity:.7}}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;position:relative;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.header{margin-bottom:3rem;animation:fadeInDown 1.5s ease-out}.title{font-family:Cinzel,serif;font-size:4rem;font-weight:700;background:linear-gradient(45deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite alternate,titleGlow 2s ease-in-out infinite alternate;margin-bottom:1rem;text-shadow:0 0 30px hsla(0,100%,71%,.5)}.subtitle{font-size:2rem;font-weight:400;color:#e0e0e0;margin-bottom:.5rem;letter-spacing:2px}.movie-info{font-size:1.2rem;color:#a0a0a0;font-weight:300}@keyframes gradientShift{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes titleGlow{0%{text-shadow:0 0 20px hsla(0,100%,71%,.3)}to{text-shadow:0 0 40px hsla(0,100%,71%,.6),0 0 60px hsla(0,100%,71%,.4)}}.countdown-container{margin-bottom:3rem;animation:fadeInUp 1.5s ease-out .5s both}.countdown-card{display:flex;align-items:center;gap:2rem;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);animation:cardFloat 6s ease-in-out infinite;width:100%;max-width:800px;margin:0 auto;transition:all .3s ease}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.countdown-container.urgent .countdown-card{animation:cardFloat 2s ease-in-out infinite,urgentPulse 1s ease-in-out infinite}.countdown-card.final{animation:cardFloat 1s ease-in-out infinite,finalCountdown .5s ease-in-out infinite}@keyframes urgentPulse{0%,to{box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 20px hsla(0,100%,71%,.4)}50%{box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 40px hsla(0,100%,71%,.8)}}@keyframes finalCountdown{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.countdown-container.epic{position:relative;overflow:visible}.countdown-container.epic:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle at 30% 30%,hsla(0,100%,71%,.15) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,149,0,.15) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,215,0,.1) 0,transparent 70%);border-radius:30px;animation:epicGlow 3s ease-in-out infinite alternate;z-index:-1}.countdown-container.epic .countdown-card{background:linear-gradient(135deg,hsla(0,100%,71%,.1),rgba(255,149,0,.08) 30%,rgba(255,215,0,.06) 60%,rgba(220,38,127,.08)),hsla(0,0%,100%,.05);border:2px solid hsla(0,100%,71%,.3);box-shadow:0 12px 40px rgba(0,0,0,.4),inset 0 2px 0 hsla(0,0%,100%,.15),0 0 30px hsla(0,100%,71%,.6),0 0 60px rgba(255,149,0,.4),0 0 90px rgba(255,215,0,.2);animation:cardFloat 2s ease-in-out infinite,epicPulse 1.5s ease-in-out infinite;transform-style:preserve-3d}.countdown-container.epic .number{background:linear-gradient(135deg,#ff6b6b,#ff9500 25%,gold 50%,#ff4500 75%,#dc143c);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 10px hsla(0,100%,71%,.8),0 0 20px rgba(255,149,0,.6),0 0 30px rgba(255,215,0,.4);animation:epicNumberPulse 1s ease-in-out infinite,epicGradientShift 4s ease-in-out infinite,epicGlow 2s ease-in-out infinite alternate;filter:drop-shadow(0 0 10px rgba(255,107,107,.5))}.countdown-container.epic .label{color:gold;text-shadow:0 0 10px rgba(255,215,0,.8);animation:epicLabelGlow 2s ease-in-out infinite alternate;font-weight:600}.countdown-container.epic .separator{color:#ff6b6b;text-shadow:0 0 15px hsla(0,100%,71%,.8),0 0 25px rgba(255,149,0,.6);animation:epicSeparatorBlink 1s ease-in-out infinite}@keyframes epicGlow{0%{opacity:.6}to{opacity:1}}@keyframes epicPulse{0%,to{transform:scale(1) rotateX(0deg);box-shadow:0 12px 40px rgba(0,0,0,.4),inset 0 2px 0 hsla(0,0%,100%,.15),0 0 30px hsla(0,100%,71%,.6),0 0 60px rgba(255,149,0,.4)}50%{transform:scale(1.03) rotateX(1deg);box-shadow:0 16px 50px rgba(0,0,0,.5),inset 0 2px 0 hsla(0,0%,100%,.2),0 0 50px #ff6b6b,0 0 80px rgba(255,149,0,.8),0 0 120px rgba(255,215,0,.4)}}@keyframes epicNumberPulse{0%,to{transform:scale(1) rotateY(0deg)}50%{transform:scale(1.1) rotateY(2deg)}}@keyframes epicGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes epicLabelGlow{0%{text-shadow:0 0 10px rgba(255,215,0,.6)}to{text-shadow:0 0 20px gold,0 0 30px hsla(0,100%,71%,.6)}}@keyframes epicSeparatorBlink{0%,40%{opacity:1;text-shadow:0 0 15px hsla(0,100%,71%,.8),0 0 25px rgba(255,149,0,.6)}50%,90%{opacity:.3;text-shadow:0 0 5px hsla(0,100%,71%,.4),0 0 10px rgba(255,149,0,.3)}to{opacity:1;text-shadow:0 0 15px hsla(0,100%,71%,.8),0 0 25px rgba(255,149,0,.6)}}.countdown-container.final-hour{animation:finalHourShake .3s ease-in-out infinite}.countdown-container.final-hour .countdown-card{background:linear-gradient(135deg,rgba(255,0,0,.2),rgba(255,69,0,.15) 25%,rgba(255,140,0,.1) 50%,rgba(255,20,147,.15)),hsla(0,0%,100%,.08);border:3px solid rgba(255,0,0,.5);animation:cardFloat .5s ease-in-out infinite,finalHourPulse .8s ease-in-out infinite,finalHourGlow 1s ease-in-out infinite alternate}.countdown-container.final-hour .number{background:linear-gradient(135deg,red,#ff4500 20%,#ff8c00 40%,gold 60%,#ff1493 80%,#dc143c);background-size:300% 300%;animation:finalHourNumberPulse .5s ease-in-out infinite,finalHourGradientShift 2s ease-in-out infinite,finalHourNumberGlow .8s ease-in-out infinite}@keyframes finalHourShake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px) translateY(1px)}50%{transform:translateX(2px) translateY(-1px)}75%{transform:translateX(-1px) translateY(1px)}}@keyframes finalHourPulse{0%,to{transform:scale(1);box-shadow:0 15px 50px rgba(0,0,0,.5),0 0 40px rgba(255,0,0,.8),0 0 80px rgba(255,69,0,.6),0 0 120px rgba(255,215,0,.4)}50%{transform:scale(1.05);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 60px red,0 0 100px rgba(255,69,0,.8),0 0 150px rgba(255,215,0,.6)}}@keyframes finalHourGlow{0%{filter:brightness(1) saturate(1.2)}to{filter:brightness(1.3) saturate(1.8) hue-rotate(10deg)}}@keyframes finalHourNumberPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.15) rotate(1deg)}}@keyframes finalHourGradientShift{0%{background-position:0 50%}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 50%}}@keyframes finalHourNumberGlow{0%,to{text-shadow:0 0 15px red,0 0 25px rgba(255,69,0,.8),0 0 35px rgba(255,215,0,.6)}50%{text-shadow:0 0 25px red,0 0 40px #ff4500,0 0 60px rgba(255,215,0,.8),0 0 80px rgba(255,20,147,.6)}}.time-unit{display:flex;flex-direction:column;align-items:center;gap:.5rem}.number{font-size:4rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(102,126,234,.3);animation:numberPulse 2s ease-in-out infinite;min-width:2ch}.countdown-container.urgent .number{background:linear-gradient(135deg,#ff6b6b,#ff9ff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px hsla(0,100%,71%,.6)}.label{font-size:.9rem;color:#b0b0b0;text-transform:uppercase;letter-spacing:1px;font-weight:500}.separator{font-size:3rem;color:#667eea;font-weight:700;animation:separatorBlink 2s ease-in-out infinite}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes separatorBlink{0%,50%{opacity:1}51%,to{opacity:.3}}.date-info{margin-bottom:3rem;animation:fadeInUp 1.5s ease-out 1s both}.premiere-date h3{font-size:1.8rem;color:#ff6b6b;margin-bottom:.5rem;font-weight:600}.date{font-size:1.4rem;color:#e0e0e0;font-weight:500}.quote-container{max-width:600px;margin-bottom:2rem;animation:fadeInUp 1.5s ease-out 1.5s both}.quote{text-align:left;font-size:1.1rem;font-style:italic;color:silver;line-height:1.8;position:relative;padding:1.5rem;border-left:4px solid #667eea;background:hsla(0,0%,100%,.02);border-radius:0 10px 10px 0}.quote cite{display:block;margin-top:1rem;font-size:.9rem;color:#a0a0a0;font-style:normal;text-align:right}.share-container{animation:fadeInUp 1.5s ease-out 2s both}.share-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:1rem 2rem;font-size:1.1rem;font-weight:500;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3);font-family:Noto Sans JP,sans-serif}.share-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.5);background:linear-gradient(135deg,#5a67d8,#6b46c1)}.share-button:active{transform:translateY(0)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.buttons_container{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:3rem;align-items:center;justify-content:center}@media (max-width:1024px){.countdown-card{gap:1.5rem;padding:1.8rem}.number{font-size:3.5rem}.separator{font-size:2.5rem}}@media (max-width:768px){.title{font-size:2.8rem}.subtitle{font-size:1.8rem}.countdown-container{margin-bottom:2.5rem;padding:0 1rem}.countdown-card{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;padding:2rem 1.5rem;border-radius:15px;max-width:100%;margin:0 auto;align-items:center;justify-items:center}.separator{display:none}.time-unit{width:100%;max-width:140px;padding:1.2rem .8rem;background:hsla(0,0%,100%,.03);border-radius:12px;border:1px solid hsla(0,0%,100%,.05);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.time-unit:hover{background:hsla(0,0%,100%,.05);transform:translateY(-2px)}.number{font-size:3.2rem;margin-bottom:.2rem}.label{font-size:.85rem;letter-spacing:.8px}.container{padding:1.5rem 1rem}.share-button{padding:.9rem 1.8rem;font-size:1rem}}@media (max-width:640px){.countdown-container{margin-bottom:2rem;padding:0 .5rem}.countdown-card{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1.2rem;padding:1.8rem 1rem;border-radius:12px}.time-unit{max-width:120px;padding:1rem .6rem;border-radius:10px}.number{font-size:2.8rem}.label{font-size:.8rem;letter-spacing:.6px}}@media (max-width:480px){.buttons_container,.date-info,.header{margin-bottom:2rem}.buttons_container{gap:2rem}.title{font-size:2.2rem;margin-bottom:.8rem}.subtitle{font-size:1.4rem;margin-bottom:.4rem}.movie-info{font-size:1rem}.countdown-container{margin-bottom:1.8rem;padding:0}.countdown-card{gap:1.2rem;padding:1.5rem .8rem;border-radius:10px;margin:0 .5rem}.time-unit{min-width:85px;padding:.6rem .4rem;border-radius:8px;gap:.2rem}.number{font-size:2.2rem;min-width:auto}.label{font-size:.7rem;letter-spacing:.5px}.container{padding:1rem .5rem}.share-button{padding:.8rem 1.4rem;font-size:.9rem}}@media (max-width:360px){.countdown-card{gap:1rem;padding:1.2rem .6rem;margin:0 .2rem}.time-unit{min-width:75px;padding:.5rem .3rem;border-radius:6px}.number{font-size:1.8rem}.label{font-size:.65rem;letter-spacing:.3px}.title{font-size:1.8rem}.subtitle{font-size:1.2rem}}@media (max-width:768px) and (orientation:landscape){.countdown-card{flex-direction:row;gap:1rem;padding:1rem 1.5rem}.separator{display:block;font-size:2rem}.time-unit{min-width:70px;padding:.5rem}.number{font-size:2rem}.label{font-size:.7rem}}@media (hover:none) and (pointer:coarse){.countdown-card{border:2px solid hsla(0,0%,100%,.15);box-shadow:0 6px 25px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.15)}.time-unit{border:2px solid hsla(0,0%,100%,.08)}.time-unit:active{background:hsla(0,0%,100%,.08);transform:scale(.98)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.countdown-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.time-unit{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@media (prefers-color-scheme:dark){.countdown-card{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12)}.time-unit{border-color:hsla(0,0%,100%,.06)}}@media (prefers-reduced-motion:reduce){.countdown-card,.number,.separator{animation:none}.time-unit{transition:none}}.sound-toggle{position:fixed;top:20px;right:20px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;padding:.8rem 1.2rem;color:#fff;cursor:pointer;transition:all .3s ease;font-family:Noto Sans JP,sans-serif;font-size:.9rem;font-weight:500;z-index:1000;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 20px rgba(0,0,0,.2)}.sound-toggle:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,0,0,.3)}.sound-toggle.enabled{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.4)}.sound-toggle.enabled:hover{background:rgba(102,126,234,.3);border-color:rgba(102,126,234,.5)}.sound-toggle.disabled{background:hsla(0,100%,71%,.15);border-color:hsla(0,100%,71%,.3)}.sound-toggle.disabled:hover{background:hsla(0,100%,71%,.25);border-color:hsla(0,100%,71%,.4)}.sound-icon{font-size:1.2rem;display:flex;align-items:center}.sound-text{font-size:.85rem;letter-spacing:.5px}@media (max-width:768px){.sound-toggle{top:15px;right:15px;padding:.6rem 1rem;font-size:.8rem}.sound-icon{font-size:1rem}.sound-text{font-size:.75rem}}@media (max-width:480px){.sound-toggle{top:10px;right:10px;padding:.5rem .8rem}.sound-text{display:none}}.dev-controls{position:fixed;bottom:20px;left:20px;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.2);border-radius:15px;padding:1rem;color:#fff;z-index:10000;min-width:250px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.dev-controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid hsla(0,0%,100%,.2)}.dev-controls-header h3{margin:0;font-size:1rem;font-weight:600}.dev-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.dev-close:hover{background:hsla(0,0%,100%,.1)}.dev-controls-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.dev-button{background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.4);color:#fff;padding:.5rem;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.3rem}.dev-button:hover{background:rgba(102,126,234,.3);border-color:rgba(102,126,234,.6);transform:translateY(-1px)}.dev-button:active{transform:translateY(0)}.dev-info{font-size:.75rem;color:#ccc;line-height:1.4}.dev-info p{margin:.2rem 0}