html{height:100%;background-color:#000}::selection{background-color:#ff882e}div{margin:0}body *{font-family:Manrope,sans-serif;text-align:center;color:#090604;margin:0;padding:0}body{margin:0;overflow:hidden;background-color:#000}header{display:none}h1,.didImage{display:none}#container{display:flex;flex-direction:column;align-items:center;font-size:16px;margin:0 auto;width:100%;height:100vh;position:relative}.header,#previewName,#connectionLabel{display:none}#connectSection{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;margin:20px 0;gap:15px;z-index:1000;background:#000c;padding:30px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.connectButton{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;font-size:18px;font-weight:600;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;min-width:200px}.connectButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.connectButton:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000001a}.connectButton.connected{background:linear-gradient(135deg,#4caf50,#45a049)}#video-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:#000;z-index:1}video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.fullscreen-toggle-btn{position:fixed;top:20px;right:20px;background:#000c;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px;border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;width:50px;height:50px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8)}.send-fab{position:fixed;bottom:28px;right:28px;z-index:1002;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:24px;padding:12px 18px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #00000059;display:none}#container.connected .send-fab{display:inline-flex}.quick-questions-panel{position:fixed;top:50%;right:24px;transform:translateY(-50%);display:none;flex-direction:column;gap:8px;z-index:1001}#container.connected .quick-questions-panel{display:flex!important}.qq-btn{background:#000000a6;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 12px;border-radius:12px;cursor:pointer;text-align:left;width:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px}.qq-btn:hover{background:#000c}.fullscreen-toggle-btn:hover{background:#000000e6;border-color:#fff9;transform:scale(1.1)}.fullscreen-toggle-btn.show{opacity:1;transform:scale(1);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}.fullscreen-toggle-btn .material-symbols-outlined{font-size:24px;color:#fff}.agent-info-overlay{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:15px 25px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;text-align:center;min-width:200px}.agent-name{font-size:18px;font-weight:600;margin-bottom:5px;color:#fff}.agent-status{font-size:14px;font-weight:400;color:#ccc}@keyframes speakingPulse{0%,to{border-color:#ff882e99;box-shadow:0 8px 32px #ff882e4d}50%{border-color:#ff882ecc;box-shadow:0 8px 32px #ff882e80}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0) translate(-50%)}to{opacity:0;transform:translateY(30px) translate(-50%)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.user-query-subtitle{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:12px 20px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;text-align:center;max-width:80%;min-width:300px}.subtitle-label{font-size:14px;font-weight:600;color:#ff882e;margin-right:8px}.subtitle-text{font-size:16px;font-weight:400;color:#fff}#container.connected #connectSection{display:none}#container.connected #video-wrapper,#container.connected .agent-info-overlay{display:block}#hidden{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:50%;height:75vh;margin:0 auto;justify-content:center;z-index:1000;background:#000000e6;color:#fff;padding:40px;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}#reconnectButton{color:#fff;background-color:#090604}#reconnectButton:hover{background-color:#2b2a28}.statusMessage{padding:8px 12px;margin:8px 0;border-radius:6px;font-size:14px;font-weight:500;color:#fff}.statusMessage.info{background-color:#1976d2e6;color:#fff;border:1px solid rgba(187,222,251,.3)}.statusMessage.error{background-color:#d3322fe6;color:#fff;border:1px solid rgba(255,205,210,.3)}.statusMessage.success{background-color:#388e3ce6;color:#fff;border:1px solid rgba(200,230,201,.3)}.inputsDiv,#answers,.agentMessage,.userMessage,.ratingButtons{display:none}