@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Be Vietnam Pro,sans-serif}html{height:-webkit-fill-available}body{min-height:100vh;min-height:-webkit-fill-available;position:fixed;width:100%;overflow:hidden}.video-container{transform:translateZ(0);will-change:transform}body.keyboard-open .video-holder{position:fixed;top:0;left:0;right:0;bottom:0}body.keyboard-open .chat-holder{position:fixed;bottom:0;z-index:1000}@supports (-webkit-touch-callout: none){.input-group{padding-bottom:10px}@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3),only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2),only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3){body.keyboard-open .chat-holder{bottom:20px}}@media only screen and (min-device-width: 375px) and (min-device-height: 812px){body.keyboard-open .chat-holder{bottom:10px;padding-bottom:env(safe-area-inset-bottom,20px)}}}#no-match-alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;padding:2.5rem;border-radius:24px;text-align:center;z-index:10000;box-shadow:0 10px 30px #0003;max-width:90%;width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:modalSlide .3s ease-out;border:1px solid rgba(255,255,255,.2);font-family:Be Vietnam Pro,sans-serif;color:#333}#no-match-alert.visible{display:block}#no-match-alert h3{color:#0f7bf7;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}#no-match-alert h3:before{content:"⚠️";font-size:2rem}#no-match-text{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;color:#555}#change-language-btn{background:#0f7bf7;color:#fff;border:none;padding:1rem 0rem;border-radius:50px;margin-top:1rem;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;width:100%;max-width:220px;box-shadow:0 4px 15px #3385ff4d;display:inline-flex;align-items:center;justify-content:center;gap:8px}#change-language-btn:hover{background:#2ee637;transform:translateY(-2px);box-shadow:0 6px 20px #3385ff66}@media (max-width: 480px){#no-match-alert{padding:2rem;width:85%}#no-match-alert h3{font-size:1.5rem}#no-match-text{font-size:1rem}#change-language-btn{padding:.8rem 1.5rem;font-size:1rem}}@media (prefers-reduced-motion){.loading-overlay{animation:none}}.logo-watermark{position:absolute;bottom:5px;left:20px;z-index:10;opacity:.7;transition:opacity .3s ease}.logo-watermark img{height:80px;width:auto}@media (max-width: 768px){.logo-watermark img{height:75px}.logo-watermark{bottom:-10px;left:18px}}@media (max-width: 375px){.logo-watermark img{height:63px}.logo-watermark{bottom:-12px;left:10px}}@media (max-width: 480px){.logo-watermark img{height:65px}.logo-watermark{bottom:-12px;left:10px}}.loading-overlay.hidden+.waiting-indicator{display:none!important}.language-indicator{position:absolute;top:20px;left:20px;background:#0009;border-radius:30px;color:#fff;padding:8px 16px;z-index:100;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;box-shadow:0 2px 10px #00000024;pointer-events:none}.language-indicator.visible{opacity:1;transform:translateY(0);pointer-events:auto}.language-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.language-item{display:flex;align-items:center;gap:6px;white-space:nowrap}.person-label{font-size:12px;opacity:.7}.flag-icon{width:20px;height:14px;border-radius:2px;vertical-align:middle}.language-name{font-size:14px;font-weight:500}.divider{opacity:.5}@media (max-width: 480px){.language-indicator{padding:6px 12px;left:10px;top:15px}.language-container{gap:6px}.person-label{font-size:10px}.language-name{font-size:12px}.flag-icon{width:16px;height:12px}}body{display:grid;grid-template-columns:1fr 1fr;height:100vh;width:100vw;overflow:hidden;background:#111;font-weight:400;line-height:1.5}.quality-notification{position:absolute;top:20px;left:20px;background:#000c;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;z-index:1000;opacity:0;transition:opacity .3s ease}.quality-notification.visible{transform:translateY(0);opacity:1}.quality-notification i{font-size:18px}.quality-notification.critical i{color:#f44336}.quality-notification.warning i{color:#ffc107}.quality-notification.improvement i{color:#4caf50}.quality-notification span{font-size:14px}@media (max-width: 768px){.quality-notification{padding:8px 15px;font-size:12px}}.page-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#7772ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:10000;transition:opacity .5s ease}.action-buttons-container{position:absolute;top:80px;right:15px;display:flex;flex-direction:column;gap:20px;align-items:center;z-index:100}.action-button{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 8px #0003;cursor:pointer;background-position:center;background-repeat:no-repeat;background-size:30px 30px}#home-btn{background-color:#ffffffe6;background-image:url(/home\ button.png)}#home-btn:hover{transform:none;background-color:#ffffffe6}#report-btn{background-color:#ff6b6b;background-image:url(/report\ button.png)}#report-btn:hover{transform:none;background-color:#ff6b6b}#next-btn{background-color:#ffffffe6;background-image:url(/next\ button.png)}#next-btn:before{content:none}#next-btn:hover{transform:none;background-color:#ffffffe6}.page-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f7bf7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:10000;transition:opacity .5s ease}.page-loading-overlay p{color:#fff;font-size:1.5rem;font-weight:500;margin:0;opacity:0;animation:fadeIn .5s ease forwards .2s}.page-loading-overlay .spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;opacity:0;animation-delay:.1s;animation:spinFadeIn 1s ease forwards}@keyframes spinFadeIn{0%{opacity:0;transform:scale(.8) rotate(0)}20%{opacity:1;transform:scale(1) rotate(0)}to{opacity:1;transform:scale(1) rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-loading-overlay.hidden{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s}.video-holder{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:0px;padding:0;height:100vh;width:100%;grid-column:1 / span 2;position:relative}.video-container{position:relative;width:100%;height:100%;overflow:hidden;background:#1a1a1a}video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.self-video video{transform:scaleX(-1)}.self-video video{background:#07002c}.stranger-video video{background:linear-gradient(-65deg,#0f7bf7,#5f64fb,#277dff,#4a80ff)!important}#spinner{color:#fff;font-size:3vh;padding:2vh 4vw;border-radius:8px;animation:pulse 1.5s ease-in-out infinite;font-weight:500;letter-spacing:.5px}.waiting-indicator{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:#0f7bf7;z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.waiting-indicator.active{display:flex}.loading-overlay:not(.hidden)~.waiting-indicator{display:none!important}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.3}}.chat-holder{position:absolute;bottom:20px;right:20px;width:calc(48% - 16px);z-index:100}.chat-content{flex:1;display:flex;flex-direction:column;padding:10px;min-height:0}.message-wrapper{height:200px;overflow-y:auto;margin-bottom:10px;padding:5px;background:transparent;border-radius:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.message-wrapper::-webkit-scrollbar{width:5px}.message-wrapper::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.input-group{display:flex;align-items:center;background:#0303035f;border-radius:24px;padding:5px 5px 5px 15px;border:1px solid rgba(255,255,255,.2)}input{flex:1;background:transparent;border:none;color:#fff;padding:8px 0;outline:none;font-size:16px}input::placeholder{color:#ffffff80}.button-group{display:flex;gap:5px}button{padding:8px 12px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}#send{background:#ffd500;color:#121000;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;padding:0}#send:hover{background:#fff}.msg.fading{opacity:.4;pointer-events:none}.msg{line-height:1.5;padding:8px 12px;margin-bottom:8px;border-radius:12px;max-width:fit-content;min-width:60px;word-break:break-word;font-size:14px;color:#fff;background:#0303033e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 4px #0000001a;transition:opacity .3s ease}.msg:has(b:contains("You")){background:#9c63ffe6;color:#fff;margin-left:auto}.msg:not(:has(b:contains("You"))){background:#fff3;color:#fff;margin-right:auto}@media (max-width: 768px){.action-button{width:40px;height:40px;background-size:25px 25px}body{grid-template-columns:1fr;grid-template-rows:1fr}.video-holder{grid-template-rows:1fr 1fr;grid-template-columns:1fr;height:100vh;gap:0;padding:0;position:relative}.video-container{border-radius:0}.stranger-video{height:50vh;position:relative}.self-video{height:50vh;background:#07002c}.chat-holder{position:fixed;bottom:15px;left:15px;right:15px;width:auto;z-index:1000}.chat-content{max-height:300px}}@media (max-height: 700px){.chat-holder{bottom:10px}.message-wrapper{height:120px}}@media (max-width: 480px){.message-wrapper{height:150px}button{font-size:12px}#spinner{font-size:2.5vh}}#media-error-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;padding:2.5rem;border-radius:24px;text-align:center;z-index:10000;box-shadow:0 10px 30px #0003;max-width:90%;width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:modalSlide .3s ease-out;border:1px solid rgba(255,255,255,.2);font-family:Be Vietnam Pro,sans-serif;color:#333}@keyframes modalSlide{0%{transform:translate(-50%,-60%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}#media-error-modal h3{color:#0f7bf7;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}#media-error-modal h3:before{content:"⚠️";font-size:2rem}#media-error-text{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;color:#555}#media-error-modal button{background:#0f7bf7;color:#fff;border:none;padding:1rem 2rem;border-radius:50px;margin-top:1rem;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;width:100%;max-width:220px;box-shadow:0 4px 15px #3385ff4d}#media-error-modal button:hover{background:#2e77e6;transform:translateY(-2px);box-shadow:0 6px 20px #3385ff66}.retry-text{display:block;font-size:.9rem;color:#0f7bf7;margin-top:.5rem;font-style:italic}@media (max-width: 480px){#media-error-modal{padding:2rem;width:85%}#media-error-modal h3{font-size:1.5rem}#media-error-text{font-size:1rem}#media-error-modal button{padding:.8rem 1.5rem;font-size:1rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.visible{opacity:1;visibility:visible}#media-error-modal{z-index:10000}#error-toast{position:fixed;bottom:20px;right:20px;background:#ff4757;color:#fff;padding:15px 25px;border-radius:8px;display:flex;align-items:center;gap:15px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-height: 600px){.chat-holder{bottom:80px}}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f7bf7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;border-radius:18px}.loading-overlay span{color:#fff;font-size:1.2em;letter-spacing:.5px}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#0f7bf7;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none}.modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal.visible{opacity:1;visibility:visible}.modal.hidden{display:none}.modal-content{background:#fff!important;border-radius:12px!important;max-width:500px!important;width:90%!important;max-height:90vh!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;box-shadow:0 5px 20px #0000004d!important;padding:20px!important;position:relative!important}.modal.visible .modal-content{transform:scale(1)}.modal-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.close-modal{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.modal-body{padding:20px;flex:1}.modal-footer{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end}.report-options{display:flex;flex-direction:column;gap:10px;margin:15px 0}.report-option{display:flex;align-items:center;padding:12px 15px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.report-option:hover{background:#f9f9f9;border-color:#ccc}.report-option.selected{border-color:#6f56ff;background:#9c63ff0d}.report-option .emoji{font-size:24px;margin-right:15px}.ban-content{max-width:450px}.ban-icon{font-size:60px;text-align:center;margin:10px 0 20px}.unban-info{margin-top:25px;padding-top:20px;border-top:1px solid #eee}#paypal-button-container{margin-top:20px}.primary-btn{background:#0f7bf7;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.primary-btn:hover{background:#6f56ff}.primary-btn:disabled{background:#ccc;cursor:not-allowed}.notification{position:fixed;top:20px;right:20px;background:#2ecc71e6;color:#fff;padding:15px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 3px 10px #0003;z-index:9000;transform:translate(120%);transition:transform .3s ease}.notification.visible{transform:translate(0)}.notification i{font-size:20px}@media (max-width: 768px){html,body{height:100%!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;position:fixed!important}html body .video-holder{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;overflow:hidden!important;display:block!important}html body .video-container{position:absolute!important;left:0!important;right:0!important;width:100%!important;margin:0!important;padding:0!important;border-radius:0!important;overflow:hidden!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;will-change:transform!important}html body .video-container.stranger-video{top:0!important;height:50%!important;max-height:50%!important;min-height:50%!important;bottom:auto!important;z-index:10!important}html body .video-container.self-video{top:50%!important;height:50%!important;max-height:50%!important;min-height:50%!important;bottom:0!important;z-index:10!important}html body .video-container video{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}@supports (-webkit-touch-callout: none){html,body,html body .video-holder{height:-webkit-fill-available!important}html body .video-container.stranger-video,html body .video-container.self-video{height:calc(50% + 1px)!important}}@media only screen and (min-device-width: 390px) and (min-device-height: 844px){html body .video-container.stranger-video,html body .video-container.self-video{height:50%!important;max-height:50%!important;min-height:50%!important}}}@media only screen and (max-width: 480px){.input-group{display:flex;align-items:center;background:#0303035f;border-radius:24px;padding:5px 5px 5px 15px;border:1px solid rgba(255,255,255,.2);width:100%;height:50px}.input-group input{height:40px;font-size:16px}#send{width:40px!important;height:40px!important;min-width:40px;min-height:40px;border-radius:50%;display:flex!important;justify-content:center!important;align-items:center!important}}@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2){.chat-holder{bottom:15px!important}}.video-holder.state-in-chat .language-selection-container,.video-holder.state-selecting-language .action-buttons-container,.video-holder.state-selecting-language .chat-holder{display:none}.video-holder.state-selecting-language .language-selection-container{display:block;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:340px;text-align:center;z-index:100}.language-selection-container{display:none}@media (max-width: 768px){html body .video-holder.state-selecting-language .chat-holder,.chat-holder.force-hidden{display:none!important;visibility:hidden!important;z-index:-1!important;pointer-events:none!important;opacity:0!important}}#videoPageCombinedLangBtn{height:66px;display:flex;align-items:center;justify-content:space-between;background:#2856ff73;color:#fff;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;margin:.5rem 0;width:100%;max-width:340px;box-shadow:0 3px 10px #9c63ff1a;text-align:left;overflow:hidden;position:relative;width:370px}#videoPageCombinedLangBtn .section-content{display:flex;align-items:center;justify-content:center;gap:.5rem}#videoPageCombinedLangBtn .combined-lang-sections{display:flex;flex:1;height:100%}#videoPageCombinedLangBtn .lang-section{flex:1;display:flex;align-items:center;justify-content:center}#videoPageCombinedLangBtn .lang-section:hover{background-color:#0f7bf7b4}#videoPageCombinedLangBtn .speaks-section{border-top-left-radius:50px;border-bottom-left-radius:50px}#videoPageCombinedLangBtn .wants-section{border-top-right-radius:50px;border-bottom-right-radius:50px}#videoPageCombinedLangBtn .lang-section-label{font-weight:700;opacity:.8;margin-right:5px}#videoPageCombinedLangBtn .lang-divider{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1px;height:60%;background-color:#ffffff80;pointer-events:none}#videoPageCombinedLangBtn .lang-settings-icon{opacity:.7;margin-left:10px}#videoPageCombinedLangBtn .lang-display-text{display:inline-flex;align-items:center;gap:5px}#videoPageCombinedLangBtn .lang-placeholder{width:20px;height:20px;border-radius:50%;background-color:#ffffff4d;display:inline-block}#videoPageCombinedLangBtn .lang-section.has-selection .lang-section-label{opacity:1}#videoPageCombinedLangBtn .lang-flag-icon{display:inline-block;width:27px;height:27px;background-size:cover;border-radius:50%}#videoPageStartButton{background:#fe0;color:#333;padding:1.4rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1.5rem;width:100%;max-width:340px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 3px 10px #ffd30033}#videoPageStartButton:hover{transform:scale(1.03);box-shadow:0 4px 15px #ffd3004d}#videoPageStartButton.enabled{opacity:1}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.shake-animation{animation:shake .4s ease-in-out}#videoPageLanguageModal{z-index:10000}#videoPageLanguageModal .modal-option{padding:1rem;background:#f7f7f7;border:none;color:#333;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}#videoPageLanguageModal .modal-option:hover{background:#a3bbff;transform:translateY(-2px)}#videoPageLanguageModal .modal-option.selected{background:#0f7bf7;color:#fff}#videoPageLanguageModal .flag-icon{width:30px;height:30px;object-fit:contain;margin-bottom:.2rem;display:block}#videoPageLanguageModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:10000;display:none;opacity:0;transition:opacity .3s ease;align-items:center;justify-content:center}#videoPageLanguageModal.visible{opacity:1}#videoPageLanguageModal.hidden{display:none}#videoPageLanguageModal .modal-content{background:#fff;border-radius:16px;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;transform:scale(.9);transition:transform .3s ease}#videoPageLanguageModal.visible .modal-content{transform:scale(1)}#videoPageLanguageModal .modal-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}#videoPageLanguageModal{pointer-events:auto!important}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.video-holder.state-selecting-language .stranger-video{background:linear-gradient(-65deg,#0f7bf7,#745df6,#277dff,#4a80ff)!important;background-size:400% 400%!important;animation:gradientAnimation 15s ease infinite!important}.video-holder.state-selecting-language .language-indicator,.video-holder.state-selecting-language .waiting-indicator{display:none!important}.branding-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:6;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.video-holder.state-selecting-language .branding-overlay{opacity:1;visibility:visible}.branding-content{display:flex;flex-direction:column;align-items:center;margin-top:18rem;padding:30px;border-radius:20px}@media (max-width: 768px){.branding-content{padding:20px;width:370px;margin-top:1.5rem}}@media (max-width: 480px){.branding-content{padding:15px;width:370px;margin-top:1.5rem}}@media (max-width: 375px){.branding-content{padding:10px;width:320px;margin-top:1.5rem}#videoPageCombinedLangBtn{padding:10px;width:320px}#videoPageStartButton{padding:20px;width:335px}}.auth-container{position:absolute;top:20px;right:20px;z-index:100;display:flex;flex-direction:column;align-items:flex-end}.user-info-avatar{position:relative;cursor:pointer;transition:transform .2s ease;width:50px;height:50px;transition:opacity .3s ease,visibility .3s ease;opacity:1;visibility:visible}.user-info-avatar.hidden,.video-holder.state-in-chat .user-info-avatar{opacity:0;visibility:hidden}.video-holder.state-selecting-language .user-info-avatar{opacity:1;visibility:visible}.user-info-avatar:hover{transform:scale(1.1)}.user-info{display:none!important}#profile-popup{opacity:0;transition:opacity .3s ease}#profile-popup:not(.hidden){opacity:1}#profile-popup .bg-gray-800{transform:scale(.9);transition:transform .3s ease}#profile-popup:not(.hidden) .bg-gray-800{transform:scale(1)}@media (max-width: 768px){.auth-container{top:15px;right:15px}#profile-popup .bg-gray-800{max-width:90%}}#user-avatar,#popup-user-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%;border:2px solid #ffffff}#premium-indicator{border:2px solid rgba(0,0,0,.5);box-shadow:0 0 5px #ffffff80;position:absolute;top:-1px;right:1px;width:12px;height:12px;border-radius:50%;background-color:gold}#profile-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#00000080}#profile-popup.hidden{display:none}#profile-popup .bg-gray-800{background-color:#2d3748;border-radius:.5rem;overflow:hidden;box-shadow:0 10px 25px #00000080;width:100%;max-width:400px;margin:0 1rem}#profile-popup .flex.justify-between{padding:1rem 1.5rem;border-bottom:1px solid #4a5568}#profile-popup h2{font-size:1.25rem;font-weight:700;color:#fff}#close-profile-popup{font-size:1.5rem;font-weight:700;color:#a0aec0;background:none;border:none;cursor:pointer;padding:0;line-height:1}#close-profile-popup:hover{color:#fff}#profile-popup .px-6.py-4.flex.flex-col.items-center{display:flex;flex-direction:column;align-items:center;padding:1.5rem}#popup-user-avatar{width:6rem;height:6rem;border-radius:50%;border:4px solid #34ce31;object-fit:cover;margin-bottom:1rem}#popup-premium-badge{position:absolute;top:1.2rem;right:1rem;background-color:gold;color:#000;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:9999px}#popup-user-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}#popup-user-badge.basic{background-color:#757575!important;color:#fff!important}#popup-user-badge.plus{background-color:gold!important;color:#000!important}#popup-user-badge{font-size:.875rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px}#profile-popup .px-6.py-4.border-t{padding:1.5rem;border-top:1px solid #4a5568}#profile-popup .flex.items-center{display:flex;align-items:center}#profile-popup .w-8.h-8{width:2rem;height:2rem;border-radius:50%;background-color:#4a5568;display:flex;align-items:center;justify-content:center;margin-right:.75rem}#gender-icon.fa-mars{color:#63b3ed}#gender-icon.fa-venus{color:#f687b3}#gender-icon.fa-question{color:#a0aec0}#profile-popup .text-sm.text-gray-400{font-size:.875rem;color:#a0aec0}#user-gender-display{color:#fff;font-weight:500}#logout-btn{width:100%;background-color:#e53e3e;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:1rem}#logout-btn:hover{background-color:#c53030}#logout-btn i{margin-right:.5rem}.fa-mars{color:#63b3ed!important}.fa-venus{color:#f687b3!important}.fa-question{color:#a0aec0!important}@media (max-width: 480px){#profile-popup .bg-gray-800{max-width:90%}#popup-user-avatar{width:5rem;height:5rem}#popup-user-name{font-size:1.25rem}}.g_id_signin{display:none}#login-google-container .g_id_signin{display:block}.user-info img{width:32px;height:32px;border-radius:50%}.gender-options{display:flex;gap:20px;margin-top:20px}.gender-image-container{width:70px!important;height:70px!important;margin-bottom:2px!important;display:flex;justify-content:center;align-items:center;overflow:hidden}.gender-image{width:60%!important;height:auto;object-fit:contain;transition:transform .3s ease}.gender-option{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;background:#f5f5f5!important;border:1px solid #eee!important;border-radius:10px!important;cursor:pointer!important;transition:all .3s ease!important;flex:0 1 auto!important;width:150px!important;padding:10px 8px!important;margin:0 auto!important}.gender-option:hover{background:#0f7bf7!important;color:#fff!important;transform:translateY(-3px)!important;border-color:#0d6edb!important}.gender-option:hover .gender-image{transform:scale(1.1)}.gender-option i{font-size:24px!important;margin-top:5px!important}.gender-option i{display:none!important}.gender-filter-container{margin-top:15px;margin-bottom:15px}.gender-filter-options{display:flex;gap:10px;margin-top:10px}.gender-filter-option{flex:1;padding:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;position:relative}.gender-filter-option.active{background:#0f7bf7;border-color:#0f7bf7}.gender-filter-option:hover{background:#fff3}.premium-badge{background:gold;color:#000;font-size:10px;padding:2px 5px;border-radius:10px;position:absolute;top:5px;right:5px}.premium-features{margin:15px 0!important}.feature{display:flex!important;align-items:center!important;gap:10px!important;margin:10px 0!important}.feature i{color:#4caf50!important;font-size:18px!important}.price{font-size:24px!important;font-weight:700!important;color:#0f7bf7!important;margin:20px 0!important;text-align:center!important}.modal-content button.cta-btn{background:#0f7bf7!important;color:#fff!important;border:none!important;padding:12px 20px!important;border-radius:50px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;margin-top:15px!important;font-size:16px!important;width:100%!important}.modal-content button.cta-btn:hover{background:#0d6edb!important;transform:translateY(-2px)!important}.modal-content button.text-btn{background:none!important;border:none!important;color:#666!important;padding:10px!important;font-size:14px!important;cursor:pointer!important;margin-top:10px!important}.modal-content button.text-btn:hover{color:#0f7bf7!important}.modal-content h3{font-family:Montserrat,sans-serif!important;color:#333!important;margin-bottom:15px!important;font-size:24px!important;font-weight:700!important;text-align:center!important}.modal-content p{color:#555!important;margin-bottom:20px!important;line-height:1.5!important;text-align:center!important}.gender-filter-container{text-align:center;color:#fffc;font-size:14px;width:100%;max-width:350px;margin-left:auto;margin-right:auto}.gender-filter-container label{display:block;margin-bottom:8px;font-weight:600}.gender-filter-options{display:flex;gap:10px;justify-content:center}.gender-filter-option{flex-grow:1;flex-basis:0;padding:8px 5px;font-size:13px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;position:relative;text-align:center;white-space:nowrap}.gender-filter-option.active{background:#fe0;border-color:#0f7bf7;font-weight:700;color:#313131}.gender-filter-option:not(.disabled):hover{background:#fff3}.gender-filter-option .premium-badge{display:none;background:gold;color:#333;font-size:9px;padding:1px 4px;border-radius:8px;position:absolute;top:-5px;right:-5px;font-weight:700}.gender-filter-option.disabled .premium-badge{display:inline-block}#login-modal.visible{display:flex!important;opacity:1!important;visibility:visible!important}#login-modal{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}#login-modal .modal-content{position:relative!important;transform:none!important;margin:0 auto!important;width:400px!important;max-width:90%!important;padding:40px 30px!important;box-sizing:border-box!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 30px #0003!important}.login-branding{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.login-logo{width:80px;height:80px;border-radius:15px;margin-bottom:.8rem;object-fit:cover;box-shadow:0 4px 10px #0000001a}.login-branding h3{font-family:Montserrat,sans-serif;font-size:28px;font-weight:900;color:#333;margin:0;letter-spacing:1px}.login-message{font-size:1.1rem;margin-bottom:2rem;color:#555;line-height:1.5}#login-google-container{display:flex;justify-content:center}@keyframes loginFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#login-modal.visible .modal-content{animation:loginFadeIn .3s ease-out forwards!important}.login-branding,.login-message,#login-google-container{width:100%!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}#login-google-container>div{margin:0 auto!important;display:flex!important;justify-content:center!important}@media (max-width: 480px){#login-modal .modal-content{width:85%;padding:2rem}.login-logo{width:70px;height:70px}.login-branding h3{font-size:24px}.login-message{font-size:1rem;margin-bottom:1.5rem}.modal-content h3{font-size:20px!important}.gender-option{width:120px!important;padding:10px 5px!important}.gender-option i{font-size:24px!important}.gender-image-container{width:50px!important;height:50px!important}}.login-button-container{position:absolute;top:20px;right:20px;z-index:100;transition:opacity .3s ease,visibility .3s ease;opacity:1;visibility:visible}.login-button-container.hidden{opacity:0;visibility:hidden;display:none}.login-button{width:50px;height:50px;border-radius:50%;background-color:#0f7bf7;color:#fff;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003;transition:transform .2s ease,background-color .2s ease}.login-button:hover{transform:scale(1.1);background-color:#2ee637}.login-button i{font-size:20px}.video-holder.state-in-chat .login-button-container{opacity:0;visibility:hidden}@media (max-width: 768px){.login-button-container{top:15px;right:15px}.login-button{width:40px;height:40px}.login-button i{font-size:16px}}.gender-filter-container.hidden{visibility:hidden;opacity:0;display:block!important;pointer-events:none;height:95px;margin:15px 0}.video-holder.state-selecting-language .stranger-video .branding-content,.video-holder.state-selecting-language .self-video .language-selection-container{position:absolute;top:auto;bottom:15%;left:50%;transform:translate(-50%);margin-top:0}#videoPageStartButton{margin:2.3rem 0!important}#videoPageCombinedLangBtn{margin:.5rem 0!important}@media (max-width: 480px){.video-holder.state-selecting-language .stranger-video .branding-content,.video-holder.state-selecting-language .self-video .language-selection-container{bottom:5%}}@media (max-width: 375px){.video-holder.state-selecting-language .stranger-video .branding-content,.video-holder.state-selecting-language .self-video .language-selection-container{bottom:-3%}}.branding-logo-container{display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:10px;animation:fadeInDown .5s ease-out;--desktop-margin-top: 20px;--tablet-margin-top: 30px;--mobile-margin-top: 40px;--small-phone-margin-top: 35px;margin-top:var(--desktop-margin-top)}.gender-filter-container{margin-top:15px}.branding-logo{width:80px;height:80px;border-radius:15px;margin-bottom:10px;object-fit:cover;box-shadow:0 4px 10px #0000001a}.branding-name{font-family:Montserrat,sans-serif;font-size:28px;font-weight:800;color:#fff;margin:0 0 5px;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:1px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.branding-logo-container{margin-top:var(--tablet-margin-top)}.branding-logo{width:70px;height:70px}.branding-name{font-size:24px}}@media (max-width: 480px){.branding-logo-container{margin-top:var(--mobile-margin-top);padding-top:20px}.branding-logo{width:60px;height:60px}.branding-name{font-size:22px}.branding-logo-container+.gender-filter-container{margin-top:10px}}@media (max-height: 700px) and (max-width: 480px){.branding-logo-container{margin-top:var(--small-phone-margin-top);padding-top:25px}.branding-logo{margin-bottom:5px;width:55px;height:55px}.branding-name{margin-bottom:2px}}@media (max-height: 600px) and (max-width: 375px){.branding-logo-container{margin-top:50px;padding-top:20px}.branding-logo{width:50px;height:50px;margin-bottom:3px}.branding-name{font-size:20px}.branding-logo-container+.gender-filter-container{margin-top:5px}}