*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.rooms-sidebar{background:#2f3136;border-right:1px solid #ffffff0f;box-shadow:2px 0 10px #0000004d;display:flex;flex-direction:column;height:calc(100vh - 60px);left:0;overflow:hidden;position:fixed;top:60px;transition:transform .3s ease,width .3s ease;width:280px;z-index:1001}.rooms-sidebar.collapsed{transform:translateX(-100%)}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:60px;z-index:1000}@media (max-width:768px){.sidebar-overlay{display:block}.rooms-sidebar{z-index:1001}}.rooms-sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.username-input-section{display:flex;flex-direction:column;gap:10px}.username-input-section input{background:#fffffff2;border:2px solid #ffffff4d;border-radius:6px;color:#333;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.username-input-section input:focus{border-color:#fffc;outline:none}.save-username-btn{background:#ffffffe6;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s ease}.save-username-btn:hover{background:#fff;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.rooms-list{display:flex;flex-direction:column;gap:12px}.room-item{align-items:flex-start;background:#0000;border-left:3px solid #0000;border-radius:0;cursor:pointer;display:flex;padding:12px 16px;transition:background .2s ease}.room-item:hover{background:#40444b;border-left-color:#5865f2}.room-item-active{background:#40444b!important;border-left-color:#5865f2!important}.room-item-active .room-item-name{color:#fff;font-weight:600}.room-item-disabled{cursor:not-allowed!important;opacity:.5;pointer-events:none}.room-item-disabled:hover{background:#0000!important;border-left-color:#0000!important}.room-item-content{display:flex;flex-direction:column;gap:8px;width:100%}.room-item-name{color:#dcddde;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease}.room-item:hover .room-item-name{color:#fff}.room-item-users{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.room-user-badge{background:#40444b;border-radius:12px;color:#b9bbbe;font-size:.75rem;font-weight:400;padding:2px 8px}.no-rooms{color:#fffc;padding:20px}.loading,.no-rooms{font-size:1rem;text-align:center}.loading{color:#fff;padding:40px 20px}@media (max-width:768px){.rooms-sidebar{width:280px}}.videos-container{flex-wrap:wrap;gap:15px;justify-content:center;min-height:300px;padding-bottom:20px;padding-top:20px}.video-container{aspect-ratio:16/9;background:#000;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:default;display:flex;flex-direction:column;flex-shrink:0;min-width:200px;overflow:hidden;position:relative;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;width:300px}.video-container-no-video{min-width:150px;width:200px}.video-container-main{aspect-ratio:unset;flex:1 1;flex-direction:column;margin:0;max-height:100%;max-width:100%;min-width:0;min-width:auto;padding:0}.video-container-main,.video-container-main>div:first-child{border-radius:0;display:flex;height:100%;min-height:0;width:100%}.video-container-main>div:first-child{align-items:center;flex:1 1;justify-content:center;position:relative}.video-container-main video{border-radius:0;height:100%;object-fit:contain;width:100%}.video-container-main .username-label{border-radius:0;bottom:20;left:0;pointer-events:none;position:absolute;right:0;z-index:10}.video-container:hover{box-shadow:0 8px 12px #0003}.video-container-clickable{cursor:pointer}.video-container-clickable:hover{transform:scale(1.02);transition:transform .2s ease}video{background:#000;border-radius:12px 12px 0 0;cursor:pointer;display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}video:fullscreen{background:#000;object-fit:contain}video:-webkit-full-screen{background:#000;object-fit:contain}video:-moz-full-screen{background:#000;object-fit:contain}video:-ms-fullscreen{background:#000;object-fit:contain}.local-video-placeholder,.video-placeholder{border-radius:12px 12px 0 0;height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.local-video-placeholder{display:block}.username-label{align-items:center;background:#000c;border-radius:0;box-sizing:border-box;color:#dcddde;display:flex;flex-shrink:0;font-size:14px;font-weight:500;justify-content:center;min-height:20px;padding:6px 12px;text-align:center;width:100%}.volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;background:linear-gradient(90deg,#5865f2 0,#5865f2 100%,#ffffff1a 0,#ffffff1a 0);background:linear-gradient(to right,#5865f2 0,#5865f2 var(--volume-percent,100%),#ffffff1a var(--volume-percent,100%),#ffffff1a 100%);border-radius:0 0 12px 12px;cursor:pointer;flex-shrink:0;height:6px;margin:0 0 10px;outline:none;padding:0;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;height:0;width:0}.volume-slider::-webkit-slider-thumb:hover{height:0;width:0}.volume-slider::-moz-range-thumb{border:none;cursor:pointer;height:0;width:0}.volume-slider::-moz-range-thumb:hover{height:0;width:0}.volume-slider::-ms-thumb{border:none;cursor:pointer;height:0;width:0}.volume-slider::-ms-track{background:#0000;border-color:#0000;color:#0000;cursor:pointer;height:6px;width:100%}.microphone-indicator{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-radius:8px;box-shadow:0 2px 8px #0006;display:flex;height:36px;justify-content:center;pointer-events:none;position:absolute;top:10px;transition:all .2s ease;width:36px;z-index:100}.microphone-indicator.microphone-enabled{background:#000000bf;border:1px solid #4caf5080}.microphone-indicator.microphone-muted{background:#000000d9;border:1px solid #ff444480}.microphone-indicator svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));height:20px;width:20px}.controls-panel{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202225f2;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -4px 20px #0000004d;display:flex;gap:12px;justify-content:center;left:280px;padding:16px 20px;position:fixed;right:0;transition:left .3s ease;z-index:1000}.controls-panel.sidebar-collapsed{left:0}.control-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;min-width:160px;padding:12px 24px;transition:all .2s ease}.control-btn.enabled{background:#ed4245}.control-btn.enabled:hover:not(:disabled){background:#c03537;box-shadow:0 4px 12px #ed424566;transform:translateY(-2px)}.control-btn-audio.disabled{background:#43b581}.control-btn-audio.disabled:hover:not(:disabled){background:#3a9b6f;box-shadow:0 4px 12px #43b58166;transform:translateY(-2px)}.control-btn-video.disabled{background:#5865f2}.control-btn-video.disabled:hover:not(:disabled){background:#4752c4;box-shadow:0 4px 12px #5865f266;transform:translateY(-2px)}.control-btn-screen.disabled{background:#9b59b6}.control-btn-screen.disabled:hover:not(:disabled){background:#8e44ad;box-shadow:0 4px 12px #9b59b666;transform:translateY(-2px)}.control-btn-leave{background:#8b0000!important}.control-btn-leave:hover:not(:disabled){background:#6b0000!important;box-shadow:0 4px 12px #8b000066;transform:translateY(-2px)}.control-btn:active:not(:disabled){transform:translateY(0)}.control-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.control-icon{font-size:18px;line-height:1}.control-text{white-space:nowrap}.control-btn-wrapper{position:relative}.control-btn-split{align-items:stretch;border-radius:8px;box-shadow:0 2px 8px #0003;display:flex;min-width:160px;overflow:hidden}.control-btn-main{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.control-btn-audio.enabled .control-btn-main{background:#ed4245}.control-btn-audio.enabled .control-btn-main:hover:not(:disabled){background:#c03537}.control-btn-audio.disabled .control-btn-main{background:#43b581}.control-btn-audio.disabled .control-btn-main:hover:not(:disabled){background:#3a9b6f}.control-btn-divider{background:#fff3;margin:4px 0;width:1px}.control-btn-dropdown{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:36px;padding:12px;transition:all .2s ease}.control-btn-audio.enabled .control-btn-dropdown{background:#ed4245}.control-btn-audio.enabled .control-btn-dropdown:hover:not(:disabled){background:#c03537}.control-btn-audio.disabled .control-btn-dropdown{background:#43b581}.control-btn-audio.disabled .control-btn-dropdown:hover:not(:disabled){background:#3a9b6f}.dropdown-arrow{font-size:10px;opacity:.8;transition:transform .2s ease}.control-btn-dropdown:hover .dropdown-arrow{opacity:1}.microphone-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202225fa;border:1px solid #ffffff1a;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 20px #00000080;left:0;max-height:300px;min-width:200px;overflow:hidden;overflow-y:auto;position:absolute;right:0;z-index:1001}.microphone-option{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.microphone-option:hover{background:#ffffff1a}.microphone-option.active{background:#43b58133;color:#43b581}.microphone-option.active:hover{background:#43b5814d}.checkmark{color:#43b581;font-weight:700;margin-left:8px}@media (max-width:768px){.controls-panel{gap:8px;padding:12px 16px}.control-btn{font-size:14px;padding:10px 16px}.control-btn,.control-btn-split{flex:1 1;min-width:auto}.control-btn-main{font-size:14px;padding:10px 16px}.control-btn-dropdown{min-width:32px;padding:10px}.control-text{display:none}.control-icon{font-size:20px}.microphone-dropdown{min-width:180px}.microphone-option{font-size:13px;padding:10px 12px}}.main-interface{animation:fadeIn .5s ease-in;display:flex;flex-direction:column;justify-content:space-between;margin-left:280px;margin-top:60px;min-height:calc(100vh - 100px);overflow:hidden;position:relative;transition:margin-left .3s ease,width .3s ease;width:calc(100% - 280px)}.main-interface.has-controls{height:calc(100vh - 80px);margin-bottom:80px;margin-top:0}.main-interface.has-controls .videos-container{height:100%}.main-interface.sidebar-collapsed{margin-left:0!important;width:100%!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.links-container{align-items:center;color:#dcddde;display:flex;flex-direction:column;gap:10px;margin-top:auto;padding:20px 0;width:100%}.link{color:#5865f2;text-decoration:none;transition:color .3s ease}.link:hover{color:#4752c4;text-decoration:underline}.welcome-message{align-items:center;color:#dcddde;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.welcome-message h1{color:#fff;font-size:2.5rem;font-weight:600;margin:0 0 20px}.welcome-message p{color:#b9bbbe;font-size:1.2rem;margin:0;max-width:600px}.videos-container{flex-direction:column;gap:0;height:calc(100vh - 140px);margin:0;max-width:100%;position:relative}.main-video-wrapper,.videos-container{display:flex;min-height:0;overflow:hidden;padding:0;width:100%}.main-video-wrapper{align-items:center;flex:1 1;justify-content:center;margin:60px 0 0}.other-videos-grid{flex-shrink:0;max-height:200px;padding:10px}.other-videos-grid,.videos-row{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;overflow-y:auto}.videos-row{align-items:center;flex-direction:row;height:100%;overflow-x:hidden;padding:20px;width:100%}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2f3136;border-bottom:1px solid #ffffff0f;box-shadow:0 2px 8px #0000004d;height:60px;left:0;position:fixed;right:0;top:0;z-index:1000}.app-header,.header-content{align-items:center;display:flex}.header-content{justify-content:space-between;max-width:100%;padding:0 20px;position:relative;width:100%}@media (max-width:768px){.header-content{padding:0 15px}}.burger-menu{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;height:30px;justify-content:center;left:20px;padding:0;position:absolute;transition:transform .3s ease;width:30px;z-index:2}.burger-menu:hover{transform:scale(1.1)}.burger-line{background:#fff;border-radius:2px;height:3px;margin:3px 0;position:relative;transform-origin:center;transition:all .3s ease;width:20px}.burger-line.open:first-child{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.burger-line.open:nth-child(2){opacity:0;transform:scaleX(0)}.burger-line.open:nth-child(3){left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.header-logo{align-items:center;display:flex;flex-shrink:0;left:70px;position:absolute;z-index:1}.header-logo h1{color:#fff;font-size:1.5rem;font-weight:600;margin:0;white-space:nowrap}@media (max-width:768px){.burger-menu{left:15px}.header-logo{left:55px}.header-logo h1{font-size:1.2rem}}.header-username{flex-shrink:0;gap:10px;margin-left:auto;margin-right:0;padding-left:280px;transition:padding-left .3s ease}.header-username,.noise-suppression-control,.noise-suppression-label{align-items:center;display:flex}.noise-suppression-label{background:#40444b;border-radius:4px;color:#dcddde;cursor:pointer;font-size:13px;gap:6px;padding:6px 10px;transition:background .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.noise-suppression-label:hover{background:#484c52}.noise-suppression-label input[type=checkbox]{accent-color:#5865f2;cursor:pointer;flex-shrink:0;height:16px;width:16px}.noise-suppression-label span{font-weight:500}@media (max-width:768px){.noise-suppression-label span{display:none}.noise-suppression-label{padding:6px 8px}}.header-username.sidebar-collapsed{padding-left:0}@media (max-width:768px){.header-username{margin-left:auto;padding-left:0}}#headerUsernameInput{background:#40444b;border:1px solid #ffffff1a;border-radius:4px;color:#dcddde;font-size:14px;min-width:150px;padding:8px 12px;transition:border-color .3s,background .3s;width:200px}@media (max-width:768px){#headerUsernameInput{font-size:13px;min-width:100px;padding:6px 10px;width:120px}.header-save-btn{font-size:13px;padding:6px 12px}}@media (max-width:480px){.header-username{gap:6px}#headerUsernameInput{min-width:80px;width:100px}}#headerUsernameInput:focus{background:#484c52;border-color:#5865f2;outline:none}.header-save-btn{background:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:all .3s ease}.header-save-btn:hover{background:#4752c4;box-shadow:0 2px 4px #0000004d;transform:translateY(-1px)}.header-download-btn{align-items:center;background:#0000;border:1px solid #fffc;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .3s ease}.header-download-btn:hover{background:#ffffff1a;border-color:#fffffff2;box-shadow:0 2px 4px #0000004d;transform:translateY(-1px)}@media (max-width:768px){.header-download-btn{font-size:13px;padding:6px 12px}}.header-settings-btn,.header-sound-btn{align-items:center;background:#40444b;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;line-height:1;padding:8px 12px;transition:all .3s ease}.header-settings-btn:hover,.header-sound-btn:hover{background:#484c52;box-shadow:0 2px 4px #0000004d;transform:translateY(-1px)}.header-username-desktop{align-items:center;display:flex;gap:10px}.header-username-mobile{display:none;position:relative}.header-mobile-menu-btn{align-items:center;background:#40444b;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;line-height:1;min-width:40px;padding:8px 12px;transition:all .3s ease}.header-mobile-menu-btn:hover{background:#484c52}.header-mobile-menu{background:#2f3136;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 20px #00000080;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}.header-mobile-menu-item{align-items:center;background:#0000;border:none;color:#dcddde;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.header-mobile-menu-item:hover{background:#ffffff1a}.header-mobile-menu-item:not(:last-child){border-bottom:1px solid #ffffff0d}.mobile-menu-icon{font-size:18px;text-align:center;width:24px}.mobile-menu-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:12px;width:100%}.mobile-menu-checkbox-label input[type=checkbox]{accent-color:#5865f2;cursor:pointer;height:18px;width:18px}.header-mobile-menu-username{align-items:stretch;flex-direction:column;gap:8px}.header-mobile-username-input{background:#40444b;border:1px solid #ffffff1a;border-radius:4px;box-sizing:border-box;color:#dcddde;font-size:14px;padding:8px 12px;width:100%}.header-mobile-username-input:focus{background:#484c52;border-color:#5865f2;outline:none}.header-mobile-save-btn{background:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:all .3s ease;width:100%}.header-mobile-save-btn:hover{background:#4752c4}@media (max-width:768px){.header-username-desktop{display:none}.header-username-mobile{display:block}.header-logo{max-width:calc(100% - 100px);overflow:hidden}.header-logo h1{overflow:hidden;text-overflow:ellipsis}}@media (max-width:480px){.header-mobile-menu{min-width:180px;right:-10px}}.settings-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.settings-menu{background:#2f3136;border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.settings-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.settings-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.settings-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#b9bbbe;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.settings-close-btn:hover{background:#ffffff1a;color:#fff}.settings-content{flex:1 1;overflow-y:auto;padding:24px}.settings-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:16px 0}.settings-row:last-child{border-bottom:none}.settings-label{color:#dcddde;flex:1 1;font-size:15px}.key-display-static,.settings-key-input{align-items:center;display:flex;gap:12px}.key-badge{background:#202225;border:1px solid #ffffff1a;border-radius:6px;display:inline-block;font-family:Courier New,monospace;font-weight:600;min-width:40px;padding:6px 12px;text-align:center}.key-badge,.key-edit-btn{color:#fff;font-size:14px}.key-edit-btn{background:#5865f2;border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:6px 16px;transition:all .2s ease}.key-edit-btn:hover{background:#4752c4}.key-capture-mode{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.key-display{background:#202225;border:2px dashed #5865f2;border-radius:6px;color:#5865f2;font-family:Courier New,monospace;font-size:14px;font-weight:600;min-width:120px;padding:8px 16px;text-align:center}.key-capture-actions{display:flex;gap:8px}.key-capture-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s ease}.key-capture-btn.save{background:#43b581;color:#fff}.key-capture-btn.save:hover:not(:disabled){background:#3a9b6f}.key-capture-btn.save:disabled{background:#2d7d5a;cursor:not-allowed;opacity:.5}.key-capture-btn.cancel{background:#747f8d;color:#fff}.key-capture-btn.cancel:hover{background:#5d6673}.settings-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:center;padding:16px 24px}.settings-reset-btn{background:#ed4245;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.settings-reset-btn:hover{background:#c03537}.screen-source-selector-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.screen-source-selector{background:#2f3136;border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.screen-source-selector-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.screen-source-selector-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.screen-source-selector-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.screen-source-selector-close:hover{background:#ffffff1a}.screen-source-selector-content{flex:1 1;overflow-y:auto;padding:20px 24px}.screen-source-selector-error,.screen-source-selector-info,.screen-source-selector-loading{color:#fff;padding:40px 24px;text-align:center}.screen-source-selector-error{color:#ed4245}.screen-source-group{margin-bottom:24px}.screen-source-group:last-child{margin-bottom:0}.screen-source-group h4{color:#b9bbbe;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.screen-source-group-primary{border-bottom:2px solid #5865f24d;margin-bottom:32px;padding-bottom:24px}.screen-source-group-primary h4{color:#5865f2;font-size:15px}.screen-source-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.screen-source-item{align-items:center;background:#36393f;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:120px;padding:12px;transition:all .2s}.screen-source-item:hover{background:#40444b;border-color:#5865f2;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.screen-source-item-primary{background:#3a3d44;border-color:#5865f280}.screen-source-item-primary:hover{background:#40444b;border-color:#5865f2;box-shadow:0 4px 16px #5865f266}.screen-source-thumbnail{background:#2f3136;border-radius:4px;height:80px;object-fit:contain;width:100%}.screen-source-name{color:#fff;font-size:12px;line-height:1.3;text-align:center;word-break:break-word}body{align-items:center;background:#36393f;color:#dcddde;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:space-between;margin:0;padding:0}.App,body{min-height:100vh}.App{width:100%}
/*# sourceMappingURL=main.ba90ab92.css.map*/