:root{color:#fff;background-color:#000;font-family:Special Elite,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;width:100%;height:100dvh;overflow:hidden}body{background:radial-gradient(circle,#111 0%,#000 70%)}#app{width:100vw;height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.yt-container{pointer-events:none;opacity:0;z-index:1;background:#000;width:100vw;height:100dvh;transition:opacity 2s ease-in-out;position:absolute;top:0;left:0;overflow:hidden}.yt-container.visible{opacity:1}.yt-player{pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (orientation:portrait){.yt-player{width:100vw;min-width:100vw;max-width:100vw;height:56.25vw}}@media screen and (orientation:landscape){.yt-player{width:100vw;min-width:177.77dvh;height:56.25vw;min-height:100dvh}}.video-overlay{opacity:0;z-index:2;pointer-events:none;background:0 0;width:100%;height:100%;transition:opacity 2s ease-in-out;position:absolute;top:0;left:0}.video-overlay.visible{opacity:0}.video-controls{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:100;opacity:0;pointer-events:none;gap:10px;transition:opacity 1s;display:flex;position:fixed}.video-controls.visible{opacity:1;pointer-events:auto}.control-btn{cursor:pointer;-webkit-backdrop-filter:blur(8px);color:#fff;background:#000000a6;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #00000080}.control-btn:hover,.control-btn:active{background:#000000d9;border-color:#ffffff80;transform:scale(1.1);box-shadow:0 0 15px #ffffff4d}.control-icon{-webkit-user-select:none;user-select:none;font-size:1.1rem;line-height:1}.overlay{pointer-events:none;opacity:.4;z-index:10;background-image:radial-gradient(#ffffff08 1px,#0000 0);background-size:4px 4px;width:100%;height:100%;position:absolute;top:0;left:0}.content{text-align:center;z-index:5;flex-direction:column;justify-content:center;align-items:center;margin-bottom:80px;padding:0 20px;transition:opacity 1.5s ease-out,transform 1.5s ease-out;display:flex}.mysterious-text{letter-spacing:clamp(2px,.8vw,5px);color:#e0e0e0;text-shadow:0 0 20px #ffffff26;opacity:0;-webkit-user-select:none;user-select:none;max-width:90vw;font-family:Special Elite,cursive;font-size:clamp(1.6rem,5vw,3.5rem);line-height:1.3;transition:transform .1s ease-out,opacity 1.5s ease-out;animation:4s ease-in forwards fadeIn}@keyframes fadeIn{0%{opacity:0;filter:blur(10px)}50%{opacity:.5;filter:blur(5px)}to{opacity:.85;filter:blur()}}.footer{bottom:max(16px, env(safe-area-inset-bottom));z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.5vh,14px);width:100%;padding:0 16px;transition:opacity 1.5s ease-out;display:flex;position:absolute}.countdown{opacity:0;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:clamp(8px,2.5vw,16px);transition:opacity 1.5s ease-out;animation:3s ease-in 1.2s forwards fadeIn;display:flex}.time-block{flex-direction:column;align-items:center;min-width:44px;display:flex}.time-num{color:#c8a2a8;letter-spacing:2px;text-shadow:0 0 10px #c8a2a84d;font-family:Special Elite,cursive;font-size:clamp(1.4rem,4.5vw,2.2rem);line-height:1}.time-label{letter-spacing:2px;color:#666;margin-top:4px;font-size:clamp(.5rem,1.6vw,.65rem)}.colon{color:#666;margin-bottom:12px;font-family:Special Elite,cursive;font-size:clamp(1.2rem,3.8vw,2rem);line-height:1}.hashtag{color:#888;letter-spacing:3px;opacity:0;-webkit-user-select:none;user-select:none;font-family:Special Elite,cursive;font-size:clamp(.85rem,2.2vw,1.2rem);transition:color .3s,text-shadow .3s;animation:3s ease-in 2s forwards fadeIn}.hashtag:hover,.hashtag:active{color:#fff;text-shadow:0 0 8px #ffffff80}.footer-logo{opacity:0;filter:drop-shadow(0 0 8px #ffffff26);-webkit-user-select:none;user-select:none;width:clamp(55px,12vw,90px);height:auto;transition:transform .3s,filter .3s;animation:3s ease-in 2.5s forwards fadeIn}.footer-logo:hover,.footer-logo:active{filter:drop-shadow(0 0 12px #ffffff4d);transform:scale(1.05)}.fade-out{pointer-events:none;visibility:hidden;transition:opacity 1.5s ease-out,visibility 1.5s ease-out;opacity:0!important}@media screen and (width<=600px) and (orientation:portrait){.content{margin-bottom:120px}.mysterious-text{letter-spacing:2px;padding:0 10px;font-size:clamp(1.5rem,6.5vw,2.2rem)}.countdown{gap:10px}.time-block{min-width:38px}.video-controls{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));gap:8px}.control-btn{width:40px;height:40px}}@media screen and (height<=500px) and (orientation:landscape){.content{margin-bottom:50px}.mysterious-text{letter-spacing:2px;font-size:clamp(1.2rem,5vh,1.8rem)}.footer{bottom:max(8px, env(safe-area-inset-bottom));gap:4px}.time-num{font-size:1.2rem}.colon{margin-bottom:8px;font-size:1.1rem}.time-label{font-size:.5rem}.hashtag{letter-spacing:2px;font-size:.75rem}.footer-logo{width:45px}.video-controls{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));gap:8px}.control-btn{width:36px;height:36px}}