:root{--app-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--app-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff;height:100vh;height:100dvh;overflow:hidden;-webkit-text-size-adjust:100%;touch-action:manipulation}#root{height:100vh;height:100dvh;width:100vw}.app-container{height:100vh;height:100dvh;width:100vw;display:flex;flex-direction:column;background-color:#000;position:relative;padding-bottom:env(safe-area-inset-bottom)}.recording-banner{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,#b41e1ef2,#8c1414e6);color:#fff;padding:10px 16px;text-align:center;z-index:1000;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 10px #0000004d;line-height:1.3}.recording-icon{width:12px;height:12px;background-color:#f44;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.waiting-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,5vw,40px);padding-left:max(clamp(20px,5vw,40px),env(safe-area-inset-left));padding-right:max(clamp(20px,5vw,40px),env(safe-area-inset-right));text-align:center;overflow-y:auto}.waiting-screen h2{font-size:clamp(20px,4vw,28px);font-weight:600;margin-bottom:clamp(16px,3vw,30px);color:#fff}.recording-notice{background:#b41e1e33;border:2px solid rgba(180,30,30,.5);border-radius:12px;padding:clamp(16px,3vw,25px) clamp(16px,4vw,35px);max-width:600px;width:100%;margin-bottom:clamp(16px,3vw,30px)}.recording-notice p{font-size:clamp(14px,2.5vw,16px);line-height:1.6;color:#fff}.recording-notice .phone-number{font-weight:600;color:#f99}.auth-input{width:100%;max-width:500px;padding:16px 20px;font-size:16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;margin-bottom:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.auth-input::placeholder{color:#ffffff80}.join-button{width:100%;max-width:500px;padding:18px 30px;font-size:16px;font-weight:600;background:#0a84ff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease;min-height:56px;-webkit-tap-highlight-color:transparent}.join-button:hover{background:#0071e3}.join-button:active{background:#0060c0}.join-button:disabled{background:#fff3;cursor:not-allowed}.video-call-screen{flex:1;display:flex;flex-direction:column;position:relative;background-color:#000}.video-container{flex:1;display:flex;position:relative;overflow:hidden}.remote-video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.remote-video-wrapper rtk-grid{width:100%;height:100%;display:block}.remote-video-wrapper.remote-video-hidden{visibility:hidden}.waiting-for-remote{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ffffffb3;font-size:16px;z-index:10}.pip-self-wrapper{position:absolute;bottom:max(96px,calc(env(safe-area-inset-bottom) + 80px));left:20px;width:120px;height:90px;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #00000080;border:2px solid rgba(255,255,255,.25);z-index:100;background-color:#2a2a2a}.pip-self-wrapper rtk-participant-tile{width:100%;height:calc(100% + 32px);display:block}.participant-info{position:absolute;top:60px;left:20px;z-index:100;display:flex;flex-direction:column;gap:5px}.participant-name{background:#0009;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-toggle-wrapper{position:absolute;right:200px;bottom:max(24px,env(safe-area-inset-bottom));z-index:1200;-webkit-tap-highlight-color:transparent}.call-controls{position:absolute;right:24px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;gap:16px;z-index:1200;-webkit-tap-highlight-color:transparent}.control-button{min-width:140px;height:56px;border-radius:999px;padding:0 20px;border:none;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s ease;font-size:15px;font-weight:600;min-height:44px}.end-call-button{background:#ff3b30;color:#fff}.end-call-button:hover{background:#d63025;transform:translateY(-1px)}.end-call-button:active{background:#b02820;transform:none}.end-call-button svg{width:20px;height:20px;flex-shrink:0}rtk-chat-toggle,rtk-polls-toggle,rtk-participants-toggle,rtk-plugins-toggle,rtk-fullscreen-toggle,rtk-more-toggle,rtk-camera-toggle,rtk-mic-toggle,rtk-screen-share-toggle,rtk-screenshare-toggle,rtk-leave-button{display:none!important}rtk-controlbar{display:none!important}rtk-settings-toggle{display:inline-flex!important}rtk-settings-toggle::part(button){width:56px;height:56px;border-radius:999px}.settings-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1600;background:#0009;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,20px)}.settings-modal{width:min(720px,96vw);height:min(480px,86dvh);border-radius:14px;overflow:hidden}@media (max-width: 599px){.recording-banner{font-size:11px;padding:8px 12px}.recording-icon{width:8px;height:8px;flex-shrink:0}.call-controls{right:50%;transform:translate(50%);bottom:max(20px,env(safe-area-inset-bottom));gap:12px}.settings-toggle-wrapper{display:none}.control-button{min-width:140px;height:52px;font-size:14px}.pip-self-wrapper{width:90px;height:68px;left:12px;bottom:max(84px,calc(env(safe-area-inset-bottom) + 70px))}}@media (min-width: 600px) and (max-width: 1023px){.recording-banner{font-size:12px}.call-controls{right:20px;bottom:max(20px,env(safe-area-inset-bottom))}.settings-toggle-wrapper{right:185px;bottom:max(20px,env(safe-area-inset-bottom))}.pip-self-wrapper{width:110px;height:82px}}@media (min-width: 1024px){.call-controls{right:24px;bottom:24px}.settings-toggle-wrapper{right:200px;bottom:24px}}.loading-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#0a84ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px;text-align:center}.error-screen h2{color:#ff6b6b}.error-screen p{color:#ffffffb3}.retry-button{padding:12px 30px;background:#0a84ff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px}