.rooms-layout{min-height:100vh;background:#0b0e14}.rooms-header{display:flex;justify-content:space-between;align-items:center;background:#141821;border-bottom:1px solid #1f2430;padding:0 24px}.rooms-title{color:#fff!important;margin:0!important}.rooms-header-actions{display:flex;align-items:center;gap:12px}.rooms-user{color:#c9d1d9!important;margin:0!important}.rooms-content{padding:24px}.rooms-loader,.rooms-empty{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center}.rooms-empty .ant-empty-description{color:#c9d1d9}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.room-card{background:#141821;border:1px solid #1f2430;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.room-card .ant-card-body{display:flex;flex-direction:column;gap:12px}.room-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000040}.room-card--disabled{opacity:.55;cursor:not-allowed}.room-card-title{font-size:16px;font-weight:600}.room-card-meta{display:flex;align-items:center;justify-content:space-between}@media(max-width:768px){.rooms-content{padding:16px}.rooms-header{padding:0 16px}}.room-layout{min-height:100vh;background:#0b0e14}.room-header{display:flex;justify-content:space-between;align-items:center;background:#141821;border-bottom:1px solid #1f2430;padding:0 24px}.room-title{color:#fff!important;margin:0!important}.room-content{position:relative;padding:24px;min-height:calc(100vh - 64px);background:#0b0e14;--controls-height: 72px}.room-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0e14a6;z-index:10}.room-stage{position:relative;height:calc(100vh - 64px - var(--controls-height));display:flex;justify-content:center;align-items:center}.remote-tile{position:relative;width:min(100%,1000px);height:min(70vh,620px);background:#0f1117;border:1px solid #1f2430;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px #00000059}.remote-video,.local-video{width:100%;height:100%;object-fit:cover}.video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f1117;color:#c9d1d9}.video-placeholder-icon{font-size:48px;opacity:.75}.remote-footer{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;color:#fff;background:linear-gradient(180deg,#0000,#000000a6 70%)}.remote-footer-name{color:#fff!important;font-weight:600}.remote-footer-icons{display:flex;align-items:center;gap:12px}.remote-icon{font-size:18px}.remote-icon--active{color:#fff}.remote-icon--muted{color:#9ca3af}.local-tile{position:absolute;right:24px;bottom:calc(var(--controls-height) + 16px);width:min(30vw,260px);aspect-ratio:16 / 9;background:#0f1117;border:1px solid #1f2430;border-radius:14px;overflow:hidden;box-shadow:0 16px 30px #00000059}.room-controls{position:absolute;left:0;right:0;bottom:0;height:var(--controls-height);display:flex;align-items:center;justify-content:center;padding:12px 16px;background:#141821e6;border-top:1px solid #1f2430;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.room-lobby-modal .ant-modal-content{background:#fff;color:#111827}.room-lobby-modal .ant-modal-header{background:#fff;border-bottom:1px solid #e5e7eb}.room-lobby-modal .ant-modal-title,.room-lobby-modal .ant-modal-body{color:#111827}.room-lobby-modal .ant-modal-footer{background:#fff;border-top:1px solid #e5e7eb}.room-lobby-modal .ant-typography{color:#111827}.room-lobby-modal .ant-typography-secondary{color:#6b7280}.room-lobby-modal .ant-select-selector{background:#fff!important}.room-lobby-body{position:relative;display:flex;flex-direction:column;gap:16px}.room-lobby-footer{display:flex;justify-content:flex-end;gap:12px}.room-lobby-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fffc;z-index:10}.room-lobby-meta,.room-lobby-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-lobby-devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.room-lobby-value{font-weight:600;margin-top:4px}@media(max-width:1024px){.remote-tile{height:min(62vh,520px)}}@media(max-width:768px){.room-content{padding:16px;--controls-height: 68px}.room-header{padding:0 16px}.remote-tile{height:52vh}.local-tile{width:min(38vw,200px);right:16px}.room-lobby-section,.room-lobby-meta,.room-lobby-devices{grid-template-columns:1fr}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}div[id=root]{min-width:100%}