.app::-webkit-scrollbar{display:none}body{height:100%;margin:0;padding:0;font-family:Montserrat,sans-serif;overflow:hidden}#app{overflow-y:hidden}.app{height:calc(var(--vh,1vh) * 100);scroll-snap-type:y mandatory;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;width:100vw;overflow-y:scroll}.virtual-container{position:relative}.slide{height:calc(var(--vh,1vh) * 100);scroll-snap-align:start;scroll-snap-stop:always;background:#000;width:100vw;position:absolute;top:0;left:0;overflow:hidden}.video,.poster{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.video{z-index:1}.poster{z-index:1;pointer-events:none;opacity:1;transition:opacity .15s ease-out}.poster.faded{opacity:0}.preloader{z-index:2;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #0000004d}.preloader:before{content:"";border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:5px}.preloader-pct{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #00000080;font-size:12px;font-weight:600;line-height:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pause-overlay{pointer-events:none;z-index:2;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.pause-icon{color:#fff;font-size:48px}.content{z-index:2;box-sizing:border-box;flex-direction:column;gap:10px;width:100%;padding:0 5px;display:flex;position:absolute;bottom:5px}.title-container{align-items:center;gap:10px;display:flex}.avatar{object-fit:cover;border-radius:8px;width:40px;height:40px}.title{color:#fff;text-shadow:0 0 5px #00000080;font-weight:600}.reactions{background:#00000080;border-radius:8px;grid-template-columns:repeat(4,1fr);align-items:center;gap:10px;padding:6px 10px;display:grid}.reaction{color:#fff;text-shadow:0 0 5px #00000080;cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:3px 2px;font-size:18px;display:flex}.reaction span{text-align:left;min-width:30px;font-size:12px}.progress-container{z-index:2;cursor:pointer;background:#ffffff4d;border-radius:5px;height:15px;bottom:0;left:0;right:0}.progress-bar{opacity:.5;background:linear-gradient(90deg,#ff9500,#fc0);border-radius:5px;width:0;height:100%;transition:width .1s linear}.sound-btn{z-index:3;cursor:pointer;box-sizing:border-box;background:#00000080;border:1px solid #fea2a4;border-radius:10px;justify-content:center;align-items:center;height:42px;margin:5px;padding:0 14px;font-size:20px;line-height:1;display:inline-flex;position:absolute;top:0;right:0}.ads-overlay{z-index:10;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.gate-overlay{z-index:10;box-sizing:border-box;pointer-events:auto;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding-bottom:25vh;display:flex;position:fixed;top:0;left:0}.gate-content{color:#fff;flex-direction:column;align-items:center;gap:20px;display:flex}.gate-text{text-shadow:0 1px 2px #0009;text-align:center;padding:0 40px;font-size:18px;font-weight:600}.gate-arrow{color:#ff9500;text-shadow:0 0 20px #ff9500b3;font-size:80px;line-height:1;animation:.9s ease-in-out infinite gate-bounce}@keyframes gate-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}.ads-dialog{background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:15px;padding:20px 35px;display:flex}.ads-dialog span{font-size:16px;font-weight:600}.ads-dialog button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4d4d,#ff1a75);border:none;border-radius:50px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .3s;animation:2s infinite pulse;position:relative;overflow:hidden;box-shadow:0 4px 15px #ff4d4d66}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.reaction-animation-overlay{width:100vw;height:calc(var(--vh,1vh) * 100);pointer-events:none;z-index:5;position:fixed;top:0;left:0;overflow:hidden}.floating-emoji{transform:translate(-50%,-50%) scale(var(--scale,1));will-change:transform,opacity;animation:floatUp var(--duration,2s) var(--delay,0s) ease-out forwards;opacity:1;text-shadow:0 2px 5px #0000004d;font-size:3rem;position:absolute;top:50%;left:50%}@keyframes floatUp{0%{transform:translate(calc(-50% + var(--offsetX,0px)),calc(-50% + var(--offsetY,0px))) scale(var(--scale,1)) rotate(0);opacity:1}to{transform:translate(calc(-50% + var(--offsetX,0px)),calc(-50% + var(--offsetY,0px) - 150px)) scale(var(--scale,1)) rotate(var(--rotation,0deg));opacity:0}}.swipe-hint{z-index:8;pointer-events:none;width:97px;height:182px;animation:3s ease-out forwards swipe-hint-fade;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.swipe-hint__frame{width:100%;height:100%}.swipe-hint__inner{width:30px;height:41px;animation:1s linear infinite swipe-hint-inner;position:absolute;top:73px;left:33px}.swipe-hint__finger{width:66px;height:71px;animation:1s linear infinite swipe-hint-finger;position:absolute;top:114px;left:80px}.swipe-hint__text{color:#fff;white-space:nowrap;text-align:center;text-shadow:0 2px 8px #0009;font-size:20px;font-weight:700;position:absolute;top:192px;left:50%;transform:translate(-50%)}@keyframes swipe-hint-inner{0%,90%,to{transform:translateY(0)}40%,50%{transform:translateY(-30px)}}@keyframes swipe-hint-finger{0%,90%,to{transform:translateY(0)}40%,50%{transform:translateY(-80px)}}@keyframes swipe-hint-fade{0%,80%{opacity:1}to{opacity:0}}.reaction.reacted{color:gold;background-color:#7d77658c;border-radius:6px}.reaction.reacted span{color:gold}.reaction{transition:transform .2s,color .2s}.toggle-wrapper{z-index:9;background:#00000080;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;margin:5px;padding:3px 7px;display:flex;position:absolute;box-shadow:0 4px 12px #0000001a}.toggle-wrapper.border-chill{animation:3s linear infinite border-chill}.toggle-wrapper.border-nsfw{animation:1.5s linear infinite border-nsfw}@keyframes border-chill{0%{border-color:#ff9a9e}50%{border-color:#fad0c4}to{border-color:#ff9a9e}}@keyframes border-nsfw{0%{border-color:#6a0dad}25%{border-color:#a139d5}50%{border-color:#b94bdf}75%{border-color:#8a20c7}to{border-color:#6a0dad}}.label{color:#fff;align-items:center;gap:5px;font-size:13px;display:flex;position:relative}.label-text{display:inline-block}.toggle{cursor:pointer;background:orange;border:none;border-radius:34px;width:60px;height:34px;transition:background-color .4s;position:relative;transform:scale(.8)}.toggle.chill{animation:3s linear infinite bg-chill}.toggle.nsfw{animation:3s linear infinite bg-nsfw}@keyframes bg-chill{0%{background-color:orange}50%{background-color:#ffc27c}to{background-color:orange}}@keyframes bg-nsfw{0%{background-color:#6a0dad}25%{background-color:#a139d5}50%{background-color:#b94bdf}75%{background-color:#8a20c7}to{background-color:#6a0dad}}.circle{background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .4s;position:absolute;top:3px;left:3px;box-shadow:0 0 5px #0003}.active .circle{transform:translate(26px)}.loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100vw;height:100vh;display:flex}.spinner{border:4px solid #00000026;border-top-color:#ff9500;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.text{color:#000;font-size:1.3em}