.fixed-frame-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.fixed-frame-stage{position:relative;width:clamp(480px,60vw,720px);height:clamp(300px,37.5vw,450px);border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);background:#000;transition:transform .3s ease}.fixed-frame-stage:hover{transform:scale(1.02)}.card-with-actions-container{position:relative;gap:clamp(16px,2.5vw,32px);width:100%;max-width:100%}.action-rail-wrapper,.card-with-actions-container{display:flex;align-items:center;justify-content:center}.action-rail-wrapper{flex-shrink:0}@media (max-width:1024px){.card-with-actions-container{gap:clamp(12px,2vw,20px)}}@media (max-width:768px){.card-with-actions-container{flex-direction:column;gap:0;position:relative}.action-rail-wrapper{position:absolute;bottom:clamp(20px,4vh,32px);right:clamp(12px,2.5vw,20px);z-index:50}}.content-area{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.content-wrapper{position:relative;background:transparent}.content-wrapper.portrait{height:100%;aspect-ratio:9/16;max-width:100%}.content-wrapper.landscape{width:100%;aspect-ratio:16/9;max-height:100%}.content-wrapper.ultra{width:100%;aspect-ratio:21/9;max-height:100%}.content-wrapper.square{width:auto;height:100%;aspect-ratio:1/1;max-width:100%}@media (max-width:768px){.fixed-frame-stage{width:clamp(320px,85vw,480px);height:clamp(200px,53.125vw,300px)}}@media (min-width:1920px){.card-with-actions-container{gap:clamp(32px,3vw,48px)}.fixed-frame-stage{width:clamp(720px,55vw,900px);height:clamp(450px,34.375vw,562px)}}@media (min-width:1440px) and (max-width:1919px){.card-with-actions-container{gap:clamp(24px,2.5vw,36px)}.fixed-frame-stage{width:clamp(600px,58vw,800px);height:clamp(375px,36.25vw,500px)}}@media (min-width:1024px) and (max-width:1439px){.card-with-actions-container{gap:clamp(20px,2.2vw,28px)}.fixed-frame-stage{width:clamp(520px,62vw,680px);height:clamp(325px,38.75vw,425px)}}@media (min-width:769px) and (max-width:1023px){.card-with-actions-container{gap:clamp(16px,2vw,24px)}.fixed-frame-stage{width:clamp(460px,65vw,580px);height:clamp(287px,40.625vw,362px)}}@media (min-width:1024px){.card-with-actions-container{justify-content:safe center}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.fixed-frame-stage{box-shadow:0 20px 40px -10px rgba(0,0,0,.3)}}}.main-card-container{width:100%;height:100%}.main-card-container,.main-card-stage{display:flex;align-items:center;justify-content:center}.main-card-stage{position:relative;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);background:#000;transition:transform .3s ease}.main-card-stage:hover{transform:scale(1.02)}.main-card-container.portrait .main-card-stage{width:clamp(360px,46vw,540px);max-height:82dvh;aspect-ratio:9/16}.main-card-container.landscape .main-card-stage{width:clamp(560px,70vw,1080px);max-height:70dvh;aspect-ratio:16/9}.main-card-container.ultra .main-card-stage{width:clamp(640px,74vw,1280px);max-height:64dvh;aspect-ratio:21/9}.main-card-container.square .main-card-stage{width:clamp(380px,48vw,640px);max-height:75dvh;aspect-ratio:1/1}@media (max-width:768px){.main-card-container.portrait .main-card-stage{width:clamp(280px,85vw,400px);max-height:75dvh}.main-card-container.landscape .main-card-stage,.main-card-container.ultra .main-card-stage{width:clamp(320px,90vw,480px);max-height:60dvh}.main-card-container.square .main-card-stage{width:clamp(280px,80vw,400px);max-height:70dvh}.action-button{width:clamp(28px,5.5vw,36px);height:clamp(28px,5.5vw,36px);min-width:28px;min-height:28px}.action-icon{width:clamp(12px,2.8vw,16px);height:clamp(12px,2.8vw,16px)}.action-label{font-size:9px}.avatar-container{width:clamp(38px,8vw,46px);height:clamp(38px,8vw,46px)}.follow-button{width:clamp(14px,2.8vw,18px);height:clamp(14px,2.8vw,18px);font-size:clamp(10px,1.8vw,12px)}.play-button-bg{width:clamp(44px,12vw,56px);height:clamp(44px,12vw,56px)}.play-icon{width:clamp(22px,6vw,28px);height:clamp(22px,6vw,28px)}.live-badge{padding:clamp(.2rem,.8vw,.3rem) clamp(.5rem,2vw,.75rem)}.duration-badge,.live-badge{font-size:clamp(.65rem,2.2vw,.75rem)}.duration-badge{padding:clamp(.2rem,.8vw,.3rem) clamp(.4rem,1.8vw,.5rem)}}@media (min-width:769px) and (max-width:1199px){.action-button{width:clamp(30px,3.8vw,38px);height:clamp(30px,3.8vw,38px)}.action-icon{width:clamp(13px,1.8vw,17px);height:clamp(13px,1.8vw,17px)}.action-label{font-size:10px}.avatar-container{width:clamp(42px,6vw,50px);height:clamp(42px,6vw,50px)}.follow-button{width:clamp(15px,1.8vw,19px);height:clamp(15px,1.8vw,19px);font-size:clamp(11px,1.3vw,13px)}.play-button-bg{width:clamp(52px,9vw,68px);height:clamp(52px,9vw,68px)}.play-icon{width:clamp(26px,4.5vw,34px);height:clamp(26px,4.5vw,34px)}.live-badge{padding:clamp(.25rem,.6vw,.3rem) clamp(.6rem,1.5vw,.8rem)}.duration-badge,.live-badge{font-size:clamp(.7rem,1.8vw,.8rem)}.duration-badge{padding:clamp(.25rem,.6vw,.3rem) clamp(.45rem,1.2vw,.55rem)}}@media (min-width:1200px) and (max-width:1919px){.action-button{width:clamp(32px,3.2vw,40px);height:clamp(32px,3.2vw,40px)}.action-icon{width:clamp(14px,1.6vw,18px);height:clamp(14px,1.6vw,18px)}.action-label{font-size:10px}.avatar-container{width:clamp(40px,4vw,48px);height:clamp(40px,4vw,48px)}.follow-button{width:clamp(16px,2vw,20px);height:clamp(16px,2vw,20px);font-size:clamp(12px,1.4vw,14px)}.play-button-bg{width:clamp(56px,8.5vw,72px);height:clamp(56px,8.5vw,72px)}.play-icon{width:clamp(28px,4.2vw,36px);height:clamp(28px,4.2vw,36px)}.live-badge{padding:clamp(.25rem,.4vw,.35rem) clamp(.7rem,1.2vw,.9rem)}.duration-badge,.live-badge{font-size:clamp(.75rem,1.3vw,.85rem)}.duration-badge{padding:clamp(.25rem,.4vw,.35rem) clamp(.5rem,.9vw,.6rem)}}@media (min-width:1920px){.action-button{width:clamp(34px,2.8vw,42px);height:clamp(34px,2.8vw,42px)}.action-icon{width:clamp(15px,1.4vw,19px);height:clamp(15px,1.4vw,19px)}.action-label{font-size:10px;margin-top:1px;line-height:1.2;max-width:clamp(42px,3.5vw,54px)}.avatar-container{width:clamp(42px,3.5vw,50px);height:clamp(42px,3.5vw,50px)}.follow-button{width:clamp(20px,1.8vw,24px);height:clamp(20px,1.8vw,24px);font-size:clamp(13px,1.6vw,16px)}.play-button-bg{width:clamp(64px,7.5vw,80px);height:clamp(64px,7.5vw,80px)}.play-icon{width:clamp(32px,3.8vw,40px);height:clamp(32px,3.8vw,40px)}.live-badge{padding:clamp(.3rem,.35vw,.4rem) clamp(.8rem,1.1vw,1rem)}.duration-badge,.live-badge{font-size:clamp(.8rem,1.2vw,.9rem)}.duration-badge{padding:clamp(.3rem,.35vw,.4rem) clamp(.6rem,.8vw,.7rem)}.username{font-size:clamp(.85rem,1.25vw,1rem);line-height:1.3}.video-info{font-size:clamp(.8rem,1.15vw,.9rem);line-height:1.4}}@media (max-height:800px),(max-width:1366px){.video-stage-container{place-items:center!important;padding-top:clamp(24px,3vh,40px)!important}}@media (min-height:801px) and (min-width:1367px){.video-stage-container{align-content:start;padding-top:clamp(40px,6vh,64px)!important}.main-card-container{margin-top:clamp(20px,3vh,40px)}}@media (min-height:1200px) and (min-width:1920px){.video-stage-container{padding-top:clamp(60px,8vh,100px)!important}.main-card-container{margin-top:clamp(30px,4vh,60px)}}@media (min-width:2560px){.video-stage-container{padding-top:clamp(80px,10vh,120px)!important}.main-card-container{margin-top:clamp(40px,5vh,80px)}}.background-blur{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.video-content{position:relative;width:100%;height:100%;z-index:2}.gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 30%,transparent 60%,rgba(0,0,0,.1) 90%,rgba(0,0,0,.3));z-index:3;pointer-events:none}.status-bar{position:absolute;top:clamp(12px,2vh,20px);left:clamp(12px,2vw,20px);gap:.5rem;z-index:10}.live-badge,.status-bar{display:flex;align-items:center}.live-badge{background:#ef4444;color:white;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.live-indicator{width:.375rem;height:.375rem;background:white;border-radius:50%;margin-right:.375rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.duration-badge{background:rgba(0,0,0,.5);color:white;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;backdrop-filter:blur(4px)}.play-button{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:9;cursor:pointer}.main-card-container:hover .play-button{opacity:1}.play-button-bg{width:clamp(48px,8vw,64px);height:clamp(48px,8vw,64px);background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transition:all .3s ease}.play-button:hover .play-button-bg{background:rgba(255,255,255,.3);transform:scale(1.1)}.play-icon{width:clamp(24px,4vw,32px);height:clamp(24px,4vw,32px);color:white;margin-left:.125rem}.audio-control-main{position:relative;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);border-radius:50%;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.3)}.audio-control-main:hover{background:rgba(0,0,0,.8);border-color:rgba(255,255,255,.4);transform:scale(1.05);box-shadow:0 6px 25px rgba(0,0,0,.4)}.audio-control-main:active{transform:scale(.95)}.audio-control-main svg{transition:all .2s ease}.audio-control-main:hover svg{color:#ffffff;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.audio-control-secondary{transition:all .3s ease}.audio-control-secondary:hover{background:rgba(0,0,0,.7)!important;transform:scale(1.1)}.content-meta{position:absolute;bottom:clamp(12px,2vh,20px);left:clamp(12px,2vw,20px);right:clamp(12px,2vw,20px);color:white;z-index:10}.meta-content{display:flex;flex-direction:column;gap:.5rem}.creator-info{display:flex;align-items:center;gap:.5rem}.creator-name{font-size:clamp(.875rem,1.8vw,1rem);font-weight:600;line-height:1.2}.verified-badge{width:1rem;height:1rem;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.verified-check{color:white;font-size:.75rem;line-height:1}.video-title{font-size:clamp(.75rem,1.5vw,.875rem);opacity:.9;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags-container{display:flex;flex-wrap:wrap;gap:.25rem}.tag{font-size:clamp(.75rem,1.4vw,.875rem);color:rgba(255,255,255,.8);line-height:1.2}.stats-info{gap:1rem;font-size:clamp(.625rem,1.2vw,.75rem);color:rgba(255,255,255,.75);margin-top:.5rem}.action-rail,.stats-info{display:flex;align-items:center}.action-rail{flex-direction:column;gap:clamp(12px,1.5vh,18px);position:relative;padding:clamp(8px,1vh,12px)}@media (min-width:769px){.action-rail{gap:clamp(14px,1.8vh,20px);padding:0}}@media (min-width:769px) and (max-width:1200px){.action-rail{gap:clamp(10px,1.2vh,16px)}}@media (max-width:768px){.action-rail{gap:clamp(8px,1.5vh,14px)}}@media (max-height:800px){.action-rail{gap:clamp(6px,1vh,10px)!important;transform:translateY(clamp(-15px,-2vh,-8px))!important}.action-button{width:clamp(30px,3vw,36px)!important;height:clamp(30px,3vw,36px)!important}.avatar-container{width:clamp(40px,4.5vw,48px)!important;height:clamp(40px,4.5vw,48px)!important}}@media (max-height:650px){.action-rail{gap:clamp(4px,.8vh,8px)!important;transform:translateY(clamp(-25px,-4vh,-15px))!important}.action-button{width:clamp(28px,2.8vw,32px)!important;height:clamp(28px,2.8vw,32px)!important}.action-icon{width:clamp(12px,1.4vw,16px)!important;height:clamp(12px,1.4vw,16px)!important}.action-label{font-size:clamp(8px,.9vw,10px)!important}.avatar-container{width:clamp(36px,4vw,42px)!important;height:clamp(36px,4vw,42px)!important}}.action-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.avatar-action{position:relative;margin-bottom:.5rem}.avatar-container{position:relative;width:clamp(48px,5vw,58px);height:clamp(48px,5vw,58px);border-radius:50%;border:2px solid white;overflow:hidden;background:#f3f4f6;box-shadow:0 3px 10px rgba(0,0,0,.1);flex-shrink:0;min-width:48px;min-height:48px}.avatar-container.live{border:3px solid transparent;background:linear-gradient(45deg,#ff0050,#ff4081,#e91e63,#ff0050) border-box;background-clip:padding-box;animation:live-border-pulse 2s ease-in-out infinite}.avatar-container.live:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#ff0050,#ff4081,#e91e63,#ff0050);border-radius:50%;z-index:-1;animation:live-border-rotate 3s linear infinite}@keyframes live-border-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes live-border-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.follow-button{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:clamp(16px,1.8vw,20px);height:clamp(16px,1.8vw,20px);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:clamp(11px,1.2vw,14px);font-weight:500;color:white;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.25)}.follow-button.not-following{background:#ef4444}.follow-button.not-following:hover{background:#dc2626;transform:translateX(-50%) scale(1.1)}.follow-button.following{background:#10b981}.follow-button.following:hover{background:#059669;transform:translateX(-50%) scale(1.1)}.action-button{width:clamp(48px,4.5vw,56px);height:clamp(48px,4.5vw,56px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;border:none;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);box-shadow:0 3px 10px rgba(0,0,0,.1)}.action-button:hover{transform:scale(1.1)}.action-button:active{transform:scale(.95)}.action-icon{width:clamp(22px,2.2vw,26px);height:clamp(22px,2.2vw,26px);transition:all .3s ease}.action-label{font-size:clamp(11px,1.1vw,12px);font-weight:500;text-align:center;color:rgba(0,0,0,.7);text-shadow:0 1px 2px rgba(255,255,255,.8);line-height:1.2;margin-top:2px}.like-button{background:rgba(255,255,255,.9);color:#374151;border:1px solid rgba(209,213,219,.3)}.like-button.liked{background:rgba(239,68,68,.9);color:white;box-shadow:0 2px 8px rgba(239,68,68,.2)}.like-button:hover{background:rgba(255,255,255,1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.like-button.liked:hover{background:rgba(220,38,38,.95)}.comment-button{background:rgba(255,255,255,.9);color:#374151;border:1px solid rgba(209,213,219,.3)}.comment-button:hover{background:rgba(255,255,255,1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.bookmark-button{background:rgba(255,255,255,.9);color:#374151;border:1px solid rgba(209,213,219,.3)}.bookmark-button:hover{background:rgba(255,255,255,1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.share-button{background:rgba(255,255,255,.9);color:#374151;border:1px solid rgba(209,213,219,.3)}.share-button:hover{background:rgba(255,255,255,1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.paid-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:white;box-shadow:0 2px 8px rgba(245,158,11,.2)}.paid-button:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 3px 12px rgba(245,158,11,.3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.main-card-stage{border-radius:1.125rem}.duration-badge,.live-badge{font-size:.8125rem}.action-button{box-shadow:0 6px 16px rgba(0,0,0,.2)}}@media screen and (min-resolution:96dpi) and (max-resolution:120dpi){.main-card-container.portrait .main-card-stage{width:clamp(340px,44vw,520px)}.main-card-container.landscape .main-card-stage{width:clamp(540px,68vw,1040px)}.main-card-container.ultra .main-card-stage{width:clamp(620px,72vw,1240px)}.main-card-container.square .main-card-stage{width:clamp(360px,46vw,620px)}}@media screen and (min-resolution:120dpi) and (max-resolution:144dpi){.main-card-container.portrait .main-card-stage{width:clamp(380px,48vw,560px);max-height:80dvh}.main-card-container.landscape .main-card-stage{width:clamp(580px,72vw,1100px);max-height:68dvh}.main-card-container.ultra .main-card-stage{width:clamp(660px,76vw,1300px);max-height:62dvh}.main-card-container.square .main-card-stage{width:clamp(400px,50vw,660px);max-height:73dvh}.action-button{width:clamp(48px,4.8vw,58px);height:clamp(48px,4.8vw,58px)}.action-icon{width:clamp(22px,2.4vw,28px);height:clamp(22px,2.4vw,28px)}.avatar-container{width:clamp(50px,5.2vw,60px)!important;height:clamp(50px,5.2vw,60px)!important;min-width:50px;min-height:50px;flex-shrink:0}.paid-button{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:white!important;box-shadow:0 3px 10px rgba(245,158,11,.3)!important;border:1px solid rgba(245,158,11,.5)!important}}@media screen and (min-resolution:144dpi) and (max-resolution:192dpi){.main-card-container.portrait .main-card-stage{width:clamp(400px,50vw,580px);max-height:78dvh}.main-card-container.landscape .main-card-stage{width:clamp(600px,74vw,1120px);max-height:66dvh}.main-card-container.ultra .main-card-stage{width:clamp(680px,78vw,1320px);max-height:60dvh}.main-card-container.square .main-card-stage{width:clamp(420px,52vw,680px);max-height:71dvh}.action-button{width:clamp(42px,4.4vw,50px);height:clamp(42px,4.4vw,50px)}.action-icon{width:clamp(20px,2.2vw,24px);height:clamp(20px,2.2vw,24px)}.avatar-container{width:clamp(52px,5.4vw,62px)!important;height:clamp(52px,5.4vw,62px)!important;min-width:52px;min-height:52px;flex-shrink:0}.paid-button{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 4px 12px rgba(245,158,11,.4)!important;border:2px solid rgba(245,158,11,.6)!important}.creator-name{font-size:clamp(.9rem,1.9vw,1.1rem)}.video-title{font-size:clamp(.8rem,1.6vw,.95rem)}}@media screen and (min-resolution:192dpi){.main-card-container.portrait .main-card-stage{width:clamp(420px,52vw,600px);max-height:76dvh}.main-card-container.landscape .main-card-stage{width:clamp(620px,76vw,1140px);max-height:64dvh}.main-card-container.ultra .main-card-stage{width:clamp(700px,80vw,1340px);max-height:58dvh}.main-card-container.square .main-card-stage{width:clamp(440px,54vw,700px);max-height:69dvh}.action-button{width:clamp(50px,5vw,60px);height:clamp(50px,5vw,60px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.action-icon{width:clamp(24px,2.6vw,30px);height:clamp(24px,2.6vw,30px)}.avatar-container{width:clamp(56px,5.8vw,68px)!important;height:clamp(56px,5.8vw,68px)!important;min-width:56px;min-height:56px;flex-shrink:0}.paid-button{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 5px 15px rgba(245,158,11,.5)!important;border:2px solid rgba(245,158,11,.7)!important}.creator-name{font-size:clamp(.95rem,2vw,1.15rem)}.video-title{font-size:clamp(.85rem,1.7vw,1rem)}.action-label{font-size:clamp(11px,1.2vw,13px)}}@supports (-ms-overflow-style:none){.action-label,.creator-name,.video-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.main-card-stage{box-shadow:0 25px 50px -12px rgba(0,0,0,.35)}.avatar-container{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.avatar-container,.paid-button{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.paid-button{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:1px solid #d97706!important;box-shadow:0 2px 8px rgba(245,158,11,.3),0 1px 3px rgba(0,0,0,.2)!important}.paid-button:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;box-shadow:0 4px 12px rgba(245,158,11,.4),0 2px 6px rgba(0,0,0,.3)!important}}@media (pointer:coarse) and (hover:none){.action-button{min-width:clamp(36px,6vw,44px);min-height:clamp(36px,6vw,44px);touch-action:manipulation}.follow-button{min-width:clamp(18px,3vw,24px);min-height:clamp(18px,3vw,24px)}.main-card-stage:hover{transform:none}}@media screen and (width:1366px) and (height:768px){.main-card-container.portrait .main-card-stage{width:clamp(320px,42vw,480px);max-height:78dvh}.main-card-container.landscape .main-card-stage{width:clamp(520px,66vw,900px);max-height:66dvh}.video-stage-container{padding-right:clamp(80px,10vw,140px)!important}}@media screen and (width:1920px) and (height:1080px){.main-card-container.portrait .main-card-stage{width:clamp(380px,48vw,560px);max-height:80dvh}.main-card-container.landscape .main-card-stage{width:clamp(600px,72vw,1100px);max-height:68dvh}}@media screen and (width:2560px) and (height:1440px){.main-card-container.portrait .main-card-stage{width:clamp(420px,50vw,600px);max-height:82dvh}.main-card-container.landscape .main-card-stage{width:clamp(640px,74vw,1200px);max-height:70dvh}.action-button{width:clamp(56px,5.6vw,68px);height:clamp(56px,5.6vw,68px)}}@media screen and (width:3840px) and (height:2160px){.main-card-container.portrait .main-card-stage{width:clamp(480px,52vw,720px);max-height:84dvh}.main-card-container.landscape .main-card-stage{width:clamp(720px,76vw,1400px);max-height:72dvh}.action-button{width:clamp(64px,6vw,80px);height:clamp(64px,6vw,80px)}.action-icon{width:clamp(32px,3.2vw,40px);height:clamp(32px,3.2vw,40px)}}@media (prefers-color-scheme:dark){.main-card-stage{box-shadow:0 25px 50px -12px rgba(0,0,0,.4)}.action-label{color:#d1d5db;text-shadow:0 1px 2px rgba(0,0,0,.5)}}@media (prefers-reduced-motion:reduce){.action-button,.follow-button,.main-card-stage,.play-button,.play-button-bg{transition:none}.live-indicator{animation:none}.action-button:hover,.follow-button:hover,.main-card-stage:hover{transform:none}}.platform-ios,.platform-mac{--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing:-0.02em}.platform-windows{--font-weight-light:350;--font-weight-bold:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.platform-windows.high-dpi{--border-radius-sm:0.375rem;--border-radius:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.125rem;--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow:0 4px 8px rgba(0,0,0,0.12);--shadow-lg:0 8px 16px rgba(0,0,0,0.15);--shadow-xl:0 16px 32px rgba(0,0,0,0.2)}.platform-windows{--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:600;--letter-spacing:0}.platform-android{--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing:0.01em}.platform-ios,.platform-ios *,.platform-mac,.platform-mac *{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif!important}.platform-windows,.platform-windows *{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important}.platform-android,.platform-android *{font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important}.btn,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;font-family:inherit;font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing);min-height:36px;min-width:36px;transition:all .2s cubic-bezier(.4,0,.2,1)}.touch .btn,.touch button{min-height:44px;min-width:44px;padding:12px 16px}.touch .action-button{min-height:44px;min-width:44px;position:relative}.touch .action-button:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px}.no-touch .btn,.no-touch button{min-height:36px;min-width:36px;padding:8px 12px}.browser-safari input[type=search]{-webkit-appearance:textfield;appearance:textfield}.browser-safari input[type=search]::-webkit-search-cancel-button,.browser-safari input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing);border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:16px}.device-mobile input,.device-mobile select,.device-mobile textarea{font-size:16px}.platform-windows{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}.platform-windows.high-dpi .action-button{border:1.5px solid rgba(255,255,255,.9);box-shadow:0 2px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08)}.platform-windows.high-dpi .avatar-container{border:3px solid rgba(255,255,255,.98);box-shadow:0 3px 10px rgba(0,0,0,.15),0 2px 5px rgba(0,0,0,.1)}.platform-windows.high-dpi .follow-button{border:none;box-shadow:0 3px 12px rgba(0,0,0,.25);font-size:clamp(18px,2vw,22px)!important;font-weight:700!important}.platform-windows.high-dpi .action-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.platform-windows.high-dpi .action-label{font-size:clamp(11px,1.2vw,13px);font-weight:500;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased}@media screen and (-webkit-device-pixel-ratio:1.25){.platform-windows .action-button{border-width:1.2px}.platform-windows .avatar-container{border-width:3px}.platform-windows .follow-button{border:none;box-shadow:0 2px 8px rgba(0,0,0,.2);font-size:clamp(16px,1.8vw,20px)!important;font-weight:700!important}}@media screen and (-webkit-device-pixel-ratio:1.5){.platform-windows .action-button{border-width:1.4px}.platform-windows .avatar-container{border-width:3.2px}.platform-windows .follow-button{border:none;box-shadow:0 3px 10px rgba(0,0,0,.22);font-size:clamp(17px,1.9vw,21px)!important;font-weight:700!important}}@media screen and (-webkit-device-pixel-ratio:2){.platform-windows .action-button{border-width:1.6px}.platform-windows .avatar-container{border-width:3.5px}.platform-windows .follow-button{border:none;box-shadow:0 4px 12px rgba(0,0,0,.25);font-size:clamp(19px,2.1vw,24px)!important;font-weight:700!important}}.platform-ios,.platform-mac{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.platform-windows ::-webkit-scrollbar{width:12px;height:12px}.platform-windows ::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:6px}.platform-windows ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:6px;border:2px solid transparent;background-clip:content-box}.platform-windows ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5);background-clip:content-box}.platform-mac ::-webkit-scrollbar{width:8px;height:8px}.platform-mac ::-webkit-scrollbar-track{background:transparent}.platform-mac ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.platform-mac ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.4)}.device-mobile{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-overflow-scrolling:touch}.device-mobile .clickable{position:relative}.device-mobile .clickable:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;z-index:-1}.platform-ios{overscroll-behavior:none}.platform-ios input,.platform-ios textarea{-webkit-border-radius:8px;border-radius:8px}.platform-android{text-rendering:optimizeLegibility}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon,.logo,img[src*=".svg"]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme:dark){.platform-windows{--text-opacity:0.95}.platform-ios,.platform-mac{--text-opacity:0.9}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.no-hover .hover\:scale-105:hover{transform:none!important}.no-hover .hover\:shadow-lg:hover{box-shadow:inherit!important}.touch :focus{outline:2px solid var(--primary);outline-offset:2px}.no-touch :focus{outline:1px solid var(--primary);outline-offset:1px}@media (max-width:640px){.container{padding-left:16px;padding-right:16px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}}@media (min-width:641px) and (max-width:1024px){.container{padding-left:24px;padding-right:24px}}@media (min-width:1025px){.container{padding-left:32px;padding-right:32px}}@media print{.no-print{display:none!important}.print-optimize{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.platform-windows .MainCard{box-shadow:0 8px 32px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.08)}.platform-windows .action-button{box-shadow:0 2px 8px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.95);backdrop-filter:blur(12px) saturate(180%)}.platform-windows .avatar-container{box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.1);border:2.5px solid rgba(255,255,255,.95);background:#f8fafc}.platform-windows .avatar-container img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden}.platform-windows .follow-button{box-shadow:0 3px 8px rgba(0,0,0,.2),0 1px 4px rgba(0,0,0,.15);border:none;font-size:clamp(16px,1.8vw,20px)!important;font-weight:700!important}.platform-windows .action-button:hover{box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.1);transform:scale(1.05);background:rgba(255,255,255,.98)}.platform-windows .action-rail{position:relative}.platform-windows .action-rail:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border-radius:24px;z-index:-1}.platform-windows .action-label{font-size:11px;font-weight:500;text-shadow:0 1px 2px rgba(255,255,255,.9);-webkit-font-smoothing:subpixel-antialiased}.platform-windows .ExternalButtons button{transform:scale(1);transition:transform .15s ease-out,background-color .15s ease-out;position:relative}.platform-windows .ExternalButtons button:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;pointer-events:auto}.platform-windows .ExternalButtons button:hover{transform:scale(1.05)}.platform-windows .ExternalButtons button:active{transform:scale(.98)}.platform-windows .anti-jitter{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.platform-windows .scroll-performance{will-change:scroll-position;contain:layout style paint}.platform-windows.high-dpi{--font-scale:0.95}.platform-windows.high-dpi .text-base{font-size:calc(1rem * var(--font-scale, 1))}.platform-windows.high-dpi .text-sm{font-size:calc(.875rem * var(--font-scale, 1))}.platform-mac .follow-button,.platform-macos .follow-button{font-size:clamp(11px,1.2vw,14px)!important;font-weight:500!important}.platform-windows.high-dpi .text-xs{font-size:calc(.75rem * var(--font-scale, 1))}