.participants-panel{position:relative;width:320px;height:calc(100% - 20px);margin:10px 10px 10px 0;background:#232e6a;border:none;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;z-index:1001}.lk-chat-container{display:none!important}.participants-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--lk-border-color);background:white}.participants-header h3{margin:0;color:#ff8c42;font-size:1rem}.close-btn{background:#dc3545;border:none;color:white;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.participants-list{flex:1 1;overflow-y:auto;padding:.5rem}.participant-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:8px;margin-bottom:.25rem}.participant-item:hover{background:transparent}.participant-name{color:#fff;font-size:.875rem}.participant-controls{display:flex;gap:.5rem}.status-icon{color:var(--lk-fg);display:flex;align-items:center;justify-content:center;pointer-events:auto}.status-icon.on{color:#ffffff}.status-icon.on svg{color:#ffffff!important;fill:#ffffff!important}.status-icon.off{color:#dc3545;opacity:1}.status-icon.off svg{fill:#dc3545!important}.status-icon.off button,.status-icon.off svg{color:#dc3545!important}.status-icon.off button svg{color:#dc3545!important;fill:#dc3545!important}.participants-footer{padding:1rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--lk-border-color)}.invite-btn{background:transparent;color:#ffc107;border:2px solid #ffc107;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.invite-btn:hover{background:#ffc107;color:#000}.mute-all-btn{background:transparent;color:#dc3545;border:2px solid #dc3545;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.mute-all-btn:hover{background:#dc3545;color:#fff}.transcript-btn{background:#f18917;color:#fff;border:none;padding:12px;margin:1rem auto;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;width:calc(50% - 1rem);transition:opacity .2s;display:block}.transcript-btn:hover{opacity:.8}.sip-pending-section{border-bottom:1px solid rgba(255,193,7,.3);margin-bottom:4px;padding-bottom:4px}.sip-pending-header{display:flex;align-items:center;gap:6px;padding:8px 12px 4px;color:#ffc107;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sip-pending-item{background:rgba(255,193,7,.08);border:1px solid rgba(255,193,7,.2);border-radius:8px;margin:4px;animation:sipPulse 2s ease-in-out infinite}@keyframes sipPulse{0%,to{border-color:rgba(255,193,7,.2)}50%{border-color:rgba(255,193,7,.5)}}.sip-action-buttons{display:flex;gap:6px;flex-shrink:0}.sip-accept-btn{width:28px;height:28px;border-radius:50%;border:none;background:#4caf50;color:white;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.sip-accept-btn:hover{background:#45a049;transform:scale(1.1)}.sip-accept-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sip-reject-btn{width:28px;height:28px;border-radius:50%;border:none;background:#ef4444;color:white;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.sip-reject-btn:hover{background:#dc2626;transform:scale(1.1)}.sip-reject-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sip-badge{display:inline-block;background:rgba(76,175,80,.2);color:#4caf50;font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:10px;margin-left:6px;vertical-align:middle;text-transform:uppercase;letter-spacing:.3px}.sip-badge.accepted{background:rgba(76,175,80,.15);color:#66bb6a}.sip-participant-item{border-left:2px solid #4caf50}.participant-name.clickable-name:hover{color:#ffc107!important}@media (max-width:768px){.participants-panel{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;border-radius:0;z-index:100}}.meeting-header{position:fixed;top:0;left:0;right:0;min-height:70px;background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}@media (max-width:768px){.meeting-header{height:auto;padding:10px 15px}.meeting-header-right{width:100%;justify-content:space-between;margin-top:10px;gap:6px!important}.end-meeting-btn{padding:4px 8px!important;font-size:11px!important;height:32px!important}}.meeting-header-center,.meeting-header-left{display:flex;align-items:center}.meeting-header-center{flex:1 1;justify-content:center;gap:15px}.meeting-title{color:#f18917;font-size:18px;font-weight:500}.meeting-header-right{display:flex;align-items:center;gap:15px}.live-indicator{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(145deg,#b71c1c,#7f0000);padding:4px 12px;border-radius:999px;color:#fff;font-weight:600;font-size:12px;box-shadow:0 3px 10px rgba(0,0,0,.4)}.live-dot{width:8px;height:8px;background:#f8f7f7;border-radius:50%;animation:pulse 1.6s infinite}.live-text{color:#ffffff;font-size:12px;font-weight:800;letter-spacing:.3px}.recording-indicator{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(145deg,#1b5e20,#0a3d0a);padding:4px 10px;border-radius:14px;box-shadow:0 3px 10px rgba(0,0,0,.4)}.recording-dot{width:8px;height:8px;background:#f8f7f7;border-radius:50%;animation:pulse 1.6s infinite}.recording-text{color:#ffffff;font-size:12px;font-weight:800;letter-spacing:.3px}.participants-header-btn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:10px 14px;color:white;cursor:pointer;font-size:16px;transition:background .2s}.participants-header-btn:hover{background:rgba(255,255,255,.2)}.lk-room-container{padding-top:70px}@media (max-width:768px){.lk-room-container{padding-top:120px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.invite-modal{background:white;border-radius:12px;width:500px;max-width:90vw;box-shadow:0 10px 30px rgba(0,0,0,.3)}.modal-header{padding:20px 24px 16px}.modal-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#f18917}.modal-content{padding:10px 24px 20px}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.input-with-copy{display:flex;gap:8px}.input-with-copy input{flex:1 1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#f8f9fa;color:black}.copy-btn{padding:12px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.copy-btn:hover{opacity:.8}.copy-btn.orange{background:#f18917;color:white}.copy-btn.green{background:#28a745;color:white}.info-box{background:#d1ecf1;border:1px solid #bee5eb;border-radius:6px;padding:16px;display:flex;align-items:flex-start;gap:12px;color:#0c5460;font-size:14px;line-height:1.4}.modal-footer{padding:8px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.close-btn-modal{background:transparent;color:#ffc107;border:2px solid #ffc107;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.close-btn-modal:hover{background:#ffc107;color:#000}.copy-close-btn{background:#232e6a;color:white;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:opacity .2s}.copy-close-btn:hover{opacity:.8}*{box-sizing:border-box}html{color-scheme:dark;background-color:#111}body,html{overflow:hidden;width:100%;height:100%;margin:0}body:has(.custom-prejoin-container){overflow-y:auto;height:auto}body{display:flex;flex-direction:column}.header{max-width:500px;padding-inline:2rem}.header>img{display:block;margin:auto;max-width:100%}.header>h2{font-family:TWK Everett,sans-serif;font-style:normal;font-weight:400;font-size:1.25rem;line-height:144%}.header>h2,footer{text-align:center;color:rgba(255,255,255,.6)}footer{width:100%;padding:1.5rem 2rem;background-color:var(--lk-bg);border-top:1px solid rgba(255,255,255,.15)}footer a,h2 a{color:#ff6352;-webkit-text-decoration-color:#a33529;text-decoration-color:#a33529;text-underline-offset:.125em}footer a:hover,h2 a{-webkit-text-decoration-color:#ff6352;text-decoration-color:#ff6352}h2 a{text-decoration:none}.lk-room-container{position:relative;display:flex;flex-direction:column;height:100%}.lk-room-container .lk-control-bar{opacity:1;pointer-events:auto;background:#2c313c!important;border-radius:12px!important;padding:6px!important;width:-moz-fit-content!important;width:fit-content!important;margin:0 auto!important;gap:4px!important}.lk-control-bar .lk-button-group>button:not(.lk-button-menu),.lk-control-bar .lk-disconnect-button,.lk-control-bar>button:not(.lk-button-menu),.reaction-button{font-size:0!important;padding:0!important;margin:0!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;max-height:40px!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;box-sizing:border-box!important}.lk-control-bar .lk-disconnect-button{border:1px solid #f91f31!important;color:#f91f31!important;border-radius:8px!important}.lk-control-bar .lk-button-group>button:hover,.lk-control-bar>button:hover,.reaction-button:hover{background:#f18917!important}.lk-control-bar [data-lk-source=camera][aria-pressed=false],.lk-control-bar [data-lk-source=microphone][aria-pressed=false]{background:rgba(255,255,255,.1)!important;color:#ffffff!important}.lk-control-bar [data-lk-source=camera].permission-denied,.lk-control-bar [data-lk-source=microphone].permission-denied{background:rgba(249,31,49,.16)!important;color:#ffb4bc!important;border:1px solid rgba(249,31,49,.34)!important}.lk-control-bar [data-lk-source=camera][aria-pressed=false]:hover,.lk-control-bar [data-lk-source=microphone][aria-pressed=false]:hover{background:#f18917!important;color:#ffffff!important}.lk-control-bar [data-lk-source=camera].permission-denied:hover,.lk-control-bar [data-lk-source=microphone].permission-denied:hover{background:#f91f31!important;color:#ffffff!important}.lk-control-bar .lk-button-group>button:not(.lk-button-menu) svg,.lk-control-bar .lk-disconnect-button svg,.lk-control-bar>button:not(.lk-button-menu) svg,.reaction-button svg{margin:auto!important;width:20px!important;height:20px!important;flex-shrink:0!important;display:block!important}.lk-control-bar .lk-disconnect-button:hover svg path{fill:white!important}.lk-chat-toggle svg,.lk-settings-toggle svg,[data-lk-source=camera] svg,[data-lk-source=microphone] svg,[data-lk-source=screen_share] svg{transform:translateY(2px)!important}.lk-control-bar .lk-disconnect-button~:not(:has(svg)){display:none!important;width:0!important;min-width:0!important;padding:0!important;margin:0!important}.lk-control-bar .lk-button-menu{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:24px!important;height:40px!important;padding:0 4px!important;margin:0!important;border-radius:0 8px 8px 0!important;background:transparent!important}.lk-control-bar .lk-button-menu svg{margin:auto!important}.lk-control-bar .lk-button-group{gap:0!important;display:flex!important;align-items:center!important;width:auto!important;height:40px!important;background:#2c313c!important;border-radius:8px!important;padding:0!important;margin:0!important}.lk-control-bar .lk-button-group>button:not(.lk-button-menu){border-radius:8px 0 0 8px!important}.lk-control-bar .lk-button-group>button:hover{background:#f18917!important}.lk-control-bar .lk-button-group>button{background:transparent!important}.lk-grid-layout,.lk-video-conference-inner{background:transparent}.lk-participant-tile .lk-participant-placeholder svg{visibility:visible!important}.lk-participant-tile,.lk-participant-tile .lk-participant-placeholder{background:#2c313c!important}.lk-participant-tile{border-radius:12px!important;border:1px solid rgba(255,255,255,.06)!important;overflow:hidden!important}.lk-participant-tile .lk-participant-placeholder svg{display:none!important}.lk-participant-name,.participant-name{text-transform:capitalize}.lk-participant-tile .lk-participant-placeholder:before{content:attr(data-lk-initials);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;font-weight:600;color:white;width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.lk-participant-tile:nth-child(12n+1) .lk-participant-placeholder:before{background:linear-gradient(135deg,#fab982,#634226)}.lk-participant-tile:nth-child(12n+2) .lk-participant-placeholder:before{background:linear-gradient(180deg,#eacc64,#897012)}.lk-participant-tile:nth-child(12n+3) .lk-participant-placeholder:before,.lk-participant-tile:nth-child(12n+4) .lk-participant-placeholder:before{background:linear-gradient(180deg,#9f8b86,#6A5D5A)}.lk-participant-tile:nth-child(12n+5) .lk-participant-placeholder:before{background:linear-gradient(180deg,#af957c,#5E5246)}.lk-participant-tile:nth-child(12n+6) .lk-participant-placeholder:before{background:linear-gradient(180deg,#edac75,#7D5D42)}.lk-participant-tile:nth-child(12n+7) .lk-participant-placeholder:before{background:linear-gradient(180deg,#96d0e1,#3B5A63)}.lk-participant-tile:nth-child(12n+8) .lk-participant-placeholder:before{background:linear-gradient(180deg,#61b1fa,#254460)}.lk-participant-tile:nth-child(12n+9) .lk-participant-placeholder:before{background:linear-gradient(180deg,#cedae1,#6A6E70)}.lk-participant-tile:nth-child(12n+10) .lk-participant-placeholder:before{background:linear-gradient(180deg,#d3d3d3,#6D6866)}.lk-participant-tile:nth-child(12n+11) .lk-participant-placeholder:before{background:linear-gradient(180deg,#f0c38e,#6F4A39)}.lk-participant-tile:nth-child(12n+12) .lk-participant-placeholder:before{background:linear-gradient(180deg,#c8b6a6,#5B4F48)}.lk-settings-menu-modal{max-height:550px!important;height:550px!important}.settings-menu .lk-participant-media-video{max-width:350px!important;width:350px!important}.media-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.media-column h3{margin-bottom:8px}.media-tab{height:100%;overflow:hidden}.media-tab,.toast-container{display:flex;flex-direction:column}.toast-container{position:fixed;bottom:20px;left:20px;gap:12px;z-index:1000}.toast{background:rgba(60,60,60,.95);color:#fff;padding:14px 20px;border-radius:10px;font-size:15px;font-weight:500;min-width:220px;max-width:320px;box-shadow:0 8px 24px rgba(0,0,0,.35);animation:toast-in .25s ease-out forwards;pointer-events:none}.toast.exit{animation:toast-out .2s ease-in forwards}@keyframes toast-in{0%{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toast-out{0%{transform:translateX(0);opacity:1}to{transform:translateX(-20px);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes handRaisePulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(235,185,37,.7)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(235,185,37,0)}}@keyframes handWave{0%,to{transform:rotate(0deg)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}@keyframes handBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.hand-raise-button{transition:all .3s cubic-bezier(.4,0,.2,1)}.hand-raise-button:hover{transform:scale(1.1)}.hand-raise-button.raised{animation:handRaisePulse 2s infinite}.hand-raise-button.raised .hand-emoji{animation:handWave 1s ease-in-out infinite,handBounce .6s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.sidebar-toggle-btn{position:absolute;left:0;top:90px;width:24px;height:48px;background:#f8f4ff;border:1px solid #f8f4ff;border-left:none;border-radius:0 8px 8px 0;color:#111;cursor:pointer;z-index:50;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.sidebar-toggle-btn:hover{background:rgba(250,245,245,.6);width:32px}.sidebar-toggle-btn svg{width:16px;height:16px}.video-conference-container{width:100%;height:100%}.video-conference-container.sidebar-hidden .lk-carousel{display:none!important}.video-conference-container.sidebar-hidden .lk-focus-layout{grid-template-columns:1fr!important}.video-conference-container.sidebar-hidden .lk-grid-layout{grid-template-columns:repeat(var(--lk-col-count),minmax(0,1fr))!important}.lk-chat{border:none!important;border-radius:12px!important;margin:10px 10px 10px 0!important;height:calc(100% - 20px)!important;overflow:hidden!important}@media (max-width:768px){.lk-chat{position:fixed!important;top:120px!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:calc(100% - 120px)!important;margin:0!important;border-radius:0!important;z-index:1001!important;background:#111!important}.lk-chat-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:.75rem 1rem!important;background:rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.lk-chat .lk-close-button{display:block!important;visibility:visible!important;opacity:1!important}}.lk-participant-tile[data-lk-speaking]{--lk-speaking-indicator-width:3px}.lk-participant-tile[data-lk-speaking]:after{border-color:#f18917!important;border-radius:12px}.lk-participant-tile[data-lk-speaking=true] .lk-participant-placeholder:before{box-shadow:0 0 12px rgba(255,140,66,.9),0 0 30px rgba(255,140,66,.7)}.lk-control-bar .lk-disconnect-button:hover{background:#d32f2f!important;border:1px solid #d32f2f!important}.lk-button,.lk-button-menu{background-color:#2c313c!important}@media (max-width:768px){.lk-room-container .lk-control-bar{max-width:calc(100vw - 16px)!important;flex-wrap:nowrap!important;gap:2px!important;padding:4px!important}.lk-control-bar .lk-button-group>button:not(.lk-button-menu),.lk-control-bar .lk-disconnect-button,.lk-control-bar>button:not(.lk-button-menu),.reaction-button{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;max-height:32px!important}.lk-control-bar .lk-button-group>button:not(.lk-button-menu) svg,.lk-control-bar .lk-disconnect-button svg,.lk-control-bar>button:not(.lk-button-menu) svg,.reaction-button svg{width:18px!important;height:18px!important}.lk-control-bar .lk-button-menu{min-width:18px!important;padding:0 2px!important;height:32px!important}.lk-control-bar .lk-button-group{height:32px!important}}.custom-prejoin-container{display:flex;min-height:100vh;width:100vw;max-width:100vw;overflow-x:hidden;background-image:linear-gradient(0deg,#f3e7e9 0,#e3eeff 99%,#e3eeff);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;flex-direction:row;justify-content:center}.prejoin-left{flex:0 0 50%;display:flex;flex-direction:column;align-items:end;justify-content:center;position:relative;overflow:hidden}.prejoin-right{flex:0 0 40%;justify-content:start;padding:2rem}.join-card,.prejoin-right{display:flex;align-items:center}.join-card{padding:3rem 2.5rem;border-radius:24px;width:90%;max-width:420px;flex-direction:column}@media (max-width:767px){.custom-prejoin-container{overflow-x:hidden!important;overflow-y:auto!important;min-height:100vh!important;width:100%!important;max-width:100vw!important}.custom-prejoin-container,.prejoin-form{flex-direction:column!important}.prejoin-left{padding:1.5rem 1rem 1rem!important;align-items:center!important}.prejoin-left,.prejoin-right{flex:0 0 auto!important;width:100%!important;min-height:auto!important}.prejoin-right{padding:1rem!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}.video-preview-container{width:90%!important;max-width:360px!important;aspect-ratio:4/3!important}.logo-container{margin-bottom:1rem!important}.logo-container img{height:70px!important;margin-bottom:.75rem!important}.logo-container p{font-size:.85rem!important;padding:0 .5rem!important}.watermark-decoration{display:none}.join-card{padding:1.5rem 1rem!important;width:100%!important;max-width:400px!important;box-shadow:none!important;border:none!important;background:transparent!important;margin-top:0!important}.join-button{padding:.875rem!important;font-size:.95rem!important;margin-top:1rem!important}}@media (max-width:480px){.custom-prejoin-container{min-height:100vh!important;height:auto!important}.prejoin-left{padding:1.5rem 1rem .5rem!important;min-height:40vh!important}.prejoin-right{padding:.5rem 1rem 2rem!important;min-height:60vh!important}.video-preview-container{max-width:300px!important}.join-card{padding:1rem .75rem!important;max-width:100%!important}.join-input{padding:.75rem 1rem .75rem 2.5rem!important}.join-button,.join-input{font-size:.9rem!important}.join-button{padding:.75rem!important;margin-top:1rem!important;margin-bottom:1rem!important}}@media (min-width:768px) and (max-width:1200px){.video-controls-btn{width:40px!important;height:40px!important}.video-controls-btn svg{width:18px!important;height:18px!important}.video-controls-overlay{bottom:1rem!important;gap:.75rem!important}}@media (max-height:700px) and (min-width:1025px){.prejoin-left{padding:6vh 2rem 2rem!important}.logo-container{margin-bottom:1.5rem!important}}.logo-container{margin-bottom:2.5rem;text-align:center;z-index:1;padding:0 2rem}.logo-container img{height:105px;margin-bottom:1.5rem}.logo-container p{color:#333;font-size:1rem;font-weight:400;line-height:1.5;margin:0 auto}.prejoin-right .join-button{width:100%;padding:1rem!important;border-radius:10px!important;background:#000053!important;color:white!important;border:none!important;font-size:1rem!important;font-weight:600!important;cursor:pointer;gap:.5rem;margin-top:.5rem;box-shadow:0 4px 12px rgba(75,168,240,.2);transition:all .2s ease!important}.prejoin-right .join-button,.video-preview-container{display:flex;align-items:center;justify-content:center}.video-preview-container{width:75%;max-width:720px;aspect-ratio:16/9;background:#000;border-radius:20px;overflow:hidden;position:relative;z-index:1}.permission-warning-badge{position:absolute;top:-4px;right:-2px;width:18px;height:18px;border-radius:999px;background:#f18917;color:#ffffff;font-size:12px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(241,137,23,.38)}.permission-warning-badge-btn{border:none;cursor:pointer;padding:0}.permission-control-floating-badge{position:fixed;z-index:1200}.prejoin-control-wrapper{position:relative;display:inline-flex}.permission-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,46,.34);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.permission-modal-card{position:relative;width:min(980px,100%);background:linear-gradient(180deg,#ffffff,#f9fbff);border-radius:28px;padding:28px 32px;border:1px solid rgba(0,0,83,.08);box-shadow:0 32px 80px rgba(0,0,83,.18);overflow:hidden}.permission-modal-card:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,#000053,#4ba8f0 55%,#f18917)}.permission-modal-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border:none;border-radius:999px;background:transparent;color:#000053;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.permission-modal-layout{display:flex;align-items:center;gap:18px}.permission-modal-content,.permission-modal-visual{flex:1 1 50%}.permission-modal-content{display:flex;flex-direction:column;justify-content:center;gap:14px;color:#4a4f6b}.permission-modal-content h2{margin:0;color:#000053;font-family:Poppins,sans-serif;font-size:clamp(1.8rem,2.2vw,2.65rem);font-weight:600;line-height:1.2}.permission-modal-content p{margin:0;color:#5f6787;font-size:1rem;line-height:1.55}.permission-modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:14px;max-width:280px}.permission-primary-btn,.permission-secondary-btn{min-height:56px;border-radius:999px;font-size:1rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.permission-primary-btn{border:none;background:linear-gradient(135deg,#000053,#153f9f);color:#fff;box-shadow:0 16px 30px rgba(0,0,83,.22)}.permission-secondary-btn{border:1.5px solid #000053;background:rgba(255,255,255,.92);color:#000053}.permission-modal-close:hover,.permission-primary-btn:hover,.permission-secondary-btn:hover{transform:translateY(-1px)}.permission-secondary-btn:hover{background:rgba(241,137,23,.08)}.permission-modal-close:hover{background:rgba(0,0,83,.06)}.permission-primary-btn:disabled,.permission-secondary-btn:disabled{cursor:wait;opacity:.72}.permission-instruction-list{margin:0;padding-left:1.4rem;color:#4a4f6b;font-size:1.15rem;line-height:1.7}.permission-art{width:100%;min-height:330px}.permission-art-backdrop{position:absolute;inset:14px 18px 24px;border-radius:34px;background:radial-gradient(circle at top left,rgba(75,168,240,.22),transparent 38%),radial-gradient(circle at top right,rgba(241,137,23,.16),transparent 34%),linear-gradient(180deg,#f7f9ff,#eef3ff);border:1px solid rgba(0,0,83,.06)}.browser-backdrop{inset:18px 12px 28px;border-radius:36px}.permission-art-prompt{display:flex;align-items:center;justify-content:center;padding-top:0}.permission-art-kicker{position:absolute;top:18px;left:34px;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,83,.08);color:#000053;font-size:.86rem;font-weight:700;letter-spacing:.01em;box-shadow:0 14px 28px rgba(0,0,83,.1)}.permission-art-kicker-blocked{background:rgba(255,244,232,.96);color:#9a4b07;border-color:rgba(241,137,23,.2)}.permission-art-glow{position:absolute;border-radius:999px;filter:blur(8px)}.permission-art-glow-left{width:210px;height:210px;left:42px;top:42px;background:radial-gradient(circle,rgba(75,168,240,.22) 0,transparent 68%)}.permission-art-glow-right{width:180px;height:180px;right:52px;top:30px;background:radial-gradient(circle,rgba(241,137,23,.18) 0,transparent 70%)}.permission-art-window{position:absolute;left:62px;right:72px;top:38px;bottom:48px;border-radius:28px;background:rgba(255,255,255,.95);border:1px solid rgba(0,0,83,.08);box-shadow:0 28px 54px rgba(0,0,83,.14);overflow:hidden}.permission-art-window-bar{height:34px;display:flex;align-items:center;gap:7px;padding:0 16px;background:linear-gradient(90deg,rgba(238,240,255,.95),rgba(247,250,255,.95));border-bottom:1px solid rgba(0,0,83,.06)}.permission-art-window-bar span{width:8px;height:8px;border-radius:999px;background:rgba(0,0,83,.22)}.permission-art-window-body{position:relative;height:calc(100% - 34px);padding:18px;background:radial-gradient(circle at top left,rgba(75,168,240,.12),transparent 32%),linear-gradient(180deg,#ffffff,#f6f9ff)}.permission-art-window-label{position:absolute;top:16px;left:18px;z-index:2;color:rgba(0,0,83,.7);font-size:.82rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.permission-art-main-tile{position:absolute;inset:42px 96px 46px 18px;border-radius:24px;background:linear-gradient(145deg,#000053,#163f98);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.permission-art-main-tile:before{content:"";position:absolute;inset:auto auto -24px -24px;width:130px;height:130px;border-radius:999px;background:rgba(75,168,240,.22)}.permission-art-screen-indicator{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.permission-art-screen-indicator-main{top:16px;right:16px}.permission-art-screen-indicator-side{top:10px;right:10px;padding:5px 7px}.permission-art-screen-indicator-icon{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#ffffff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18)}.permission-art-screen-indicator-side .permission-art-screen-indicator-icon{width:22px;height:22px}.permission-art-main-avatar{position:absolute;left:28px;top:26px;width:84px;height:84px;border-radius:999px;background:linear-gradient(180deg,#ffffff,#dbe7ff)}.permission-art-main-avatar-ring{position:absolute;inset:8px;border-radius:999px;background:linear-gradient(145deg,#4ba8f0,#f18917)}.permission-art-main-lines{position:absolute;left:28px;right:30px;bottom:28px;display:flex;flex-direction:column;gap:10px}.permission-art-main-lines span{height:10px;border-radius:999px;background:rgba(255,255,255,.82)}.permission-art-main-lines span:last-child{width:68%}.permission-art-device-pill{position:absolute;left:24px;top:122px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);color:#ffffff;font-size:.86rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.permission-art-side-tile{position:absolute;top:42px;right:18px;width:92px;height:112px;border-radius:22px;background:linear-gradient(180deg,#fff4e8,#ffffff);border:1px solid rgba(241,137,23,.18);box-shadow:0 16px 28px rgba(0,0,83,.08)}.permission-art-side-avatar{position:absolute;inset:18px;border-radius:18px;background:linear-gradient(180deg,#f18917,#d95f14)}.permission-art-bottom-bar{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;justify-content:center;gap:10px}.permission-art-bottom-bar span{width:34px;height:34px;border-radius:999px;background:#ffffff;border:1px solid rgba(0,0,83,.08);box-shadow:0 8px 18px rgba(0,0,83,.08)}.permission-art-control-btn{display:inline-flex;align-items:center;justify-content:center;color:#6a728f}.permission-art-control-btn.active-camera,.permission-art-control-btn.active-microphone{color:#ffffff;border-color:transparent}.permission-art-control-btn.active-camera{background:linear-gradient(145deg,#4ba8f0,#000053)}.permission-art-control-btn.active-microphone{background:linear-gradient(145deg,#f18917,#d95f14)}.permission-art-control-btn-neutral{background:rgba(255,255,255,.9)!important;color:#000053}.permission-art-status-card{position:absolute;left:28px;bottom:56px;display:flex;flex-direction:column;gap:10px;width:214px;padding:14px;border-radius:20px;background:rgba(255,255,255,.94);border:1px solid rgba(0,0,83,.08);box-shadow:0 20px 34px rgba(0,0,83,.12)}.permission-art-status-card-title{color:#000053;font-size:.84rem;font-weight:700;line-height:1.35}.permission-art-status-chip{display:flex;gap:10px;min-width:100%;padding:10px 12px;background:rgba(238,242,255,.82);font-size:.9rem;font-weight:600}.permission-art-icon,.permission-art-status-chip{align-items:center;border-radius:16px;color:#000053}.permission-art-icon{width:46px;height:46px;display:inline-flex;justify-content:center;border:2px solid rgba(0,0,83,.8);background:#ffffff;box-shadow:0 14px 28px rgba(0,0,83,.12)}.permission-art-status-chip.active{background:linear-gradient(90deg,rgba(255,244,232,.95),rgba(255,255,255,.95));box-shadow:inset 0 0 0 1px rgba(241,137,23,.2)}.permission-art-status-note{color:#66708f;font-size:.78rem;line-height:1.45}.permission-art-icon.active-camera{background:linear-gradient(145deg,#4ba8f0,#000053);color:#ffffff}.permission-art-icon.active-microphone{background:linear-gradient(145deg,#f18917,#d95f14);color:#ffffff}.permission-art-floating-badge{position:absolute;padding:8px;border-radius:22px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,83,.08);box-shadow:0 18px 30px rgba(0,0,83,.12)}.permission-art-floating-badge-primary{top:24px;right:26px}.permission-art-floating-badge-secondary{right:34px;bottom:40px}.permission-art-permission-sheet{position:absolute;right:18px;bottom:24px;z-index:3;width:220px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.95);border:1px solid rgba(0,0,83,.08);box-shadow:0 20px 34px rgba(0,0,83,.14)}.permission-art-permission-sheet-label{margin-bottom:10px;color:#5f6787;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.permission-art-permission-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.permission-art-permission-device{display:inline-flex;align-items:center;gap:8px;color:#000053;font-size:.88rem;font-weight:600}.permission-art-permission-allow{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:8px 12px;border-radius:999px;background:rgba(34,197,94,.12);color:#167c43;font-size:.8rem;font-weight:700}.permission-art-browser{display:flex;align-items:center;justify-content:center}.permission-browser-helper-card{position:absolute;top:64px;left:26px;z-index:4;width:190px;padding:16px 16px 14px;border-radius:18px;background:rgba(255,255,255,.96);border:1px solid rgba(241,137,23,.18);box-shadow:0 18px 32px rgba(0,0,83,.1)}.permission-browser-helper-title{margin-bottom:6px;color:#000053;font-size:.98rem;font-weight:700}.permission-browser-helper-text{color:#5f6787;font-size:.82rem;line-height:1.5}.permission-browser-frame{position:relative;width:360px;height:228px;border:2px solid rgba(0,0,83,.62);border-radius:18px 18px 0 0;overflow:hidden;background:#fff;box-shadow:0 20px 44px rgba(0,0,83,.12);z-index:2}.permission-browser-step-badge{position:absolute;top:122px;left:236px;width:28px;height:28px;border-radius:999px;background:#000053;color:#fff;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(0,0,83,.16);z-index:5}.permission-browser-step-badge-two{top:188px;left:346px;background:#f18917}.permission-browser-toolbar{display:flex;gap:8px;padding:14px 16px;border-bottom:2px solid rgba(0,0,83,.2)}.permission-browser-toolbar span{width:12px;height:12px;border-radius:999px}.permission-browser-toolbar span:first-child{background:#f18917}.permission-browser-toolbar span:nth-child(2){background:#4ba8f0}.permission-browser-toolbar span:nth-child(3){background:#000053}.permission-browser-address{position:relative;height:44px;border-bottom:2px solid rgba(75,168,240,.22);background:linear-gradient(90deg,#fff,#fff 22%,#eef0ff 0,#eef0ff)}.permission-browser-lock-line{position:absolute;left:18px;top:14px;width:92px;height:12px;border-radius:999px;background:rgba(0,0,83,.09)}.permission-browser-page-info{position:absolute;top:-10px;left:132px;width:84px;height:84px;border-radius:999px;background:rgba(255,255,255,.95);border:2px solid rgba(0,0,83,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 34px rgba(0,0,83,.12)}.permission-browser-settings{padding:32px 18px 0;display:flex;flex-direction:column;gap:14px}.permission-browser-setting{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.88);border:1px solid rgba(0,0,83,.08)}.permission-browser-setting.active{border-color:rgba(241,137,23,.42);box-shadow:0 10px 24px rgba(241,137,23,.12);background:linear-gradient(90deg,rgba(255,244,232,.95),rgba(255,255,255,.95))}.setting-icon{width:28px;color:#f18917;flex-shrink:0}.setting-label{min-width:92px;color:#000053;font-size:.92rem;font-weight:600}.setting-toggle{width:54px;height:18px;border-radius:999px;background:rgba(75,168,240,.24);position:relative}.setting-toggle:after{content:"";position:absolute;top:-4px;left:-2px;width:26px;height:26px;border-radius:999px;background:#fff4e8;border:1px solid rgba(0,0,83,.24)}.setting-status{color:#1e8e5a;font-size:.82rem;font-weight:700;margin-left:auto}.permission-browser-callout{position:absolute;top:52px;left:230px;padding:7px 12px;border-radius:999px;background:#ffffff;border:1px solid rgba(0,0,83,.14);color:#000053;font-size:.8rem;font-weight:600;box-shadow:0 10px 24px rgba(0,0,83,.08);white-space:nowrap;z-index:6}.permission-browser-callout:after{content:"";position:absolute;left:-7px;top:50%;width:12px;height:12px;background:#ffffff;border-left:1px solid rgba(0,0,83,.14);border-bottom:1px solid rgba(0,0,83,.14);transform:translateY(-50%) rotate(45deg)}.permission-browser-pointer{position:absolute;left:205px;top:96px;width:92px;height:2px;background:linear-gradient(90deg,rgba(0,0,83,.18),rgba(0,0,83,.62) 28%,rgba(0,0,83,.62));z-index:5}.permission-browser-pointer:after{content:"";position:absolute;right:-2px;top:50%;width:10px;height:10px;border-top:2px solid rgba(0,0,83,.62);border-right:2px solid rgba(0,0,83,.62);transform:translateY(-50%) rotate(45deg)}.permission-browser-pointer:before{content:"";position:absolute;left:-18px;top:50%;width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.95);border:2px solid rgba(0,0,83,.22);box-shadow:0 8px 18px rgba(0,0,83,.08);transform:translateY(-50%)}.permission-browser-highlight{position:absolute;top:98px;left:228px;width:138px;height:138px;border-radius:999px;background:radial-gradient(circle,rgba(241,137,23,.18) 0,rgba(75,168,240,.08) 42%,transparent 70%);z-index:1}.permission-browser-status-card{position:absolute;right:24px;bottom:18px;z-index:4;width:204px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.96);border:1px solid rgba(0,0,83,.08);box-shadow:0 18px 32px rgba(0,0,83,.1)}.permission-browser-status-title{margin-bottom:8px;color:#000053;font-size:.9rem;font-weight:700}.permission-browser-status-pill{display:inline-flex;align-items:center;gap:8px;color:#5f6787;font-size:.8rem;font-weight:600;line-height:1.45}.permission-browser-status-dot{width:10px;height:10px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.12);flex:0 0 auto}.permission-modal-overlay .permission-primary-btn{width:100%}@media (max-width:900px){.permission-modal-card{padding:22px 20px}.permission-modal-layout{flex-direction:column;align-items:stretch;gap:10px}.permission-modal-content{align-items:center;text-align:center}.permission-modal-actions{width:100%;max-width:320px}.permission-instruction-list{text-align:left}.permission-art{display:flex;flex-direction:column;gap:14px;min-height:auto}.permission-art-permission-sheet,.permission-art-status-card,.permission-browser-helper-card,.permission-browser-status-card{position:static;width:100%}.permission-art-window{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-height:260px}.permission-art-floating-badge-primary{top:62px;right:18px}.permission-art-floating-badge-secondary{right:24px;bottom:112px}.permission-browser-step-badge{top:146px;left:214px}.permission-browser-step-badge-two{top:212px;left:282px}.permission-browser-highlight{top:122px;left:192px}}@media (max-width:640px){.permission-modal-overlay{padding:12px}.permission-modal-card{border-radius:20px;padding:18px 16px}.permission-modal-content h2{font-size:1.7rem}.permission-instruction-list,.permission-modal-content p{font-size:1rem}.permission-art{min-height:250px}.permission-browser-frame{width:300px;height:210px}.permission-art-kicker{left:18px}.permission-browser-step-badge{top:142px;left:180px}.permission-browser-step-badge-two{top:198px;left:246px}.permission-art-main-tile{inset:42px 76px 46px 14px}.permission-art-side-tile{width:74px;right:14px}.permission-art-device-pill{left:16px;right:16px;top:116px;justify-content:center}.permission-art-floating-badge-primary{right:12px}.permission-art-floating-badge-secondary{right:16px;bottom:108px}.permission-browser-page-info{left:108px}.setting-label{min-width:72px;font-size:.84rem}.setting-status{font-size:.75rem}.permission-browser-callout{top:54px;left:176px;font-size:.72rem}.permission-browser-pointer{left:160px;top:88px;width:70px}}.permission-art{position:relative;overflow:hidden}.permission-art-backdrop-img{position:absolute;inset:0;z-index:0}.permission-art-backdrop-img img{width:100%;height:100%;object-fit:cover;opacity:.9}.permission-art>:not(.permission-art-backdrop-img){position:relative;z-index:1}.join-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border-radius:10px;border:1px solid #e2e8f0;font-size:.95rem;outline:none;color:#1e293b;background-color:#ffffff;transition:border-color .2s}.join-input:focus{border-color:#4ba8f0!important}.join-button{width:100%;padding:1rem!important;border-radius:10px!important;background:#4ba8f0!important;color:white!important;border:none!important;font-size:1rem!important;font-weight:600!important;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;box-shadow:0 4px 12px rgba(75,168,240,.2);transition:all .2s ease!important}.join-button:hover{background:#3997df!important;transform:translateY(-1px);box-shadow:0 6px 15px rgba(75,168,240,.25)!important}.security-text{margin-top:1.5rem;display:flex;align-items:center;gap:.35rem;color:#94a3b8;font-size:.75rem;text-align:center;justify-content:center;flex-wrap:wrap;line-height:1.4}@media (max-width:767px){.security-text{font-size:.7rem!important;margin-top:1rem!important;gap:.25rem!important;padding:0 .5rem!important}.security-text svg{width:10px!important;height:10px!important;flex-shrink:0}}@media (max-width:480px){.security-text{font-size:.65rem!important;margin-top:.75rem!important;padding:0!important}}
/*# sourceMappingURL=4fbbdcef320f7172.css.map*/