:root{--aurora-bg-dark: #000000;--aurora-green-bright: #39ff9f;--aurora-green-medium: #00d977;--aurora-green-dark: #00b366;--aurora-green-very-dark: #003d1f;--aurora-black: #000000}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;height:-webkit-fill-available}body{margin:0;padding:0;overflow:hidden;width:100vw;height:100vh;height:100dvh;height:-webkit-fill-available}#app{width:100%;height:100%;position:relative;overflow:hidden}.video-container{position:relative;width:100vw;height:100vh;height:100dvh;height:-webkit-fill-available;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 200% 150% at 50% 50%,rgba(0,0,0,.4) 0%,transparent 70%),radial-gradient(ellipse 150% 100% at 20% 80%,rgba(0,0,0,.3) 0%,transparent 60%),radial-gradient(ellipse 150% 100% at 80% 20%,rgba(0,0,0,.3) 0%,transparent 60%),var(--aurora-bg-dark)}.video-container:before,.video-container:after{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;opacity:.8;z-index:1}.video-container:before{background:linear-gradient(180deg,transparent 0%,rgba(57,255,159,.15) 15%,rgba(0,217,119,.25) 25%,rgba(57,255,159,.2) 35%,rgba(0,179,102,.15) 45%,transparent 55%),linear-gradient(180deg,transparent 40%,rgba(0,217,119,.2) 50%,rgba(57,255,159,.3) 60%,rgba(0,217,119,.15) 70%,transparent 80%),linear-gradient(180deg,transparent 60%,rgba(0,179,102,.25) 70%,rgba(57,255,159,.35) 80%,rgba(0,217,119,.2) 90%,transparent 100%);filter:blur(60px);animation:aurora-wave 12s ease-in-out infinite;opacity:.9}.video-container:after{background:linear-gradient(180deg,transparent 20%,rgba(0,179,102,.2) 30%,rgba(57,255,159,.25) 40%,rgba(0,217,119,.15) 50%,transparent 60%),linear-gradient(180deg,transparent 50%,rgba(57,255,159,.2) 60%,rgba(0,217,119,.3) 70%,rgba(0,179,102,.15) 80%,transparent 90%),linear-gradient(180deg,rgba(0,61,31,.3) 0%,rgba(0,179,102,.2) 10%,transparent 20%);filter:blur(80px);animation:aurora-wave 15s ease-in-out infinite reverse;opacity:.7}.video-wrapper{position:relative;width:auto;height:calc(100vh - 40px);height:calc(100dvh - 40px);max-width:100%;border-radius:20px;overflow:hidden;display:inline-block}.video-progress-container{position:absolute;top:0;left:0;width:100%;height:3px;background:#1657fd33;z-index:15;pointer-events:none;border-radius:20px 20px 0 0}.video-progress-bar{height:100%;width:0%;background:#1657fd;will-change:width;border-radius:20px 0 0}#video{position:relative;width:auto;height:calc(100vh - 40px);height:calc(100dvh - 40px);max-width:100%;object-fit:contain;z-index:2;cursor:pointer;display:block}.video-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;display:none;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;transition:transform .2s ease,opacity .2s ease;pointer-events:auto}.video-play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.video-play-button:active{transform:translate(-50%,-50%) scale(.95)}.video-play-button svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));transition:filter .2s ease}.video-play-button:hover svg{filter:drop-shadow(0 6px 12px rgba(0,0,0,.7))}.spinner{width:60px;height:60px;border:4px solid rgba(57,255,159,.2);border-top-color:var(--aurora-green-bright);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.video-wrapper{max-height:calc(100dvh - 40px);max-width:calc(100vw - 20px);width:auto;height:auto;border-radius:16px}#video{max-height:calc(100dvh - 40px);max-width:calc(100vw - 20px);width:auto;height:auto;object-fit:contain;border-radius:16px}.video-progress-container{border-radius:16px 16px 0 0}.video-progress-bar{border-radius:16px 0 0}.video-container{padding:20px 10px;align-items:center;padding-top:calc(20px + env(safe-area-inset-top,0));padding-bottom:calc(20px + env(safe-area-inset-bottom,0))}.logo-container{bottom:calc(20px + env(safe-area-inset-bottom,0));left:calc(20px + env(safe-area-inset-left,0))}}.logo-container{position:absolute;bottom:20px;left:20px;z-index:10}.logo-container a{display:block;text-decoration:none;cursor:pointer}.logo{height:auto;max-width:200px;width:auto;display:block;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8));transition:opacity .3s ease}@media(max-width:768px){.logo{max-width:120px}}.logo-container a:hover .logo{opacity:.8}#snow-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.error-container{position:relative;width:100vw;height:100vh;height:100dvh;height:-webkit-fill-available;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 200% 150% at 50% 50%,rgba(0,0,0,.4) 0%,transparent 70%),radial-gradient(ellipse 150% 100% at 20% 80%,rgba(0,0,0,.3) 0%,transparent 60%),radial-gradient(ellipse 150% 100% at 80% 20%,rgba(0,0,0,.3) 0%,transparent 60%),var(--aurora-bg-dark);overflow:hidden}.error-container:before,.error-container:after{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;opacity:.8}.error-container:before{background:linear-gradient(180deg,transparent 0%,rgba(57,255,159,.15) 15%,rgba(0,217,119,.25) 25%,rgba(57,255,159,.2) 35%,rgba(0,179,102,.15) 45%,transparent 55%),linear-gradient(180deg,transparent 40%,rgba(0,217,119,.2) 50%,rgba(57,255,159,.3) 60%,rgba(0,217,119,.15) 70%,transparent 80%),linear-gradient(180deg,transparent 60%,rgba(0,179,102,.25) 70%,rgba(57,255,159,.35) 80%,rgba(0,217,119,.2) 90%,transparent 100%);filter:blur(60px);animation:aurora-wave 12s ease-in-out infinite;opacity:.9;z-index:1}.error-container:after{background:linear-gradient(180deg,transparent 20%,rgba(0,179,102,.2) 30%,rgba(57,255,159,.25) 40%,rgba(0,217,119,.15) 50%,transparent 60%),linear-gradient(180deg,transparent 50%,rgba(57,255,159,.2) 60%,rgba(0,217,119,.3) 70%,rgba(0,179,102,.15) 80%,transparent 90%),linear-gradient(180deg,rgba(0,61,31,.3) 0%,rgba(0,179,102,.2) 10%,transparent 20%);filter:blur(80px);animation:aurora-wave 15s ease-in-out infinite reverse;opacity:.7;z-index:1}.error-content{text-align:center;z-index:10;position:relative}.error-code{font-size:120px;font-weight:700;color:#fff;text-shadow:4px 4px 8px rgba(0,0,0,.3);margin-bottom:20px;line-height:1;font-family:sans-serif}.error-message{font-size:48px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:40px;font-weight:500;font-family:sans-serif}.error-emojis{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.error-emojis .emoji{font-size:60px;animation:float 3s ease-in-out infinite;display:inline-block}.error-emojis .emoji:nth-child(1){animation-delay:0s}.error-emojis .emoji:nth-child(2){animation-delay:.5s}.error-emojis .emoji:nth-child(3){animation-delay:1s}.error-emojis .emoji:nth-child(4){animation-delay:1.5s}.error-emojis .emoji:nth-child(5){animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes aurora-wave{0%,to{transform:translate(0) translateY(0) scaleX(1);opacity:.7}25%{transform:translate(8%) translateY(-5%) scaleX(1.1);opacity:.9}50%{transform:translate(-8%) translateY(3%) scaleX(.95);opacity:.8}75%{transform:translate(5%) translateY(-2%) scaleX(1.05);opacity:.85}}