:root{--accent-color:#c00;--button-padding:10px 15px;--button-font-size:16px;--transition-duration:.3s;--text-color:#333}#meetgle-container{width:100%;box-sizing:border-box;text-align:center;padding:10px 0;background-color:transparent}#meetgle-container h3{margin-bottom:20px}.video-container{display:grid;width:100%;margin:0;padding:0;grid-template-columns:1fr 1fr;gap:10px}.video-wrapper{position:relative;width:100%;background-color:#000;overflow:hidden}.video-wrapper:before{content:"";display:block;padding-top:75%}.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background-color:#000}.video-logo{position:absolute;bottom:10px;right:10px;width:100px;height:auto;z-index:10;pointer-events:none}@media (max-width:600px){.video-container{grid-template-columns:1fr}}.control-container{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap;margin:10px 10px 0}.control-container button{flex:1;padding:10px;font-size:14px;background-color:var(--button-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;text-align:center}.control-container button:hover,.control-container button:focus{background-color:var(--button-hover-color)}.control-container button:active{background-color:var(--button-active-color)}#chatActionBtn{flex:8}#stopChatBtn{flex:2}#muteBtn,#switchCameraBtn{font-size:14px;color:#000;background-color:rgba(255,255,255,.7);border:none;padding:3px 6px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}#muteBtn:hover,#switchCameraBtn:hover{background-color:rgba(200,200,200,.9)}#muteBtn.muted{background-color:#6c757d;color:#fff}#statusOutput{font-size:16px;color:#333;margin-top:10px;text-align:center;background-color:#f9f9f9;padding:5px;border:1px solid #ccc;border-radius:4px}#meetgle-video-container{display:flex;flex-direction:row;justify-content:space-between;box-sizing:border-box}.video-chat-layout{display:flex;flex-direction:row;width:100%;height:100%}.video-section{flex:0 1 50%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;height:100%}.video-wrapper.remote-video{flex:1 1 0;display:flex;align-items:center;justify-content:center;height:100%;min-height:0;margin-bottom:0 !important}.controls-and-chat{flex:0 1 50%;display:flex;flex-direction:column;height:100%}.video-wrapper.local-video{flex:2 1 0;display:flex;align-items:center;justify-content:center;height:66.66%;min-height:0}.text-chat{flex:1 1 0;height:33.33%;min-height:0;display:flex;flex-direction:column}@media (max-width:900px){.video-chat-layout{flex-direction:column;height:100vh !important;min-height:100vh !important;max-height:100vh !important}.video-section,.controls-and-chat{width:100% !important;min-width:0 !important;max-width:100vw !important;flex:unset !important;padding:0 !important}.video-wrapper.remote-video,.video-wrapper.local-video{height:45vh !important;min-height:0 !important;max-height:45vh !important;aspect-ratio:unset !important;flex:unset !important}.controls-and-chat{height:auto !important;min-height:0 !important;max-height:none !important;flex-direction:column;flex:unset !important}.text-chat{height:calc(100vh - 50vh) !important;min-height:0 !important;max-height:none !important;flex:unset !important;aspect-ratio:unset !important;overflow-y:auto !important}.video-wrapper:before{display:none !important}.remote-video video,.local-video video{width:100% !important;height:100% !important;min-height:0 !important;max-height:100% !important}}.video-wrapper{position:relative;background-color:#000;overflow:hidden;aspect-ratio:16/9}.remote-video video,.local-video video{width:100%;height:100%;object-fit:cover}.remote-video video{background-color:#171717}.local-video video{background-color:#000;transform:none}.controls-and-chat{display:flex;flex-direction:column;flex:1}.text-chat{display:flex;flex-direction:column;flex:1;border-radius:8px;overflow:hidden;background-color:#23272a}.messages{flex:1;padding:10px;overflow-y:auto;background-color:#23272a;color:#fff !important;font-size:14px;line-height:1.4}.input-container{display:flex;padding:10px;background-color:#23272a;border-top:0 solid #ccc;margin-bottom:10px}#chatInput{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px;margin-right:10px;font-size:16px}#sendMessageBtn{padding:8px 15px;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-left:10px}#sendMessageBtn:hover{background-color:#171717}.local-video .overlay-buttons{position:absolute;bottom:10px;left:10px;display:flex;gap:10px;z-index:10}.overlay-buttons button{padding:5px 10px;font-size:12px;background-color:rgba(255,255,255,.8);color:#000;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.overlay-buttons button:hover{background-color:rgba(200,200,200,.9)}#statusOutput{font-size:14px;color:#555;margin-bottom:10px;text-align:center}video{pointer-events:none}video::-webkit-media-controls{display:none !important}video::-moz-media-controls{display:none !important}video::-ms-media-controls{display:none !important}video::-o-media-controls{display:none !important}@media (max-width:768px){#meetgle-container,#meetgle-video-container{flex-direction:column;align-items:stretch;justify-content:flex-start}.video-chat-layout{flex-direction:column}.video-section,.controls-and-chat{height:auto;min-height:0}}html,body{width:100vw;min-height:100vh;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}#meetgle-container,#meetgle-video-container{width:100vw;min-height:100vh;min-width:100vw;max-width:100vw;overflow:visible;display:flex;flex-direction:row;box-sizing:border-box}.video-section{flex:0 1 50%;min-width:0;max-width:50vw}.controls-and-chat{flex:0 1 50%;min-width:320px;max-width:50vw;box-sizing:border-box;background-color:#23272a}.video-wrapper,.video-wrapper.remote-video,.video-wrapper.local-video,.text-chat{border-radius:0 !important}.video-wrapper.remote-video{background-color:#171717 !important}.interest-tags-container select{width:100%;font-size:14px;color:#333;background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;padding:5px;margin-top:8px;box-sizing:border-box;text-align:center;appearance:none;-webkit-appearance:none;-moz-appearance:none}@media (min-width:901px){#meetgle-video-container,.video-chat-layout{height:100vh;min-height:100vh;max-height:100vh}}.remote-loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:20}.spinner{border:6px solid #f3f3f3;border-top:6px solid var(--button-color,#ec4899);border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.heart-anim-overlay{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;overflow:visible}.heart-emoji{position:absolute;left:50%;font-size:2.5rem;opacity:.85;transform:translateX(-50%) scale(1);animation:heart-float 1.2s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes heart-float{0%{top:10%;opacity:.9;transform:translateX(-50%) scale(1.2)}60%{opacity:1;transform:translateX(-50%) scale(1.1) rotate(-10deg)}80%{opacity:.8;transform:translateX(-50%) scale(1.05) rotate(10deg)}100%{top:80%;opacity:0;transform:translateX(-50%) scale(.8) rotate(0deg)}}.heart-btn-anim-overlay{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:200}.heart-btn-emoji{position:absolute;left:50%;bottom:8px;font-size:1.7em;opacity:.9;transform:translateX(-50%) scale(1);animation:heart-btn-flutter .9s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes heart-btn-flutter{0%{bottom:8px;opacity:.9;transform:translateX(-50%) scale(1.2)}60%{opacity:1;transform:translateX(-50%) scale(1.1) rotate(-10deg)}80%{opacity:.8;transform:translateX(-50%) scale(1.05) rotate(10deg)}100%{bottom:38px;opacity:0;transform:translateX(-50%) scale(.8) rotate(0deg)}}#heartBtn,#remoteFlag{font-size:18px;border-radius:4px;background:rgba(255,255,255,.7);border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:background .3s,box-shadow .2s;box-shadow:0 1px 4px rgba(0,0,0,.07);padding:0;margin:0 2px;cursor:pointer}#heartBtn:hover,#remoteFlag:hover{background:rgba(200,200,200,.9)}#heartBtn:active,#remoteFlag:active{background:#f3f3f3}#remoteFlag{color:#222;cursor:default;text-align:center;line-height:1;font-family:'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji',sans-serif;overflow:hidden;vertical-align:middle;font-size:22px;height:36px;line-height:36px}@media (max-width:600px){#heartBtn,#remoteFlag{font-size:14px;width:28px;height:28px}#remoteFlag{font-size:16px;height:28px;line-height:28px}}