*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;width:100%;background:#000;color:#fff;font-family:sans-serif;overflow:hidden}.home-page{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100vh;height:100dvh;overflow:hidden}.video-stage,.video-content{position:relative;min-width:0;min-height:0;height:100%;overflow:hidden}.stream{position:relative;height:100%;width:100%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.stream video{width:100%;height:100%;object-fit:cover}.overlay.top-left{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left))}.live-btn{background:#ff007f;color:#fff;font-weight:700;border-radius:16px;padding:6px 12px;text-decoration:none;box-shadow:0 0 8px #ff007f;animation:flash 1.5s ease-in-out infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:.6}}.chat-btn-wrapper{position:absolute;bottom:18px;left:0;width:100%;display:flex;justify-content:center;z-index:50}.chat-btn{background:#ff007f;color:#fff;font-weight:700;border-radius:25px;min-height:44px;max-width:calc(100vw - 116px);padding:11px 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 8px #ff007f,0 0 20px #ff007f99}50%{transform:scale(1.05);box-shadow:0 0 15px #ff007f,0 0 40px #ff007fcc}}.carousel-container{position:relative;width:100%;background:#111;border-top:1px solid #222;box-shadow:0 -2px 10px #00000080;z-index:30;padding:8px max(6px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:96px}.carousel-container button{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;flex-shrink:0;transition:opacity .2s ease;min-width:44px;min-height:44px}.carousel-container button:hover{opacity:.7}.carousel-track{display:flex;flex:1;justify-content:center;gap:clamp(5px,2vw,12px);min-width:0;overflow:hidden}.carousel-item{width:min(30%,200px);min-width:0;max-width:200px;border-radius:10px;overflow:hidden;text-align:center;color:#fff;cursor:pointer;border:2px solid transparent;transition:transform .2s,border .2s;padding:0;background:transparent;font:inherit}.carousel-item img{width:100%;height:clamp(64px,12dvh,100px);object-fit:cover;display:block}.carousel-name{display:block;margin:4px 0 0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.carousel-description{display:block;margin:0;font-size:12px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-overlay{position:absolute;inset:0;width:100%;height:100%;background:#000000d9;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:100;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 20px max(20px,env(safe-area-inset-left));pointer-events:auto}.modal-overlay h2{margin-bottom:10px;font-size:22px}.modal-overlay p{margin-bottom:20px;color:#ccc;font-size:15px;max-width:90%}.modal-overlay .modal-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.modal-overlay .modal-btn{background:#ff007f;color:#fff;padding:10px 20px;border-radius:25px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;animation:pulseGlow 2s ease-in-out infinite}.modal-overlay .modal-btn:hover{background:#ff33a3;box-shadow:0 0 15px #ff33a3,0 0 30px #ff33a399}.overlay{position:absolute;z-index:10;color:#fff}.overlay.bottom-left{bottom:0;left:0;padding-left:max(10px,env(safe-area-inset-left));padding-bottom:5px;width:100%;height:100px;background:linear-gradient(to bottom,transparent 0%,#111 100%);display:flex;flex-direction:column;justify-content:flex-end}.overlay.bottom-left h1{margin:0;font-size:1.35rem}.overlay.bottom-left .tags{margin-top:6px}.overlay.bottom-left .tags span{background:#0009;padding:4px 8px;border-radius:12px;margin-right:5px;font-size:12px}.overlay.bottom-right{bottom:84px;right:max(10px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:center;gap:24px}.avatar-btn img{width:56px;height:56px;border-radius:50%;border:2px solid #fff;object-fit:cover}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:30px;width:56px;height:56px;border-radius:50%;transition:transform .2s ease,background .2s ease;cursor:pointer;padding:0;border:0;background:transparent}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}.page-state,.video-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100%;padding:24px;text-align:center}.page-state h1,.page-state p,.video-error p{margin:0}.page-state button,.video-error button{min-height:44px;padding:10px 20px;border:0;border-radius:24px;background:#ff007f;color:#fff;font:inherit;font-weight:700;cursor:pointer}.video-error{position:absolute;z-index:20;min-height:0;max-width:min(90%,420px);border-radius:12px;background:#000000e0}.stat i{font-size:38px}.stat span{font-size:12px;margin-top:2px;color:#fff}.like-btn i{transition:color .2s ease,transform .2s ease;color:#fff}.like-btn i.liked{color:#ff007f;transform:scale(1.2)}@media(max-width:359px){.carousel-item:nth-child(3){display:none}.carousel-item{width:min(46%,200px)}}@media(max-height:620px)and (orientation:landscape){.carousel-container{min-height:74px;padding-block:5px max(5px,env(safe-area-inset-bottom))}.carousel-item img{height:54px}.carousel-description,.overlay.bottom-left .tags,.avatar-btn{display:none}.overlay.bottom-right{bottom:64px;gap:8px}.stat,.avatar-btn img{width:44px;height:44px}.stat i{font-size:28px}}@media(hover:hover)and (pointer:fine){.carousel-item:hover{transform:scale(1.02);border-color:#ff007f}.like-btn:hover i{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.live-btn,.chat-btn,.modal-overlay .modal-btn{animation:none}.carousel-container button,.carousel-item,.stat,.like-btn i{transition-duration:.01ms}}