.chat-panel{display:flex;flex-direction:column;height:100%;background:var(--background-elevated)}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--foreground-muted);text-align:center;padding:40px 20px}.chat-empty svg{opacity:.5}.chat-empty p{margin:0;font-size:16px;font-weight:500;color:var(--foreground-secondary)}.chat-empty span{font-size:14px}.date-divider{display:flex;justify-content:center;margin:16px 0 12px}.date-divider span{background:color-mix(in srgb,var(--muted) 80%,transparent);color:var(--foreground-muted);padding:6px 12px;border-radius:12px;font-size:12px;font-weight:500;letter-spacing:.3px}.message-group{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.message-group.local{align-items:flex-end}.message-group.remote{align-items:flex-start}.message-sender-name{color:var(--foreground-secondary);font-size:13px;font-weight:500;margin-bottom:4px;margin-left:12px}.message-bubbles{display:flex;flex-direction:column;gap:2px;max-width:75%}.local .message-bubbles{align-items:flex-end}.remote .message-bubbles{align-items:flex-start}.message-bubble{display:inline-flex;flex-direction:column;padding:10px 14px;border-radius:16px;word-wrap:break-word;animation:slideIn .2s ease}.local .message-bubble{background:var(--primary);color:var(--primary-foreground);border-bottom-right-radius:4px}.remote .message-bubble{background:var(--muted);color:var(--foreground);border-bottom-left-radius:4px}.message-content{font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.message-time{font-size:11px;margin-top:4px;align-self:flex-end;opacity:.7}.local .message-time{color:var(--primary-foreground)}.remote .message-time{color:var(--foreground-muted)}.chat-input-container{padding:12px 16px;border-top:1px solid var(--border);background:var(--background)}.chat-input-form{display:flex;align-items:flex-end;gap:8px;background:var(--background-elevated);border:1px solid var(--border);border-radius:24px;padding:8px 12px;transition:all .2s ease}.chat-input-form:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.chat-attach-button{width:36px;height:36px;min-width:36px;border:none;background:transparent;color:var(--foreground-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0;align-self:center}.chat-attach-button:hover{background:var(--muted);color:var(--foreground)}.chat-attach-button:active{transform:scale(.95)}.chat-input{flex:1;border:none;background:transparent;color:var(--foreground);font-size:14px;font-family:inherit;resize:none;outline:none;min-height:20px;max-height:120px;padding:8px 4px;line-height:1.4;align-self:center}.chat-input::-moz-placeholder{color:var(--foreground-muted)}.chat-input::placeholder{color:var(--foreground-muted)}.chat-send-button{width:36px;height:36px;min-width:36px;min-height:36px;border:none;background:transparent;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;align-self:center}.chat-send-button:hover:not(:disabled){color:var(--primary-dark);transform:scale(1.1)}.chat-send-button:active:not(:disabled){transform:scale(.95)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.chat-messages{padding:12px}.message-bubbles{max-width:85%}.chat-input-container{padding:10px 12px}}.control-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:0;border:none;border-radius:50%;background:var(--controlbar-button);color:var(--foreground);cursor:pointer;transition:background .2s ease,opacity .2s ease;font-family:inherit;font-size:14px;font-weight:500;white-space:nowrap;transform:translateZ(0);backface-visibility:hidden;box-shadow:none;width:3rem;height:3rem}.light .control-button{background:#f3f4f6}.control-button:hover{background:var(--controlbar-button-hover)}.control-button:active{background:var(--controlbar-button-hover);opacity:.9}.control-button.active{background:var(--primary);color:var(--primary-foreground)}.control-button.inactive{background:var(--destructive);color:var(--destructive-foreground)}.control-button.inactive:hover{background:var(--destructive-dark)}.control-button.size-small{width:2.5rem;height:2.5rem}.control-button.size-large{width:3.5rem;height:3.5rem}.control-button.leave-button{border-radius:24px;padding:0 20px;width:auto;background:var(--destructive);color:var(--destructive-foreground)}.control-button.leave-button:hover{background:var(--destructive-dark)}.control-button.leave-button .control-button-label{margin-left:6px}.control-button .control-button-label{display:inline-block}.control-button:focus-visible{outline:none;box-shadow:0 0 0 2px #235dff80}.control-button:disabled{opacity:.5;cursor:not-allowed}.control-button:disabled:hover{background:var(--controlbar-button)}.control-button-dropdown-wrapper{position:relative;display:inline-flex;align-items:center;gap:0;background:transparent;border-radius:50px;overflow:visible;height:48px;transition:background .15s ease;box-shadow:none}.control-button-dropdown-wrapper.size-small{height:40px}.control-button-dropdown-wrapper.size-large{height:56px}.control-button-dropdown-wrapper.inactive .control-button-main{background:var(--destructive);color:var(--destructive-foreground)}.control-button-dropdown-wrapper.inactive .control-button-main:hover{background:var(--destructive-dark)}.dropdown-trigger-container{position:relative;display:flex;align-items:center;height:100%;background:#252a33;border-radius:50% 0 0 50%;padding-left:8px;box-shadow:none}.light .dropdown-trigger-container{background:#e5e7eb}.button-circle-wrapper{display:flex;align-items:center;justify-content:center;height:100%;background:#252a33;border-radius:0 50% 50% 0;box-shadow:none}.light .button-circle-wrapper{background:#e5e7eb}.control-button-main{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:var(--controlbar-button);color:var(--foreground);cursor:pointer;transition:background .15s ease;width:3rem;height:3rem;border-radius:50%;transform:translateZ(0);backface-visibility:hidden;box-shadow:none}.light .control-button-main{background:#f3f4f6}.control-button-main:hover{background:var(--controlbar-button-hover)}.control-button-main:focus-visible{outline:none}.control-button-main.size-small{width:2.5rem;height:2.5rem}.control-button-main.size-large{width:3.5rem;height:3.5rem}.control-button-dropdown-trigger{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--foreground);cursor:pointer;transition:color .15s ease;width:32px;height:100%;transform:translateZ(0);backface-visibility:hidden;box-shadow:none}.control-button-dropdown-trigger:hover{color:var(--primary)}.control-button-dropdown-trigger:focus-visible{outline:none}.control-button-dropdown-trigger svg{transition:transform .2s ease}.control-button-dropdown-trigger svg.rotated{transform:rotate(180deg)}.control-button-dropdown-trigger.size-small{width:28px}.control-button-dropdown-trigger.size-large{width:36px}.control-button-dropdown-menu{position:fixed;left:50%;transform:translate(-50%);min-width:240px;max-width:90vw;min-height:100px;background:var(--background-elevated);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;z-index:999999;animation:dropdownFadeIn .2s ease;max-height:400px;overflow-y:auto}@media (min-width: 769px){.control-button-dropdown-menu{bottom:120px;max-height:calc(100vh - 140px)}}@media (max-width: 768px){.control-button-dropdown-menu{bottom:55px;min-width:280px;width:-moz-max-content;width:max-content;max-width:calc(100vw - 32px);max-height:calc(100vh - 75px)}}@media (max-width: 360px){.control-button-dropdown-menu{min-width:260px;max-width:calc(100vw - 24px);font-size:13px;max-height:calc(100vh - 75px)}}.control-button-dropdown-menu::-webkit-scrollbar{width:6px}.control-button-dropdown-menu::-webkit-scrollbar-track{background:transparent}.control-button-dropdown-menu::-webkit-scrollbar-thumb{background:var(--muted);border-radius:3px}.control-button-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--border)}.custom-setup-container .control-button-dropdown-menu,.setup-media-controls .control-button-dropdown-menu{bottom:auto;overflow-y:auto}@media (min-width: 769px) and (min-height: 601px){.custom-setup-container .control-button-dropdown-menu,.setup-media-controls .control-button-dropdown-menu{position:absolute;top:calc(100% + 12px);transform:translate(-50%);max-height:min(500px,100vh - 440px)}}@media (max-width: 768px) and (orientation: portrait){.custom-setup-container .control-button-dropdown-menu,.setup-media-controls .control-button-dropdown-menu{position:fixed!important;top:50%!important;bottom:auto!important;left:50%!important;transform:translate(-50%,-50%)!important;max-height:min(450px,100vh - 100px);animation:dropdownFadeInCentered .2s ease}}@media (max-width: 360px) and (orientation: portrait){.custom-setup-container .control-button-dropdown-menu,.setup-media-controls .control-button-dropdown-menu{max-height:min(400px,100vh - 100px)}}@media (max-height: 600px) and (orientation: landscape){.custom-setup-container .control-button-dropdown-menu,.setup-media-controls .control-button-dropdown-menu{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;max-height:min(400px,100vh - 80px);animation:dropdownFadeInCentered .2s ease!important;will-change:transform,opacity}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes dropdownFadeInCentered{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dropdown-menu-header{padding:8px 12px 6px;font-size:11px;font-weight:600;color:var(--foreground-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.dropdown-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--foreground);font-size:14px;font-weight:400;text-align:left;cursor:pointer;transition:background .15s ease;margin-bottom:2px}.dropdown-menu-item:hover{background:var(--muted)}.dropdown-menu-item.selected{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-weight:500;border:1px solid color-mix(in srgb,var(--primary) 30%,transparent)}.dropdown-menu-item.selected:hover{background:color-mix(in srgb,var(--primary) 18%,transparent);border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.dropdown-menu-item.selected .checkmark{color:var(--primary);font-size:18px;font-weight:700}.dropdown-menu-item .device-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.dropdown-menu-item .checkmark{flex-shrink:0;font-size:18px;font-weight:700}@media (max-width: 480px){.dropdown-menu-item{padding:12px 10px;font-size:14px}}@media (max-width: 360px){.dropdown-menu-item{padding:10px 8px;font-size:13px}}.meeting-loading{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:var(--background);color:var(--foreground-secondary);font-size:16px}rtk-participant-tile[data-speaking=true],rtk-participant-tile.speaking{box-shadow:0 0 0 3px #235dff ! important,0 0 20px #235dff80!important;transition:box-shadow .3s ease}.custom-meeting-container{display:flex;flex-direction:row;height:100vh;width:100vw;background:var(--background);position:relative;overflow:hidden}.meeting-main-area{display:flex;flex-direction:column;flex:1;overflow:hidden;background:var(--background)}.custom-meeting-view{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--background);position:relative;overflow:hidden;max-width:100vw;box-sizing:border-box}.participants-grid-container{flex:1;display:flex;flex-direction:row;overflow:visible;position:relative;padding:24px;gap:16px;min-height:0;max-height:calc(100vh - 120px)}.participants-grid{flex:1;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));grid-auto-rows:minmax(0,1fr);align-content:start;overflow:hidden;max-height:100%;padding:1rem}@media (max-height: 400px){.participants-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px;padding:.5rem}}@media (min-height: 500px){.participants-grid:has(.mock-participant-tile:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}.participants-grid.mobile-landscape{grid-auto-rows:1fr;padding:.5rem;gap:12px;grid-template-columns:1fr!important}.participants-grid.mobile-landscape:has(.mock-participant-tile:nth-child(2)){grid-template-columns:repeat(2,1fr)!important}.participants-grid.pinned-layout{flex:1;display:flex;align-items:center;justify-content:center;grid-template-columns:none;grid-auto-rows:none;max-height:100%;overflow:hidden}.participants-grid.pinned-layout .pinned-participant{width:100%;height:100%;max-height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.participants-grid.pinned-layout .pinned-participant .mock-participant-tile{position:relative;max-width:100%;max-height:100%;width:auto;height:auto;min-width:400px;min-height:225px;aspect-ratio:16/9}.participants-grid.pinned-layout .pinned-participant .mock-participant-tile .mock-participant-video{width:100%;height:100%}.participants-sidebar{width:200px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:visible;flex-shrink:0;padding:1rem}.meeting-grid-container{flex:1;overflow:hidden;position:relative}.controlbar-wrapper{position:relative;transform:translateY(0);transition:transform .3s ease-in-out;z-index:1000}.controlbar-wrapper.auto-hide-mode{position:fixed;bottom:0;left:0;right:0}.controlbar-wrapper.auto-hide-mode.controls-hidden{transform:translateY(100%)}.custom-controlbar{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 32px;background:transparent;border-top:none;min-height:88px;flex-wrap:wrap;box-shadow:none;position:relative}.controlbar-section{display:flex;align-items:center;gap:12px}.controlbar-center{display:flex;align-items:center;gap:16px;flex:0 0 auto;justify-content:center;position:relative;z-index:1000;overflow:visible}.desktop-controls{display:flex;align-items:center;gap:16px}.mobile-more-menu{display:none}.connection-quality{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;background:#ffffff1a;font-size:12px;color:#fffc}.quality-icon{display:flex;align-items:center;justify-content:center}.quality-text{font-weight:500;text-transform:capitalize}.spotlight-layout{display:flex;flex-direction:row;height:100%;width:100%;gap:8px;padding:8px}.spotlight-main .mock-participant-tile{width:100%;height:100%;cursor:pointer;transition:transform .2s ease}.spotlight-main .mock-participant-tile:hover .unpin-indicator{opacity:1}.spotlight-main .mock-participant-video{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px}.spotlight-main video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.spotlight-sidebar{width:180px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:4px}.spotlight-sidebar .mock-participant-tile{width:100%;aspect-ratio:16/9;cursor:pointer;border-radius:8px;overflow:hidden;transition:box-shadow .2s ease}.spotlight-sidebar .mock-participant-tile:hover{box-shadow:0 4px 12px #0000004d}.spotlight-sidebar video{-o-object-fit:cover;object-fit:cover}.unpin-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:24px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.mock-video-grid .mock-participant-tile{transition:box-shadow .2s ease;cursor:pointer}.mock-video-grid .mock-participant-tile:hover{box-shadow:0 4px 12px #0003}@media (max-width: 1024px){.custom-controlbar{padding:16px 24px;gap:12px}}@media (max-width: 900px){.desktop-controls{display:none}.mobile-more-menu{display:block}}@media (max-width: 768px){.custom-controlbar{padding:12px 16px;gap:8px;min-height:72px}.spotlight-layout{flex-direction:column}.spotlight-sidebar{width:100%;flex-direction:row;height:120px;overflow-x:auto;overflow-y:hidden}.spotlight-sidebar .mock-participant-tile{width:120px;flex-shrink:0}}@supports (-webkit-touch-callout: none){.custom-meeting-view,.meeting-fullscreen{height:100vh;height:-webkit-fill-available}}.floating-local-video{position:absolute;z-index:100;width:240px;max-width:30vw;aspect-ratio:16/9;cursor:pointer;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.floating-local-video:hover{box-shadow:0 6px 16px #0006}.floating-local-video.top-left{top:24px;left:24px}.floating-local-video.top-right{top:24px;right:24px}.floating-local-video.bottom-left{bottom:120px;left:24px}.floating-local-video.bottom-right{bottom:120px;right:24px}.floating-local-video .mock-participant-tile{width:100%;height:100%;margin:0;border-radius:12px}.floating-local-video .mock-participant-name{font-size:12px}.floating-local-video .mock-you-badge{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}@media (max-width: 768px){.floating-local-video{width:120px;max-width:35vw}.floating-local-video.top-left,.floating-local-video.top-right{top:12px}.floating-local-video.top-left,.floating-local-video.bottom-left{left:12px}.floating-local-video.top-right,.floating-local-video.bottom-right{right:12px}.floating-local-video.bottom-left,.floating-local-video.bottom-right{bottom:80px}}@media (max-width: 400px){.custom-controlbar{padding:8px 12px;gap:8px;min-height:auto}.controlbar-center{flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%}.controlbar-center>:nth-child(1),.controlbar-center>:nth-child(2){order:1}.controlbar-center>:nth-child(2):after{content:"";flex-basis:100%;height:0;order:1}.mobile-more-menu{order:2}.controlbar-center>:last-child{order:2}}@media (max-width: 768px) and (orientation: portrait){.custom-meeting-view{height:100dvh}.participants-grid-container{flex-direction:column;padding:4px;gap:4px;max-height:calc(100dvh - 70px)}.participants-grid{padding:4px}.participants-sidebar{width:100%!important;height:auto!important;max-height:110px!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:visible!important;gap:6px!important;padding:4px!important;max-width:100vw!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important}.participants-sidebar .mock-participant-tile{width:140px!important;height:105px!important;flex-shrink:0!important}.participants-sidebar::-webkit-scrollbar{height:3px;width:auto}.participants-sidebar::-webkit-scrollbar-track{background:#0000001a;border-radius:2px}.participants-sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.participants-sidebar::-webkit-scrollbar-thumb:hover{background:#fff6}.participants-grid.pinned-layout{flex:1;min-height:0;overflow:hidden;padding:0}.participants-grid.pinned-layout .pinned-participant{width:100%;height:100%}.participants-grid.pinned-layout .pinned-participant .mock-participant-tile{min-width:200px;min-height:113px;max-height:100%;width:100%;height:100%}.custom-controlbar{padding:6px 8px;gap:6px;min-height:64px}.floating-local-video.bottom-right{bottom:12px;right:12px}.floating-local-video.bottom-left{bottom:12px;left:12px}}@media (max-height: 600px) and (orientation: landscape){.custom-meeting-view{justify-content:space-between}.participants-grid-container{padding:0;gap:4px;max-height:none}.participants-sidebar{max-height:unset;padding:.25rem}.participants-sidebar .mock-participant-tile{width:120px;height:90px}.custom-controlbar{padding-top:0}.participants-grid.pinned-layout .pinned-participant .mock-participant-tile{min-width:200px;min-height:113px;max-height:calc(100vh - 140px)}}.mock-meeting-wrapper{position:relative;width:100%;height:100vh}.mock-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;padding:8px 16px;text-align:center;font-weight:600;font-size:14px;z-index:9999;box-shadow:0 2px 8px #0000004d;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:16px}.mock-banner span{display:inline-flex;align-items:center;gap:8px}.mock-banner-close{position:absolute;right:16px;background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mock-banner-close:hover{background:#ffffff4d;transform:scale(1.1)}.mock-banner-close:active{transform:scale(.95)}.mock-setup-wrapper{position:relative;width:100%;height:100%}.mock-setup-overlay{position:fixed;bottom:20px;left:20px;z-index:9998;cursor:pointer}.mock-info-panel{position:relative;background:#14141ef2;border:2px solid rgba(147,51,234,.5);border-radius:12px;padding:20px;max-width:320px;backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080;animation:slideInLeft .5s ease;cursor:default}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mock-panel-close{position:absolute;top:12px;right:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mock-panel-close:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.mock-panel-close:active{transform:scale(.95)}.mock-info-panel h3{margin:0 0 12px;color:#9333ea;font-size:16px;font-weight:600;padding-right:30px}.mock-info-panel p{margin:8px 0;color:#e0e0e0;font-size:13px;line-height:1.5}.mock-info-panel ul{margin:12px 0;padding-left:20px;color:#e0e0e0;font-size:13px}.mock-info-panel li{margin:6px 0}.mock-note{background:#9333ea26;border-left:3px solid #9333ea;padding:10px 12px;margin-top:12px!important;border-radius:4px;font-size:12px!important}.mock-meeting-wrapper-inner{position:relative;width:100%;height:100%}.mock-meeting-wrapper-inner:has(.pinned-layout){display:flex;flex-direction:row;gap:0}.mock-video-grid{position:relative;display:grid;gap:16px;padding:24px;height:calc(100vh - 100px);width:100%;box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));grid-auto-rows:minmax(0,1fr);align-content:start;justify-content:center;overflow:hidden}.mock-video-grid:has(.mock-participant-tile:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}@media (max-width: 1200px){.mock-video-grid{grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr))}.mock-video-grid:has(.mock-participant-tile:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.mock-video-grid{grid-template-columns:1fr;gap:12px;padding:16px;height:calc(100vh - 90px)}}.mock-video-grid.pinned-layout{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px}.mock-video-grid.pinned-layout .pinned-participant{width:100%;height:100%;max-width:none;max-height:none;display:flex;align-items:center;justify-content:center}.participants-sidebar{width:200px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:visible;padding:1rem;max-height:calc(100vh - 100px)}.participants-sidebar .mock-participant-tile{width:100%;height:150px;flex-shrink:0}.participants-sidebar::-webkit-scrollbar{width:6px}.participants-sidebar::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.participants-sidebar::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.participants-sidebar::-webkit-scrollbar-thumb:hover{background:#00000080}.spotlight-layout{display:flex;flex-direction:row;height:calc(100% - 88px);width:100%;gap:8px;padding:8px}.spotlight-main{flex:1;display:flex;align-items:center;justify-content:center;background:#000;border-radius:8px;overflow:hidden;position:relative}.spotlight-main .mock-participant-tile{width:100%;height:100%;border-radius:8px}.spotlight-sidebar{width:180px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:visible;padding:4px}.spotlight-sidebar .mock-participant-tile{width:100%;height:140px;flex-shrink:0}.spotlight-sidebar::-webkit-scrollbar{width:6px}.spotlight-sidebar::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.spotlight-sidebar::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.spotlight-sidebar::-webkit-scrollbar-thumb:hover{background:#00000080}.mock-participant-tile{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;overflow:visible;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;min-height:0;max-height:100%}.light .mock-participant-tile{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.mock-video-grid .mock-participant-tile{height:100%;width:100%}.mock-camera-off-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background:linear-gradient(135deg,#1a1a2e,#16213e)}.light .mock-camera-off-placeholder{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.mock-camera-off-placeholder .camera-off-logo{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.mock-camera-off-placeholder .mock-video-label{color:var(--foreground-muted);font-size:14px;font-weight:500}.mock-participant-tile.speaking{box-shadow:0 0 0 3px #235dff,0 0 20px #235dff80}.mock-participant-tile.local:not(.screen-share) video{transform:scaleX(-1)}.mock-participant-tile.pip-video{position:absolute;width:200px;height:150px;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #00000080}.mock-participant-tile.pip-video.speaking{box-shadow:0 0 0 3px #235dff,0 0 20px #235dff80,0 8px 24px #00000080}.mock-participant-tile.pip-video.dragging{transition:none;box-shadow:0 12px 36px #000000b3;transform:scale(1.05)}.mock-participant-tile.pip-video.dragging.speaking{box-shadow:0 0 0 3px #235dff,0 0 20px #235dff80,0 12px 36px #000000b3}.mock-participant-tile.pip-video.top-left{top:24px;left:24px}.mock-participant-tile.pip-video.top-right{top:24px;right:24px}.mock-participant-tile.pip-video.bottom-left{bottom:24px;left:24px}.mock-participant-tile.pip-video.bottom-right{bottom:24px;right:24px}.mock-participant-tile.pip-video.solo{top:50%;left:50%;transform:translate(-50%,-50%);width:min(800px,90vw);height:auto;aspect-ratio:4/3;cursor:default}@media (max-width: 768px){.mock-participant-tile.pip-video.solo{width:calc(100vw - 32px);height:auto;aspect-ratio:4/3}}.mock-participant-tile.pip-video .mock-camera-off-placeholder{border-radius:12px;gap:6px!important}.mock-participant-tile.pip-video .mock-camera-off-placeholder .camera-off-logo{width:32px!important;height:32px!important;flex-shrink:0}.mock-participant-tile.pip-video .mock-camera-off-placeholder .mock-video-label{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}@media (max-width: 768px){.mock-participant-tile.pip-video{width:120px;height:90px}.mock-participant-tile.pip-video.top-left{top:12px;left:12px}.mock-participant-tile.pip-video.top-right{top:12px;right:12px}.mock-participant-tile.pip-video.bottom-left{bottom:90px;left:12px}.mock-participant-tile.pip-video.bottom-right{bottom:90px;right:12px}.mock-participant-tile.pip-video .mock-participant-name{font-size:10px;padding:4px 8px}.mock-participant-tile.pip-video .mock-you-badge{font-size:9px;padding:3px 6px}.mock-participant-tile.pip-video .mock-camera-off-placeholder{gap:4px!important}.mock-participant-tile.pip-video .mock-camera-off-placeholder .camera-off-logo{width:24px!important;height:24px!important}.mock-participant-tile.pip-video .mock-camera-off-placeholder .mock-video-label{font-size:9px!important}}@media (orientation: portrait){.mock-participant-tile.pip-video.bottom-left,.mock-participant-tile.pip-video.bottom-right{bottom:16px}}@media (max-height: 600px) and (orientation: landscape){.mock-participant-tile.pip-video.bottom-left,.mock-participant-tile.pip-video.bottom-right{bottom:16px}}.mock-video-grid .mock-participant-tile:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mock-participant-video{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px}.mock-participant-video video{width:100%;height:100%}.mock-participant-tile.pinned{width:100%!important;max-width:none!important}.mock-video-grid.pinned-layout .pinned-participant .mock-participant-tile,.mock-video-grid.pinned-layout .pinned-participant .mock-participant-tile .mock-participant-video{max-width:none!important;max-height:none!important;width:100%!important;height:100%!important}.mock-video-grid.pinned-layout .pinned-participant .mock-participant-tile video{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}.camera-off-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;background:var(--video-placeholder);border-radius:12px}.camera-off-container .camera-off-logo{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.camera-off-container .camera-off-text{color:#ffffffb3;font-size:14px;font-weight:500;text-align:center}.light .camera-off-container .camera-off-text{color:#0009}.pip-video .camera-off-container{gap:6px}.pip-video .camera-off-container .camera-off-logo{width:36px;height:36px}.pip-video .camera-off-container .camera-off-text{font-size:11px}@media (max-width: 768px){.camera-off-container{gap:8px}.camera-off-container .camera-off-logo{width:48px;height:48px}.camera-off-container .camera-off-text{font-size:12px}}.mock-participant-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#00e1d4,#00a8cc);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;text-transform:uppercase;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.mock-participant-name{position:absolute;bottom:12px;left:12px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;backdrop-filter:blur(10px);z-index:10;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.mock-you-badge{position:absolute;top:12px;right:12px;background:#00e1d4e6;color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:10;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.mock-sidebar{position:fixed;right:0;top:0;bottom:100px;width:320px;background:#14141ef2;backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);box-shadow:-4px 0 12px #0000004d;z-index:50;overflow-y:auto}.mock-sidebar-section{padding:20px}.mock-sidebar-section h3{margin:0 0 16px;color:#00e1d4;font-size:16px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.mock-participants-list{list-style:none;margin:0;padding:0}.mock-participants-list li{padding:10px 0;color:#ffffffe6;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.mock-participants-list li:last-child{border-bottom:none}.you-badge{background:#00e1d44d;color:#00e1d4;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.mock-chat-messages{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-height:400px;overflow-y:auto}.mock-chat-message{padding:10px 12px;background:#ffffff0d;border-radius:8px;color:#ffffffe6;font-size:13px;line-height:1.5}.mock-chat-message strong{color:#00e1d4;font-weight:600}.mock-chat-input{display:flex;gap:8px}.mock-chat-input input{flex:1;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;font-size:13px}.mock-chat-input input:focus{outline:none;border-color:#00e1d4}.mock-chat-input input::-moz-placeholder{color:#fff6}.mock-chat-input input::placeholder{color:#fff6}.mock-chat-input button{padding:10px 16px;border-radius:6px;border:none;background:linear-gradient(135deg,#00e1d4,#00a8cc);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.mock-chat-input button:hover{transform:scale(1.05)}.mock-chat-input button:active{transform:scale(.95)}.mock-participants-overlay{position:fixed;bottom:80px;left:20px;z-index:9998;pointer-events:none}.mock-participants-panel{background:#14141ef2;border:2px solid rgba(147,51,234,.5);border-radius:12px;padding:16px;min-width:220px;backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080;animation:slideInLeft .5s ease}.mock-participants-panel h4{margin:0 0 12px;color:#9333ea;font-size:14px;font-weight:600;border-bottom:1px solid rgba(147,51,234,.3);padding-bottom:8px}.mock-participants-panel ul{list-style:none;margin:0;padding:0}.mock-participants-panel li{padding:6px 0;color:#e0e0e0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05)}.mock-participants-panel li:last-child{border-bottom:none}@media (max-width: 768px){.mock-banner{font-size:12px;padding:6px 12px}.mock-video-grid{grid-template-columns:1fr;padding:16px;height:calc(100vh - 80px);gap:12px}.mock-sidebar{width:100%;bottom:80px}.mock-info-panel,.mock-participants-panel{max-width:calc(100vw - 40px)}.mock-setup-overlay,.mock-participants-overlay{left:10px;right:10px}.spotlight-layout{flex-direction:column;height:calc(100vh - 72px)}.spotlight-sidebar{width:100%;flex-direction:row;height:120px;overflow-x:auto;overflow-y:hidden}.spotlight-sidebar .mock-participant-tile{width:120px;height:100%}.spotlight-sidebar::-webkit-scrollbar{height:4px}}.custom-setup-container{display:flex;flex-direction:row;align-items:stretch;justify-content:center;height:100vh;width:100vw;background:var(--background-secondary);padding:24px;gap:32px;overflow:visible}.custom-setup-loading{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:var(--foreground-muted);font-size:16px}.custom-setup-loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;color:var(--foreground-muted);font-size:14px}.custom-setup-left{flex:1;display:flex;flex-direction:column;gap:16px;position:relative;min-height:0;max-width:800px;overflow:visible}.custom-setup-tile{display:flex;flex-direction:column;gap:16px;width:100%;height:100%;position:relative;overflow:visible}.custom-setup-right{width:380px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:32px;background:var(--video-placeholder);border-radius:12px;box-shadow:var(--shadow-md)}.setup-user-label{position:absolute;top:20px;left:20px;color:#fff;font-size:14px;font-weight:500;z-index:10;background:#00000080;padding:8px 16px;border-radius:8px;backdrop-filter:blur(10px);opacity:1;transition:opacity .3s ease-in-out;pointer-events:none}.setup-user-label.controls-hidden{opacity:0}.video-preview-container{position:relative;width:100%;flex:1;min-height:0;max-height:calc(100vh - 220px);aspect-ratio:16/9;background:var(--video-preview-bg);border-radius:12px;overflow:visible;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.video-preview{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease}.video-preview.speaking{box-shadow:0 0 0 3px #235dff,0 0 20px #235dff80;animation:speaking-pulse 1s ease-in-out infinite}@keyframes speaking-pulse{0%,to{box-shadow:0 0 0 3px #235dff,0 0 20px #235dff80}50%{box-shadow:0 0 0 4px #235dff,0 0 30px #235dffb3}}.setup-media-controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:16px;z-index:10001;overflow:visible;opacity:1;transition:opacity .3s ease-in-out;pointer-events:auto}.setup-media-controls.controls-hidden{opacity:0;pointer-events:none}.setup-control-button{width:64px;height:64px;border-radius:50%;border:none;background:#20212499;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.setup-control-button svg{width:32px;height:32px}.setup-control-button:hover{background:#202124cc}.setup-control-button.inactive{background:#ea4335}.setup-control-button.inactive:hover{background:#d33426}.setup-settings-button{position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);display:flex;flex-direction:column;gap:var(--rtk-space-1\.5, 6px);z-index:10;opacity:1;transition:opacity .3s ease-in-out;pointer-events:auto}.setup-settings-button.controls-hidden{opacity:0;pointer-events:none}.setup-device-selectors{display:flex;flex-direction:column;gap:16px;width:100%;max-width:896px}@media (max-width: 768px){.setup-device-selectors{display:none}}.setup-join-panel{display:flex;flex-direction:column;gap:24px;width:100%}.setup-join-title{font-size:24px;font-weight:400;color:var(--foreground);margin:0}.setup-participant-info{font-size:14px;color:var(--foreground-muted);margin:0}.setup-join-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.setup-primary-button{padding:12px 24px;border-radius:24px;border:none;background:var(--primary);color:var(--primary-foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.setup-primary-button:hover{background:var(--primary-dark);box-shadow:var(--shadow-md)}.setup-encryption-indicator{display:flex;align-items:center;gap:8px;padding:12px;background:var(--muted);border-radius:8px;color:var(--foreground-secondary);font-size:13px;margin-top:8px}.setup-encryption-indicator svg{flex-shrink:0;color:var(--foreground-secondary)}.setup-secondary-button{padding:12px 24px;border-radius:24px;border:1px solid var(--border);background:transparent;color:var(--primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.setup-secondary-button:hover{background:var(--muted);border-color:#235dff80}.setup-back-button-container{position:fixed;top:20px;left:20px;z-index:1000;opacity:1;transition:opacity .3s ease-in-out;pointer-events:auto}.setup-back-button{padding:8px 16px;border-radius:8px;border:none;background:#20212499;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;backdrop-filter:blur(10px)}.setup-back-button:hover{background:#202124cc}.setup-encryption-link{display:flex;align-items:center;gap:8px;color:var(--primary);font-size:13px;text-decoration:none;margin-top:8px;cursor:pointer}.setup-encryption-link:hover{text-decoration:underline}@media (max-width: 1200px){.custom-setup-container{flex-direction:column;padding:16px;gap:24px;align-items:center;justify-content:center;height:100vh;box-sizing:border-box;overflow-y:auto}.custom-setup-left{width:100%;max-width:600px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.custom-setup-tile{width:100%}.custom-setup-right{width:100%;max-width:600px;margin:0 auto;padding:24px;flex:0 0 auto}.setup-join-panel{gap:12px}.setup-join-title{font-size:20px}.setup-join-buttons{gap:8px}.setup-encryption-indicator{padding:8px;font-size:12px;margin-top:4px}.setup-device-selectors{display:none}.setup-user-label{top:12px;left:12px;padding:6px 12px;font-size:13px}.setup-media-controls{bottom:16px;gap:12px}.setup-control-button{width:48px;height:48px}.setup-control-button svg{width:24px;height:24px}.video-preview-container{aspect-ratio:4/3;flex:1 1 auto;width:100%;height:auto;max-height:calc(100vh - 280px)}}@media (max-height: 600px) and (orientation: landscape){.custom-setup-container{flex-direction:row;padding:8px;gap:16px;height:100vh}.custom-setup-left{flex:1;max-width:none;min-height:0;display:flex;flex-direction:column}.custom-setup-tile{flex:1;display:flex;flex-direction:column;min-height:0}.custom-setup-right{width:320px;max-width:320px;padding:16px}.video-preview-container{position:relative;flex:1;width:100%;max-height:none;min-height:0;aspect-ratio:16/9;overflow:visible}.setup-device-selectors{display:none}.setup-join-panel{gap:12px}.setup-join-title{font-size:18px}.setup-media-controls{bottom:12px;gap:8px;left:50%;transform:translate(-50%);width:-moz-fit-content;width:fit-content;z-index:10001}.setup-control-button{width:40px;height:40px}.setup-control-button svg{width:20px;height:20px}.setup-user-label{top:8px;left:8px;padding:4px 8px;font-size:12px}.setup-encryption-indicator{padding:6px;font-size:11px;margin-top:4px}.setup-primary-button,.setup-secondary-button{padding:8px 16px;font-size:13px}.setup-back-button{padding:6px 12px;font-size:13px}}.mock-video-preview{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden}.mock-video-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;gap:12px;width:100%;align-items:center}.mock-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#00e1d4,#00a8cc);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;color:#fff}.mock-video-label{color:var(--foreground-muted);font-size:14px;font-weight:500}.mock-control-button{padding:12px 16px;border-radius:8px;border:2px solid rgba(255,255,255,.2);background:#00000080;color:#fff;font-size:20px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.mock-control-button:hover{background:#000000b3;border-color:#fff6}.mock-control-button.active{background:#00e1d44d;border-color:#00e1d4}.mock-control-button.inactive{background:#ef44444d;border-color:#ef4444}.mock-selector{margin-bottom:12px}.mock-selector label{display:block;color:#ffffffe6;font-size:13px;font-weight:500;margin-bottom:6px}.mock-selector select{width:100%;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;font-size:13px;cursor:pointer}.mock-selector select:focus{outline:none;border-color:#00e1d4}.mock-join-button{padding:14px 32px;border-radius:8px;border:none;background:linear-gradient(135deg,#00e1d4,#00a8cc);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.mock-join-button:hover{background:linear-gradient(135deg,#00cfc0,#009bb8)}.mock-join-button:active{opacity:.9}.leave-confirm-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.leave-confirm-dialog{background:hsl(var(--background-elevated));border:1px solid hsl(var(--border));border-radius:12px;padding:32px;max-width:420px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-align:center;animation:slideUp .3s ease-out}.leave-confirm-dialog .leave-confirm-icon{margin:0 auto 20px;width:64px;height:64px;border-radius:50%;background:#ff003f1a;display:flex;align-items:center;justify-content:center;color:hsl(var(--destructive))}.leave-confirm-dialog h2{margin:0 0 12px;font-size:20px;font-weight:500;color:hsl(var(--foreground))}.leave-confirm-dialog p{margin:0 0 24px;font-size:14px;color:hsl(var(--foreground-secondary));line-height:1.5}.leave-confirm-dialog .leave-confirm-actions{display:flex;gap:12px;justify-content:center}.leave-confirm-dialog .leave-confirm-actions button{flex:1;padding:10px 24px;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;box-shadow:none}.leave-confirm-dialog .leave-confirm-actions button:focus{outline:none;box-shadow:none}.leave-confirm-dialog .leave-confirm-actions button:focus-visible{outline:none;box-shadow:none}.leave-confirm-dialog .leave-confirm-actions button.cancel-button{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--primary))}.leave-confirm-dialog .leave-confirm-actions button.cancel-button:hover{background:hsl(var(--muted));border-color:hsl(var(--border-secondary))}.leave-confirm-dialog .leave-confirm-actions button.cancel-button:focus{box-shadow:none}.leave-confirm-dialog .leave-confirm-actions button.leave-button{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.leave-confirm-dialog .leave-confirm-actions button.leave-button:hover{background:hsl(var(--destructive-dark))}.leave-confirm-dialog .leave-confirm-actions button.leave-button:focus{box-shadow:none}.leave-confirm-dialog .leave-confirm-actions button:active{opacity:.9}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.leave-confirm-dialog{padding:24px;max-width:90%}.leave-confirm-dialog .leave-confirm-icon{width:64px;height:64px;margin-bottom:16px}.leave-confirm-dialog .leave-confirm-icon svg{width:36px;height:36px}.leave-confirm-dialog h2{font-size:20px}.leave-confirm-dialog p{font-size:14px}.leave-confirm-dialog .leave-confirm-actions{flex-direction:column}.leave-confirm-dialog .leave-confirm-actions button{width:100%}}.more-menu-wrapper{position:relative;display:inline-flex;align-items:center}.more-menu-dropdown{position:absolute;bottom:calc(100% + 12px);right:0;min-width:200px;background:var(--background-elevated);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:8px;z-index:10000;animation:menuFadeIn .2s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.more-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;border-radius:8px;background:transparent;color:var(--foreground);font-size:14px;font-weight:400;text-align:left;cursor:pointer;transition:background .15s ease}.more-menu-item:hover{background:var(--muted)}.more-menu-item.active{background:#235dff26;color:var(--primary)}.more-menu-item.active svg{color:var(--primary)}.more-menu-item svg{flex-shrink:0;width:20px;height:20px}.more-menu-item span{flex:1}.participants-panel{display:flex;flex-direction:column;height:100%;background:var(--background-elevated);overflow:hidden}.participants-header{padding:20px;border-bottom:1px solid var(--border)}.participants-title{display:flex;align-items:center;gap:12px;color:var(--foreground)}.participants-title svg{color:var(--foreground-secondary)}.participants-title h3{margin:0;font-size:16px;font-weight:600}.participants-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;min-height:0}.participants-list::-webkit-scrollbar{width:6px}.participants-list::-webkit-scrollbar-track{background:transparent}.participants-list::-webkit-scrollbar-thumb{background:var(--muted);border-radius:3px}.participants-list::-webkit-scrollbar-thumb:hover{background:var(--border)}.participant-item{display:flex;align-items:center;gap:12px;padding:12px;min-height:64px;border-radius:8px;transition:all .2s ease;position:relative}.participant-item:hover{background:var(--muted)}.participant-item.speaking{background:color-mix(in srgb,var(--primary) 10%,transparent)}.participant-item.speaking .participant-avatar{box-shadow:0 0 0 2px var(--primary)}.participant-item.local{background:color-mix(in srgb,var(--accent) 8%,transparent)}.participant-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--primary-foreground);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;transition:box-shadow .2s ease}.participant-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.participant-name{color:var(--foreground);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.you-badge{display:inline-block;background:var(--accent);color:var(--accent-foreground);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.speaking-indicator{color:var(--primary);font-size:12px;font-weight:500}.pin-button{width:32px;height:32px;border:none;background:transparent;color:var(--foreground-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;flex-shrink:0}.pin-button:hover{color:var(--primary);transform:scale(1.1)}.pin-button.pinned{opacity:1;color:var(--primary)}.pin-button.pinned:hover{color:var(--primary-dark);transform:scale(1.1)}.participant-item:hover .pin-button{opacity:1}@media (max-width: 768px){.participants-header{padding:16px}.participant-item{padding:10px}.participant-avatar{width:36px;height:36px;font-size:14px}.pin-button{opacity:1}}.mock-settings-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px;animation:fadeIn .2s ease}.mock-settings-dialog{background:var(--background-elevated);border:1px solid var(--border);border-radius:12px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mock-settings-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}.mock-settings-header h2{margin:0;font-size:20px;font-weight:500;color:var(--foreground)}.mock-settings-close{background:none;border:none;padding:8px;margin:-8px;display:inline-flex;align-items:center;justify-content:center;color:var(--foreground-secondary);cursor:pointer;border-radius:50%;transition:color .15s cubic-bezier(.4,0,.2,1)}.mock-settings-close svg{width:24px;height:24px}.mock-settings-close:hover{color:var(--foreground)}.mock-settings-close:focus-visible{outline:none;color:var(--foreground)}.mock-settings-content{flex:1;overflow-y:auto;padding:24px}.mock-settings-section{margin-bottom:32px}.mock-settings-section:last-child{margin-bottom:0}.mock-settings-section h3{margin:0 0 16px;font-size:14px;font-weight:500;color:var(--foreground-secondary);text-transform:none;letter-spacing:0}.mock-setting-item{margin-bottom:20px}.mock-setting-item:last-child{margin-bottom:0}.mock-setting-item.volume-control{margin-top:40px}.mock-setting-item .slider-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mock-setting-item .slider-wrapper label{font-size:14px;font-weight:400;color:var(--foreground);margin:0}.mock-setting-item .slider-wrapper .slider-value{font-size:12px;color:var(--foreground-secondary);font-weight:500}.checkbox-item{display:flex;align-items:center;gap:12px}.checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.checkbox-item label{margin:0;cursor:pointer;color:var(--foreground);font-size:14px}.mic-volume-indicator{margin-top:12px;margin-bottom:12px;width:100%}.mic-volume-bar-container{width:100%;height:12px;background:var(--muted);border-radius:6px;overflow:hidden;position:relative}.mic-volume-bar{height:100%;background:var(--success);transition:none;border-radius:6px}.mock-settings-footer{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid var(--border)}.mock-button-secondary{padding:10px 24px;background:transparent;border:1px solid var(--border);border-radius:20px;color:var(--primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.mock-button-secondary:hover{background:var(--muted);border-color:#235dff80}.mock-button-secondary:active{background:#262626cc}.mock-button-primary{padding:10px 24px;background:var(--primary);border:none;border-radius:20px;color:var(--primary-foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.mock-button-primary:hover{background:var(--primary-light)}.mock-button-primary:active{background:var(--primary-dark)}@media (max-width: 768px){.mock-settings-dialog{max-width:100%;max-height:100vh;border-radius:0}.mock-settings-header,.mock-settings-content{padding:16px}.mock-settings-footer{padding:16px;flex-direction:column}.mock-settings-footer .mock-button-secondary,.mock-settings-footer .mock-button-primary{width:100%}.checkbox-item input[type=checkbox]{width:16px;height:16px}}@media (max-height: 600px) and (orientation: landscape){.mock-settings-footer{flex-direction:row;justify-content:flex-end}.mock-settings-footer .mock-button-secondary,.mock-settings-footer .mock-button-primary{width:auto}}.sidebar-container{width:360px;height:100%;background:var(--background-elevated);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;animation:slideInRight .3s ease;position:relative}.sidebar-container.sidebar-split .sidebar-section{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebar-container.sidebar-split .sidebar-section:first-of-type{border-bottom:1px solid var(--border)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sidebar-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;color:var(--foreground-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.sidebar-close:hover{color:var(--foreground);transform:scale(1.1)}.sidebar-close:active{transform:scale(.95)}@media (max-width: 768px){.sidebar-container{position:fixed;right:0;top:0;bottom:72px;width:100%;z-index:1000;box-shadow:var(--shadow-lg)}}.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1.25rem;max-width:1200px;margin:0 auto;width:100%}.lobby-header{text-align:center;margin-bottom:1.5rem;animation:fadeInDown .6s ease}.lobby-header-title{font-size:2rem;font-weight:700;color:var(--foreground);margin-bottom:.25rem;letter-spacing:-.02em}.lobby-header-subtitle{font-size:.9rem;color:var(--foreground-muted);font-weight:400}.lobby-content{width:100%;max-width:420px;display:flex;flex-direction:column;gap:.625rem;animation:fadeInUp .6s ease .1s both}.lobby-quick-start{padding:.875rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:1rem;font-weight:500;background:var(--background-elevated);color:var(--foreground);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.lobby-quick-start:hover{background:var(--background-muted);border-color:hsl(var(--primary));transform:translateY(-1px)}.lobby-quick-start:active{transform:translateY(0)}.lobby-divider{display:flex;align-items:center;text-align:center;color:var(--foreground-muted);font-size:.8125rem;margin:.25rem 0}.lobby-divider:before,.lobby-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.lobby-divider:before{margin-right:.75rem}.lobby-divider:after{margin-left:.75rem}.lobby-card{background:var(--background-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;transition:all .3s ease}.light .lobby-card{box-shadow:0 2px 4px hsl(var(--shadow)/.04)}.lobby-card:hover{border-color:color-mix(in srgb,hsl(var(--primary)) 30%,var(--border));box-shadow:0 4px 12px hsl(var(--shadow)/.08)}.light .lobby-card:hover{box-shadow:0 6px 16px hsl(var(--shadow)/.1)}.lobby-card-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--foreground)}.lobby-card-content{display:flex;flex-direction:column;gap:.75rem}.lobby-settings{background:color-mix(in srgb,hsl(var(--primary)) 5%,transparent);border:1px solid color-mix(in srgb,hsl(var(--primary)) 12%,transparent);border-radius:var(--radius-lg);padding:.75rem}.light .lobby-settings{background:color-mix(in srgb,hsl(var(--primary)) 3%,transparent);border-color:color-mix(in srgb,hsl(var(--primary)) 15%,transparent)}.lobby-settings-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.lobby-settings-option{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.375rem .5rem;border-radius:var(--radius-md);transition:background .2s ease}.lobby-settings-option:hover{background:color-mix(in srgb,hsl(var(--primary)) 8%,transparent)}.lobby-settings-option span{cursor:pointer;font-size:.875rem;flex:1}.lobby-settings-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:hsl(var(--primary))}.lobby-settings-inputs{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.lobby-settings-input-group{display:flex;flex-direction:column;gap:.375rem}.lobby-settings-input-group label{font-size:.8125rem;color:var(--foreground-muted);font-weight:500}.lobby-settings-input-group input[type=text]{padding:.625rem .75rem;font-size:.875rem}.lobby-settings-input-group input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--muted);outline:none;-webkit-appearance:none;cursor:pointer}.lobby-settings-input-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:hsl(var(--primary));cursor:pointer}.lobby-settings-input-group input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:hsl(var(--primary));cursor:pointer;border:none}.lobby-settings-dropdowns{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;height:5rem}@media (max-width: 600px){.lobby-settings-dropdowns{grid-template-columns:1fr;height:auto}}.lobby-input{padding:.875rem 1rem;border:1px solid var(--input);border-radius:var(--radius-md);font-size:1rem;background:var(--background);color:var(--foreground);transition:all .2s ease}.lobby-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.1)}.lobby-input::-moz-placeholder{color:var(--foreground-muted)}.lobby-input::placeholder{color:var(--foreground-muted)}.lobby-button{padding:.875rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:1rem;font-weight:500;background:var(--background-elevated);color:var(--foreground);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.lobby-button:hover{background:var(--background-muted);border-color:hsl(var(--primary));transform:translateY(-1px)}.lobby-button:active{transform:translateY(0)}.lobby-button--primary{background:hsl(var(--primary));color:#fff;border-color:hsl(var(--primary))}.lobby-button--primary:hover{background:color-mix(in srgb,hsl(var(--primary)) 90%,black);border-color:color-mix(in srgb,hsl(var(--primary)) 90%,black)}.lobby-button--mock{background:color-mix(in srgb,hsl(var(--primary)) 10%,transparent);border-color:hsl(var(--primary));color:hsl(var(--primary))}.lobby-button--mock:hover{background:color-mix(in srgb,hsl(var(--primary)) 15%,transparent)}.lobby-footer{margin-top:2rem;text-align:center;animation:fadeIn .6s ease .3s both}.lobby-footer a{color:hsl(var(--primary));text-decoration:none;font-size:.9rem;transition:opacity .2s ease}.lobby-footer a:hover{opacity:.8}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.lobby{padding:1.5rem}.lobby-header{margin-bottom:2rem}.lobby-header-title{font-size:2rem}.lobby-header-subtitle{font-size:1rem}.lobby-content{max-width:100%}.lobby-quick-start{padding:1rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.lobby-header-title{font-size:1.75rem}.lobby-header-subtitle{font-size:.9rem}}@media (max-height: 500px) and (orientation: landscape){.lobby{padding:1rem;min-height:auto}.lobby-header{margin-bottom:1.5rem}.lobby-header-title{font-size:1.75rem}.lobby-content{gap:1rem}}:root{--color-blue-primary: rgba(35, 93, 255, 1);--color-blue-light: rgba(85, 128, 255, 1);--color-blue-dark: rgba(0, 61, 214, 1);--color-red: rgba(255, 0, 63, 1);--color-red-dark: rgba(204, 0, 50, 1);--color-green: rgba(34, 197, 94, 1);--color-teal: rgba(0, 223, 196, 1);--color-orange: rgba(245, 158, 11, 1);--color-blue-info: rgba(96, 165, 250, 1);--color-dark-bg: rgba(13, 18, 28, 1);--color-dark-bg-secondary: rgba(18, 22, 31, 1);--color-dark-bg-tertiary: rgba(30, 34, 41, 1);--color-dark-bg-elevated: rgba(21, 25, 42, 1);--color-dark-button: rgba(59, 63, 72, 1);--color-dark-button-hover: rgba(71, 75, 84, 1);--color-dark-caret: rgba(37, 42, 51, 1);--color-gray-dark-1: rgba(61, 63, 66, 1);--color-gray-dark-2: rgba(38, 38, 38, 1);--color-gray-dark-3: rgba(51, 51, 51, 1);--color-gray-dark-4: rgba(64, 64, 64, 1);--color-gray-dark-5: rgba(26, 26, 26, 1);--color-gray-dark-6: rgba(31, 31, 31, 1);--color-gray-medium-1: rgba(181, 181, 181, 1);--color-gray-medium-2: rgba(135, 135, 135, 1);--color-gray-medium-3: rgba(102, 102, 102, 1);--color-gray-medium-4: rgba(153, 153, 153, 1);--color-white: rgba(255, 255, 255, 1);--color-light-bg: rgba(245, 245, 245, 1);--color-light-bg-secondary: rgba(232, 232, 232, 1);--color-light-bg-elevated: rgba(250, 250, 250, 1);--color-light-border: rgba(204, 204, 204, 1);--color-light-border-secondary: rgba(191, 191, 191, 1);--color-light-button-hover: rgba(219, 219, 219, 1);--color-gray-light-1: rgba(23, 23, 23, 1);--color-gray-light-2: rgba(74, 74, 74, 1);--color-gray-light-3: rgba(120, 120, 120, 1);--color-gray-light-4: rgba(153, 153, 153, 1);--color-gray-light-5: rgba(102, 102, 102, 1);--background: var(--color-dark-bg);--background-secondary: var(--color-dark-bg-secondary);--background-tertiary: var(--color-dark-bg-tertiary);--background-elevated: var(--color-dark-bg-elevated);--video-preview-bg: rgba(25, 25, 25, 1);--foreground: var(--color-white);--foreground-secondary: var(--color-gray-medium-1);--foreground-muted: var(--color-gray-medium-2);--foreground-disabled: var(--color-gray-medium-3);--primary: var(--color-blue-primary);--primary-foreground: var(--color-white);--primary-light: var(--color-blue-light);--primary-dark: var(--color-blue-dark);--secondary: var(--color-gray-dark-1);--secondary-foreground: var(--color-light-bg-elevated);--accent: var(--color-blue-primary);--accent-foreground: var(--color-white);--muted: var(--color-gray-dark-2);--muted-foreground: var(--color-gray-medium-4);--destructive: var(--color-red);--destructive-foreground: var(--color-white);--destructive-dark: var(--color-red-dark);--success: var(--color-green);--success-foreground: var(--color-white);--warning: var(--color-orange);--warning-foreground: rgba(0, 0, 0, 1);--info: var(--color-blue-info);--info-foreground: var(--color-white);--border: var(--color-gray-dark-3);--border-secondary: var(--color-gray-dark-4);--border-focus: var(--color-teal);--input: var(--color-gray-dark-3);--input-background: var(--color-gray-dark-5);--ring: var(--color-teal);--card: var(--color-gray-dark-5);--card-foreground: var(--color-light-bg-elevated);--popover: var(--color-gray-dark-6);--popover-foreground: var(--color-light-bg-elevated);--video-background: var(--color-dark-bg);--video-placeholder: var(--color-dark-bg-elevated);--controlbar-background: var(--color-dark-bg);--controlbar-button: var(--color-dark-button);--controlbar-button-hover: var(--color-dark-button-hover);--controlbar-button-active: var(--color-teal);--controlbar-caret: var(--color-dark-caret);--speaking-ring: var(--color-green);--sidebar-background: var(--color-dark-bg);--sidebar-border: var(--color-dark-bg-tertiary);--primary-10: rgba(35, 93, 255, .1);--primary-15: rgba(35, 93, 255, .15);--primary-20: rgba(35, 93, 255, .2);--primary-50: rgba(35, 93, 255, .5);--accent-15: rgba(35, 93, 255, .15);--accent-20: rgba(35, 93, 255, .2);--accent-30: rgba(35, 93, 255, .3);--accent-40: rgba(35, 93, 255, .4);--accent-50: rgba(35, 93, 255, .5);--accent-60: rgba(35, 93, 255, .6);--accent-80: rgba(35, 93, 255, .8);--accent-95: rgba(35, 93, 255, .95);--accent-98: rgba(35, 93, 255, .98);--destructive-10: rgba(255, 0, 63, .1);--destructive-20: rgba(255, 0, 63, .2);--destructive-30: rgba(255, 0, 63, .3);--destructive-40: rgba(255, 0, 63, .4);--destructive-60: rgba(255, 0, 63, .6);--muted-80: rgba(38, 38, 38, .8);--controlbar-background-98: rgba(13, 18, 28, .98);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-brand: 0 2px 8px rgba(0, 0, 0, .1);--shadow-brand-lg: 0 4px 12px rgba(0, 0, 0, .15);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "Monaco", "Menlo", "Courier New", monospace;--z-base: 0;--z-elevated: 10;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-max: 9999}.light{--background: var(--color-white);--background-secondary: var(--color-light-bg);--background-tertiary: var(--color-light-bg-secondary);--background-elevated: var(--color-light-bg-elevated);--video-preview-bg: rgba(250, 250, 250, 1);--foreground: var(--color-gray-light-1);--foreground-secondary: var(--color-gray-light-2);--foreground-muted: var(--color-gray-light-3);--foreground-disabled: var(--color-gray-light-4);--secondary: var(--color-light-bg-secondary);--secondary-foreground: var(--color-gray-light-1);--muted: var(--color-light-bg);--muted-foreground: var(--color-gray-light-5);--border: var(--color-light-border);--border-secondary: var(--color-light-border-secondary);--input: var(--color-light-border);--input-background: var(--color-white);--card: var(--color-white);--card-foreground: var(--color-gray-light-1);--popover: var(--color-white);--popover-foreground: var(--color-gray-light-1);--video-background: var(--color-light-bg);--video-placeholder: var(--color-light-bg-secondary);--controlbar-background: var(--color-white);--controlbar-button: var(--color-light-bg-secondary);--controlbar-button-hover: var(--color-light-button-hover);--sidebar-background: var(--color-light-bg-elevated);--sidebar-border: var(--color-light-bg-secondary);--primary-10: rgba(35, 93, 255, .1);--primary-15: rgba(35, 93, 255, .15);--primary-20: rgba(35, 93, 255, .2);--primary-50: rgba(35, 93, 255, .5);--accent-15: rgba(35, 93, 255, .15);--accent-20: rgba(35, 93, 255, .2);--accent-30: rgba(35, 93, 255, .3);--accent-40: rgba(35, 93, 255, .4);--accent-50: rgba(35, 93, 255, .5);--accent-60: rgba(35, 93, 255, .6);--accent-80: rgba(35, 93, 255, .8);--accent-95: rgba(35, 93, 255, .95);--accent-98: rgba(35, 93, 255, .98);--destructive-10: rgba(255, 0, 63, .1);--destructive-20: rgba(255, 0, 63, .2);--destructive-30: rgba(255, 0, 63, .3);--destructive-40: rgba(255, 0, 63, .4);--destructive-60: rgba(255, 0, 63, .6);--muted-80: rgba(245, 245, 245, .8);--controlbar-background-98: rgba(255, 255, 255, .98);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .12)}.bg-background{background-color:var(--background)}.bg-foreground{background-color:var(--foreground)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-muted{background-color:var(--muted)}.bg-accent{background-color:var(--accent)}.bg-destructive{background-color:var(--destructive)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-info{background-color:var(--info)}.text-foreground{color:var(--foreground)}.text-foreground-secondary{color:var(--foreground-secondary)}.text-muted{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.border-default{border-color:var(--border)}.border-primary{border-color:var(--primary)}.border-success{border-color:var(--success)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .2s ease-out}.animate-slideUp{animation:slideUp .2s ease-out}.animate-slideDown{animation:slideDown .2s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--background);color:var(--foreground);min-height:100vh}#app{min-height:100vh;display:flex;align-items:center;justify-content:center}.meeting-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-max);overflow:hidden;max-width:100vw;box-sizing:border-box}.lobby{text-align:center;max-width:400px;width:100%;padding:2rem}.lobby h1{margin-bottom:2rem;font-size:2rem;color:var(--primary)}.form{display:flex;flex-direction:column;gap:1rem}.or{color:var(--foreground-muted);margin:.5rem 0;font-size:.9rem}input{padding:.75rem;border:1px solid var(--input);border-radius:var(--radius-md);background:var(--input-background);color:var(--foreground);font-size:1rem;font-family:var(--font-family);transition:border-color .2s,box-shadow .2s}input:focus{outline:none;border-color:var(--border-focus)}button{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--primary-foreground);font-size:1rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:opacity .2s}button:hover{opacity:.9}button:active{opacity:.8}.call{width:100%;height:100vh;display:flex;flex-direction:column}.header{padding:1rem 2rem;background:var(--background-secondary);display:flex;justify-content:space-between;align-items:center}.header h2{font-size:1.25rem;font-weight:500}.videos{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem;padding:1rem}video{width:100%;height:100%;background:var(--video-background);border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover}#leave{margin:1rem auto;background:var(--destructive)}#leave:hover{background:var(--destructive-dark)}.error{color:var(--destructive)}rtk-settings-audio::part(notification-toggle),*::part(notification-toggle){display:flex!important;justify-content:space-between!important;align-items:center!important}rtk-setup-screen::part(meeting-title),rtk-setup-screen .meeting-title,rtk-setup-screen [class*=meeting-title],rtk-setup-screen [class*=meetingTitle]{display:none!important;visibility:hidden!important}.docs{max-width:900px;width:100%;padding:2rem;margin:0 auto}.docs h1{font-size:2.5rem;margin-bottom:2rem;color:var(--primary)}.docs h2{font-size:1.8rem;margin-top:3rem;margin-bottom:1rem;color:var(--primary-light);border-bottom:2px solid var(--border-secondary);padding-bottom:.5rem}.docs h3{font-size:1.3rem;margin-top:2rem;margin-bottom:.75rem;color:var(--primary-light)}.docs section{margin-bottom:2rem}.docs p{line-height:1.6;margin-bottom:1rem;color:var(--foreground-secondary)}.docs ul{list-style-type:disc;margin-left:2rem;margin-bottom:1rem}.docs ul li{margin-bottom:.5rem;line-height:1.6;color:var(--foreground-secondary)}.docs .code-block{background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin:1.5rem 0;overflow:hidden}.docs .code-block-header{background:var(--background-tertiary);padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.docs .code-block-title{font-size:.85rem;font-weight:600;color:var(--primary)}.docs .code-block-language{font-size:.75rem;color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.5px}.docs .code-block-content{position:relative}.docs .code-block pre{margin:0;padding:1.5rem;font-family:var(--font-mono);font-size:.875rem;line-height:1.6;overflow-x:auto}.docs .code-block code{font-family:var(--font-mono)}.docs .copy-button{position:absolute;top:.75rem;right:.75rem;background:var(--background-tertiary);border:1px solid var(--border-secondary);color:var(--primary);padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:var(--z-elevated)}.docs .copy-button:hover{background:var(--background-elevated);border-color:var(--primary);transform:scale(1.05)}.docs .copy-button svg{width:16px;height:16px}.docs a{color:var(--primary);text-decoration:none;transition:color .2s}.docs a:hover{color:var(--primary-light);text-decoration:underline}.docs .docs-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.docs .docs-footer button{background:var(--primary);color:var(--primary-foreground)}.docs .docs-footer button:hover{background:var(--primary-light)}@media (max-width: 768px){html,body{-webkit-text-size-adjust:100%;overscroll-behavior:none;overflow-x:hidden;max-width:100vw;position:relative}#app{padding:0;max-width:100vw;overflow-x:hidden;box-sizing:border-box}*{max-width:100vw;box-sizing:border-box}.meeting-fullscreen{width:100vw;height:100vh;height:-webkit-fill-available;overflow:hidden}.lobby{max-width:100%;padding:1.5rem;box-sizing:border-box}.lobby h1{font-size:1.75rem;margin-bottom:1.5rem}.form{gap:.875rem}input{padding:.875rem;font-size:16px;border-radius:var(--radius-lg)}button{padding:.875rem 1.25rem;font-size:1rem;border-radius:var(--radius-lg);min-height:44px}button:hover{transform:none}button:active{opacity:.8}.docs{padding:1rem;max-width:100%}.docs h1{font-size:1.75rem;margin-bottom:1.5rem}.docs h2{font-size:1.4rem;margin-top:2rem}.docs h3{font-size:1.1rem;margin-top:1.5rem}.docs p{font-size:.95rem}.docs ul{margin-left:1.25rem}.docs .code-block{margin:1rem 0}.docs .code-block-header{padding:.625rem .875rem;flex-direction:column;align-items:flex-start;gap:.25rem}.docs .code-block pre{padding:1rem;font-size:.75rem;-webkit-overflow-scrolling:touch}.docs .copy-button{top:.5rem;right:.5rem;padding:.4rem}.header{padding:.75rem 1rem}.header h2{font-size:1rem}.videos{grid-template-columns:1fr;gap:.5rem;padding:.5rem}}@media (max-width: 374px){.lobby h1,.docs h1{font-size:1.5rem}.docs h2{font-size:1.25rem}input,button{font-size:15px}}@media (max-height: 500px) and (orientation: landscape){.lobby{padding:1rem}.lobby h1{font-size:1.5rem;margin-bottom:1rem}.form{gap:.5rem}input,button{padding:.625rem}}@media (hover: none) and (pointer: coarse){button,input,a{min-height:44px;min-width:44px}button:hover,.docs .copy-button:hover{transform:none;box-shadow:none}button:active{opacity:.7}}body.mirror-local-video rtk-participant-tile[is-local=true] video,body.mirror-local-video rtk-participant-tile[data-local=true] video,body.mirror-local-video rtk-video-tile[is-local=true] video,body.mirror-local-video rtk-video-tile[data-local=true] video,body.mirror-local-video rtk-participant-tile.local video,body.mirror-local-video rtk-video-tile.local video{transform:scaleX(-1)!important}body.mirror-local-video .video-preview{transform:scaleX(-1)!important}body.mirror-local-video .mock-participant-tile.local:not(.screen-share) video{transform:scaleX(-1)!important}body.mirror-local-video [is-local=true]:not(.screen-share) video,body.mirror-local-video [data-local=true]:not(.screen-share) video,body.mirror-local-video .local:not(.screen-share) video{transform:scaleX(-1)!important}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Monaco,Menlo,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}*{border-color:var(--border)}body{min-height:100vh;background-color:var(--background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--foreground)}.dropdown-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239aa0a6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.light .dropdown-select,.light-mode .dropdown-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%234a4a4a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}rtk-settings-audio::part(notification-toggle),rtk-settings-video::part(notification-toggle){display:none}rtk-grid::part(participant-tile){border-radius:12px;overflow:hidden}rtk-participant-tile{border-radius:12px;overflow:hidden}rtk-participant-tile::part(name){color:#fff;font-size:14px;font-weight:500;background:#00000080;padding:8px 16px;border-radius:8px;backdrop-filter:blur(10px)}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.right-0{right:0}.top-\[60px\]{top:60px}.z-\[9999\]{z-index:9999}.m-0{margin:0}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mr-2\.5{margin-right:.625rem}.mt-1{margin-top:.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-11{height:2.75rem}.h-5{height:1.25rem}.h-\[50px\]{height:50px}.h-full{height:100%}.max-h-\[calc\(100vh-80px\)\]{max-height:calc(100vh - 80px)}.w-5{width:1.25rem}.w-\[300px\]{width:300px}.w-\[50px\]{width:50px}.w-full{width:100%}.min-w-\[100px\]{min-width:100px}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[slideIn_0\.3s_ease\]{animation:slideIn .3s ease}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-none{border-style:none}.border-\[rgba\(255\,0\,63\,0\.4\)\]{border-color:#ff003f66}.border-\[rgba\(35\,93\,255\,0\.3\)\]{border-color:#235dff4d}.border-\[rgba\(35\,93\,255\,0\.4\)\]{border-color:#235dff66}.border-\[rgba\(35\,93\,255\,0\.5\)\]{border-color:#235dff80}.border-\[var\(--accent\)\]{border-color:var(--accent)}.border-\[var\(--border\)\]{border-color:var(--border)}.border-destructive{border-color:var(--destructive)}.bg-\[\#8ab4f8\]{--tw-bg-opacity: 1;background-color:rgb(138 180 248 / var(--tw-bg-opacity, 1))}.bg-\[rgba\(13\,18\,28\,0\.98\)\]{background-color:#0d121cfa}.bg-\[rgba\(255\,0\,63\,0\.2\)\]{background-color:#ff003f33}.bg-\[rgba\(255\,255\,255\,0\.15\)\]{background-color:#ffffff26}.bg-\[rgba\(35\,93\,255\,0\.15\)\]{background-color:#235dff26}.bg-\[rgba\(35\,93\,255\,0\.2\)\]{background-color:#235dff33}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--input\)\]{background-color:var(--input)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-\[var\(--accent\)\]{--tw-gradient-from: var(--accent) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[var\(--accent\)\]{--tw-gradient-to: var(--accent) var(--tw-gradient-to-position)}.bg-\[length\:20px_20px\]{background-size:20px 20px}.bg-\[right_12px_center\]{background-position:right 12px center}.bg-no-repeat{background-repeat:no-repeat}.p-5{padding:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-2\.5{padding-bottom:.625rem}.pr-9{padding-right:2.25rem}.text-center{text-align:center}.font-mono{font-family:Monaco,Menlo,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-\[0\.5px\]{letter-spacing:.5px}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--accent-foreground\)\]{color:var(--accent-foreground)}.text-\[var\(--destructive\)\]{color:var(--destructive)}.text-\[var\(--foreground\)\]{color:var(--foreground)}.text-\[var\(--foreground-muted\)\]{color:var(--foreground-muted)}.text-\[var\(--foreground-secondary\)\]{color:var(--foreground-secondary)}.text-destructive{color:var(--destructive)}.accent-\[var\(--accent\)\]{accent-color:var(--accent)}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_12px_hsl\(var\(--accent\)\/0\.4\)\]{--tw-shadow: 0 4px 12px hsl(var(--accent)/.4);--tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[10px\]{--tw-backdrop-blur: blur(10px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.light *::-webkit-scrollbar-thumb,.light-mode *::-webkit-scrollbar-thumb{background:#0003}.light *::-webkit-scrollbar-thumb:hover,.light-mode *::-webkit-scrollbar-thumb:hover{background:#0000004d}.light *,.light-mode *{scrollbar-color:rgba(0,0,0,.2) transparent}.hover\:border-\[color-mix\(in_srgb\,var\(--foreground\)_0\.3\%\,transparent\)\]:hover{border-color:color-mix(in srgb,var(--foreground) .3%,transparent)}.hover\:border-\[rgba\(255\,0\,63\,0\.6\)\]:hover{border-color:#ff003f99}.hover\:border-\[rgba\(35\,93\,255\,0\.6\)\]:hover{border-color:#235dff99}.hover\:bg-\[rgba\(255\,0\,63\,0\.3\)\]:hover{background-color:#ff003f4d}.hover\:bg-\[rgba\(35\,93\,255\,0\.3\)\]:hover{background-color:#235dff4d}.hover\:bg-\[rgba\(35\,93\,255\,0\.95\)\]:hover{background-color:#235dfff2}.focus\:border-\[var\(--primary\)\]:focus{border-color:var(--primary)}.focus\:border-destructive:focus{border-color:var(--destructive)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:opacity-90:active{opacity:.9}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[orientation\=horizontal\]\:h-5[data-orientation=horizontal]{height:1.25rem}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.\[\&\:\:-moz-range-thumb\]\:h-\[18px\]::-moz-range-thumb{height:18px}.\[\&\:\:-moz-range-thumb\]\:w-\[18px\]::-moz-range-thumb{width:18px}.\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb{cursor:pointer}.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:9999px}.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb{border-width:0px}.\[\&\:\:-moz-range-thumb\]\:bg-\[var\(--accent\)\]::-moz-range-thumb{background-color:var(--accent)}.\[\&\:\:-moz-range-thumb\]\:transition-all::-moz-range-thumb{-moz-transition-property:all;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[\&\:\:-moz-range-thumb\]\:duration-200::-moz-range-thumb{transition-duration:.2s}.\[\&\:\:-moz-range-thumb\]\:hover\:bg-\[rgba\(35\,93\,255\,0\.8\)\]:hover::-moz-range-thumb{background-color:#235dffcc}.\[\&\:\:-webkit-slider-thumb\]\:h-\[18px\]::-webkit-slider-thumb{height:18px}.\[\&\:\:-webkit-slider-thumb\]\:w-\[18px\]::-webkit-slider-thumb{width:18px}.\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb{cursor:pointer}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:9999px}.\[\&\:\:-webkit-slider-thumb\]\:bg-\[var\(--accent\)\]::-webkit-slider-thumb{background-color:var(--accent)}.\[\&\:\:-webkit-slider-thumb\]\:transition-all::-webkit-slider-thumb{-webkit-transition-property:all;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[\&\:\:-webkit-slider-thumb\]\:duration-200::-webkit-slider-thumb{transition-duration:.2s}.\[\&\:\:-webkit-slider-thumb\]\:hover\:bg-\[rgba\(35\,93\,255\,0\.8\)\]:hover::-webkit-slider-thumb{background-color:#235dffcc}.\[\&\>svg\]\:h-5>svg{height:1.25rem}.\[\&\>svg\]\:w-5>svg{width:1.25rem}