:root{--primary-branding-color:#0e7f9a;--background-dark:#1c1b1b}.splashing{display:none!important}.player-icon{display:block;height:auto;flex-shrink:0}.player-icon--sm{width:clamp(24px,calc(24px + (44 - 24) * ((100vw - 400px) / (1200 - 400))),44px)}.player-icon--md{width:clamp(32px,calc(32px + (56 - 32) * ((100vw - 400px) / (1200 - 400))),56px)}.player-icon--lg{width:clamp(48px,calc(48px + (80 - 48) * ((100vw - 400px) / (1200 - 400))),80px)}.web-player-page{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:#1c1b1b;display:flex;justify-content:center;align-items:center;font-family:var(--defaultFontsFamilyPopins)!important;color:#fff}.player-container{position:relative;width:100%;height:100%;background-color:#1c1b1b;overflow:hidden;transition:all .3s ease-in-out}.player-container video{width:100%;height:100%;object-fit:cover}.gif-cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:initial}.gif-cover-image{width:100%;height:100%;object-fit:cover}.question-carousel-controller{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.question-carousel-controller .slick-slide>div{display:flex;height:100vh}.player-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#fff;background:linear-gradient(0deg,#0006 0,#0000 30%);opacity:1;transition:opacity .3s ease}.player-overlay.is-playing{background:#0000;cursor:pointer}.center-controls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;opacity:1;transition:opacity .4s ease-in-out}.question-area{position:absolute;padding:10px 60px;bottom:calc(6rem + env(safe-area-inset-bottom, 0px));left:0;right:0;text-align:center;box-sizing:border-box;pointer-events:auto;transform:translateY(0);opacity:1;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .4s ease-in-out}.manual-dots-container{display:flex;gap:5px;margin-top:15px;justify-content:center;pointer-events:auto}.manual-dot{width:25px;height:4px;background-color:#ffffff80;border-radius:2px;cursor:pointer;transition:background-color .3s ease}.manual-dot.active{background-color:#fff}.icon-wrapper{background-color:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center;transition:transform .2s ease}.icon-wrapper:hover{transform:scale(1.1)}.icon-wrapper svg{margin-left:5px}.sidebar-icons{position:absolute;bottom:calc(12rem + env(safe-area-inset-bottom, 0px));right:15px;display:flex;flex-direction:column;gap:40px;align-items:center;text-shadow:0 1px 3px #00000080;cursor:default;transform:translateX(0);opacity:1;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .4s ease-in-out}.icon-container.active{color:#1c607a}.question-text{font-size:1.5rem;font-weight:500;margin:0;line-height:1.4;text-shadow:0 1px 3px #000000b3}.player-overlay.is-playing .center-controls{opacity:0;pointer-events:none}.player-overlay.is-playing .sidebar-icons{transform:translateX(120%);opacity:0;pointer-events:none}.sidebar-icons.kiosk-mode{top:50%!important;bottom:auto!important;transform:translateY(-50%);opacity:.8}.player-overlay.is-playing .sidebar-icons.kiosk-mode{transform:translate(120%,-50%)}.player-overlay.is-playing .bottom-controls,.player-overlay.is-playing .question-area,.questions-panel{transform:translateY(100%);opacity:0;pointer-events:none}.questions-panel{position:absolute;bottom:0;left:0;width:100%;height:85%;background:url(/assets/small_gradient_bottom_top.png);background-repeat:no-repeat;background-position:50%;background-size:cover;padding:20px 25px;box-sizing:border-box;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s ease;cursor:default;z-index:99999999}.questions-panel.open{background:linear-gradient(180deg,#0000004d 0,#000000e6)!important;opacity:1;transform:translateY(0);pointer-events:auto}.questions-panel.kiosk-mode{bottom:env(safe-area-inset-bottom,0)}.kiosk-cc-btn{position:absolute;bottom:calc(2rem + env(safe-area-inset-bottom, 0px));right:20px;z-index:99999999999;cursor:pointer;pointer-events:auto;opacity:.25}.panel-header{padding-bottom:10px;margin-bottom:10px;text-align:center}.liner{height:2px;width:100%;border:1px solid #fff;margin-top:15px}.panel-header h3{margin:0;padding-right:clamp(28px,4vw,44px);font-size:1.2rem;font-weight:700;color:#fff;word-break:break-word}.questions-list{flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding-bottom:20px;pointer-events:auto}.questions-list .question-item{font-family:var(--defaultFontsFamilyPopins)!important;margin:0 0 12px;font-size:1rem;line-height:1.4;cursor:pointer;transition:color .2s ease;color:#ffffffe6}.questions-list .question-item:hover{color:#fff}.questions-list .question-item.selected{color:#fff;font-weight:600}.bottom-controls{position:absolute;bottom:env(safe-area-inset-bottom,0);left:0;width:100%;height:75px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-sizing:border-box;cursor:default;z-index:99999999;transform:translateY(0);opacity:1;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .4s ease-in-out}.bottom-ctrl-side{width:40px;flex-shrink:0}.openbottom{background-color:initial}.control-icon,.mic-icon-container{cursor:pointer}.mic-icon-container{display:flex;justify-content:center;align-items:center;padding:10px}video::-webkit-media-controls-picture-in-picture-button{display:none}.questions-list .question-item.selected{color:#61dafb;font-weight:700}.ui-container{width:100%;height:100%;position:absolute;top:0;left:0;opacity:1;pointer-events:auto}video::-webkit-media-text-track-container,video::-webkit-media-text-track-display-backdrop{background-color:initial!important}::cue{font-family:var(--defaultFontsFamilyPopins)!important;font-size:.9em;color:#fff;font-weight:300;background-color:#00000080;padding:10px!important;border-radius:3px}.buffering-spinner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:25;background-color:#0003}.ant-spin-dot-item{background-color:var(--primary-branding-color)!important}.initial-state-container{position:absolute;bottom:10%;left:0;width:100%;padding:0 20px;box-sizing:border-box;text-align:center;pointer-events:none}.initial-state-title{font-size:clamp(1.4rem,4vw,2.6rem);font-weight:700;color:#fff;text-shadow:0 2px 4px #00000080;margin:0}@media (min-width:768px){.player-container video{width:100%;height:100%;object-fit:contain;background-color:#000}.player-container{width:auto;height:90vh;max-width:calc(90vh * 9 / 16);border:0 solid #111}.player-icon--sm{width:clamp(28px,calc(28px + (52 - 28) * ((100vh - 600px) / (1200 - 600))),52px)}.player-icon--md{width:clamp(38px,calc(38px + (68 - 38) * ((100vh - 600px) / (1200 - 600))),68px)}.player-icon--lg{width:clamp(58px,calc(58px + (96 - 58) * ((100vh - 600px) / (1200 - 600))),96px)}.icon-wrapper{width:clamp(68px,9vh,124px);height:clamp(68px,9vh,124px)}.icon-wrapper svg{width:clamp(30px,4vh,60px)!important;height:clamp(30px,4vh,60px)!important;font-size:clamp(30px,4vh,60px)!important}.panel-header svg{width:clamp(18px,2.8vh,36px)!important;height:clamp(18px,2.8vh,36px)!important;font-size:clamp(18px,2.8vh,36px)!important}.question-text{font-size:clamp(.95rem,2vh,2rem)}.initial-state-title{font-size:clamp(1.6rem,3vh,2.8rem)}.panel-header h3{font-size:clamp(1rem,2.5vh,2.25rem)}.questions-list .question-item{font-size:clamp(.85rem,2vh,2rem);margin-bottom:clamp(10px,1.6vh,22px)}.listening-input{font-size:clamp(.85rem,1.8vh,1.3rem);padding:clamp(12px,1.8vh,22px) clamp(18px,2.5vw,35px)}.bottom-controls{height:clamp(68px,9vh,118px);padding:0 clamp(14px,2.5vw,36px)}.bottom-ctrl-side{width:clamp(36px,4.5vh,66px)}.sidebar-icons{gap:clamp(28px,4vh,58px);right:clamp(10px,1.8vw,26px);bottom:clamp(10rem,18vh,22rem)}.question-area{bottom:clamp(80px,13vh,160px);padding:clamp(8px,1.2vh,18px) clamp(55px,8vw,90px)}.manual-dots-container{gap:clamp(4px,.8vh,10px);margin-top:clamp(10px,1.5vh,22px)}.manual-dot{width:clamp(20px,3vw,35px);height:clamp(3px,.5vh,6px)}.questions-panel{padding:clamp(14px,2.5vh,32px) clamp(18px,5vw,42px)}.progress-bar-container{height:clamp(38px,5vh,64px);padding:0 clamp(10px,1.8vw,26px)}.progress-bar-track{height:clamp(3px,.5vh,7px)}.progress-bar-thumb{width:clamp(10px,1.5vh,18px);height:clamp(10px,1.5vh,18px);margin-top:clamp(-4px,-.5vh,-6px)}.kiosk-cc-btn{bottom:clamp(1.5rem,3vh,4rem);right:clamp(14px,2vw,30px)}.sidebar-icons.kiosk-mode{gap:clamp(24px,4vh,56px)}.liner{margin-top:clamp(10px,1.5vh,20px)}}@media only screen and (max-width:767px){.sidebar-icons{top:17.5rem}.progress-bar-container{bottom:calc(100px + env(safe-area-inset-bottom, 0px))}}@media (min-width:1400px){.player-icon--sm{width:clamp(36px,calc(36px + (62 - 36) * ((100vh - 800px) / (2000 - 800))),62px)}.player-icon--md{width:clamp(48px,calc(48px + (78 - 48) * ((100vh - 800px) / (2000 - 800))),78px)}.player-icon--lg{width:clamp(72px,calc(72px + (110 - 72) * ((100vh - 800px) / (2000 - 800))),110px)}.icon-wrapper{width:clamp(88px,10vh,140px);height:clamp(88px,10vh,140px)}.icon-wrapper svg{width:clamp(40px,4.5vh,68px)!important;height:clamp(40px,4.5vh,68px)!important;font-size:clamp(40px,4.5vh,68px)!important}.question-text{font-size:clamp(1.1rem,2.2vh,2rem)}.initial-state-title{font-size:clamp(1.4rem,3.2vh,2.6rem)}.panel-header h3{font-size:clamp(1.2rem,2.5vh,2rem)}.questions-list .question-item{font-size:clamp(1rem,2vh,2rem)}.bottom-controls{height:clamp(80px,10vh,130px)}.bottom-ctrl-side{width:clamp(46px,5.5vh,76px)}.sidebar-icons{gap:clamp(36px,5vh,70px);right:clamp(14px,2vw,32px)}.panel-header svg{width:clamp(22px,3.2vh,46px)!important;height:clamp(22px,3.2vh,46px)!important;font-size:clamp(22px,3.2vh,46px)!important}}.username-block{bottom:calc(4rem + env(safe-area-inset-bottom, 0px))}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;box-sizing:border-box}.modal-content{background-color:#fff;color:#333;padding:35px 25px;border-radius:24px;max-width:400px;width:100%;text-align:center;position:relative;box-shadow:0 10px 30px #0003;font-family:var(--defaultFontsFamilyPopins),sans-serif!important}.modal-close-btn{position:absolute;top:15px;right:15px;background:#f1f1f1;border:none;cursor:pointer;color:#888;border-radius:50%;width:28px;height:28px;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease}.modal-close-btn:hover{background-color:#e0e0e0}.logo-container{width:60px;height:60px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;position:absolute;top:-30px;left:50%;transform:translateX(-50%)}.modal-logo{width:35px;height:auto}.modal-title{font-family:var(--defaultFontsFamilyPopins)!important;color:#0d4a5c;font-size:1.8rem;font-weight:700;margin:0 0 10px}.modal-subtitle{font-size:1.3rem;font-weight:800;color:#1c1b1b;margin:0 0 20px}.modal-text{font-size:.9rem;line-height:1.6;color:#555;margin:0 0 15px}.modal-cta-title{font-size:1.1rem;font-weight:800;margin:30px 0 15px}.app-buttons{display:flex;justify-content:center;gap:10px}.store-button{height:45px;cursor:pointer;transition:transform .2s ease}.store-button:hover{transform:scale(1.05)}.listening-area{position:absolute;bottom:calc(140px + env(safe-area-inset-bottom, 0px));left:20px;right:20px;display:flex;justify-content:center;align-items:center}.listening-input{background-color:#fff;color:#888;font-style:italic;border-radius:50px;padding:15px 25px;border:4px solid var(--primary-branding-color);width:100%;z-index:99999;text-align:center;box-shadow:0 4px 15px #0003}.listening-mic-icon{width:60px;height:60px;border-radius:50%;background-color:#a6d1ce;display:flex;justify-content:center;align-items:center;gap:3px}.listening-mic-icon span{width:3px;height:15px;background-color:#040c25;border-radius:3px;animation:wave 1.2s ease-in-out infinite}.listening-mic-icon span:nth-child(2){animation-delay:-1s}.listening-mic-icon span:nth-child(3){animation-delay:-.8s}.listening-mic-icon span:nth-child(4){animation-delay:-.6s}.listening-mic-icon span:nth-child(5){animation-delay:-.4s}@keyframes wave{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.icon-container.with-counter{display:flex;flex-direction:column;align-items:center;gap:8px}.like-counter{font-size:.9rem;font-weight:500;color:#fff;text-shadow:0 1px 2px #00000080}.icon-container{position:relative;cursor:pointer}.copied-message{position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background-color:#000c;color:#fff;padding:6px 12px;border-radius:14px;font-size:.9rem;font-weight:500;white-space:nowrap;animation:fadeInOut 2s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,10px)}20%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.progress-bar-container{position:absolute;bottom:env(safe-area-inset-bottom,0);left:0;width:100%;height:45px;display:flex;align-items:center;padding:0 15px;box-sizing:border-box;z-index:50;gap:12px}.time-display{color:#fff;font-size:.8rem;font-weight:500;text-shadow:1px 1px 2px #000000b3}.progress-bar-track{flex-grow:1;height:4px;background-color:#ffffff4d;border-radius:2px;cursor:pointer}.progress-bar-fill{height:100%;background-color:#fff;border-radius:2px;transition:width .1s linear}.preview-cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:15;background-color:#000;animation:fadeIn .3s ease-in-out}.preview-cover-image{width:100%;height:100%;object-fit:cover}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.username-block{position:absolute;text-align:center;width:100%;bottom:4rem;left:0}.username-block h2{font-weight:700!important;font-size:22px!important}.web-player-page video::-webkit-media-controls{display:none!important}.funnel-overlay{position:fixed;inset:0;background:#000000bf;z-index:999999;display:flex;align-items:center;justify-content:center}.funnel-modal{background:#fff;padding:24px;border-radius:16px;width:100%;max-width:360px;text-align:center}.funnel-modal h2{color:#000;font-weight:800;font-size:24px}.funnel-modal p{color:#000}.funnel-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.store-btn{padding:12px;border-radius:8px;background:#000;color:#fff;text-decoration:none}.continue-btn{background:#0000;border:none;color:#555;cursor:pointer}