.live-rooms[hidden],.room-details-open[hidden]{display:none!important}
.live-rooms{position:relative;z-index:2;flex-shrink:0;width:min(1072px,calc(100% - 48px));margin:0 auto 42px;padding:24px;background:#121020;border:1px solid #9b83ff40;border-radius:16px}
.live-rooms-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}
.live-rooms-heading p{font-size:10px;letter-spacing:1.5px;color:#b7a6e6;margin-bottom:6px}
.live-rooms-heading h2{font-size:24px;font-weight:600}.live-rooms-heading>span{font-size:12px;color:#a7ddc2;white-space:nowrap}
.live-room-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:18px}
.live-room-filters label,.room-detail-fields>label{display:block;font:500 12px/1.5 'Inter',sans-serif;color:#ccc3de}
.live-room-filters input,.live-room-filters select,.room-detail-fields>input,.room-detail-fields>select{display:block;width:100%;min-width:0;min-height:44px;padding:10px 12px;margin-top:6px;border:1px solid #ffffff25;border-radius:10px;background:#191527;color:#eee8f7;font:14px/1.5 'Inter',sans-serif;box-sizing:border-box}
.live-room-filters :is(input,select):focus,.room-detail-fields>:is(input,select):focus{outline:0;box-shadow:none;background:#302640;border-color:#a799ff}
.live-room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:440px;overflow-y:auto}
.live-room-list article{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #ffffff14;border-radius:10px;background:#ffffff03}
.live-room-list article>div{min-width:0}.live-room-list h3{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.live-room-list p{font-size:12px;line-height:1.6;color:#ada4c0;margin-top:3px}
.live-room-list button,.room-details-save{flex-shrink:0;min-height:44px;padding:10px 16px;border:1px solid #a799ff;border-radius:10px;background:#8774ee;color:white;font:600 13px/1.5 'Inter',sans-serif;cursor:pointer}
.live-room-status{font-size:13px;color:#bfb3d3;margin-top:12px}.live-room-status:empty{display:none}
.create-room-details{margin:0 0 16px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff03}
.create-room-details summary{padding:12px;cursor:pointer;font-size:12px;color:#c5b9df;min-height:44px}
.create-room-details .room-detail-fields{padding:0 12px 12px}
.room-detail-fields>input,.room-detail-fields>select{margin-bottom:14px}.room-detail-fields label span{font-weight:400;color:#a89db9}
.room-detail-fields .room-listing-check{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.room-listing-check input{width:18px;height:18px;accent-color:#a799ff;flex-shrink:0}.room-listing-help,.room-details-note{font-size:12px;line-height:1.6;color:#b8accb;margin:6px 0 14px}
.room-details-open{min-height:32px;padding:6px 10px;border:1px solid #a799ff50;border-radius:10px;background:#211a33;color:#d8cdeb;font:11px/1.5 'Inter',sans-serif;cursor:pointer}
#mob-queue>.room-details-open{min-height:44px;margin:10px 14px}
.room-details-dialog{box-sizing:border-box;width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;margin:auto;padding:24px;border:1px solid #7563ad;border-radius:var(--card-radius,16px);background:#10101c;color:#eee;font:14px/1.5 system-ui;color-scheme:dark;scroll-padding:16px;overscroll-behavior:contain}
.room-details-dialog::backdrop{background:#05050ccc;backdrop-filter:blur(5px)}.room-details-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.room-details-heading h2{min-width:0;margin:0;font:600 19px/1.5 system-ui;overflow-wrap:anywhere}.room-details-heading button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;margin:0;border:0;background:#ffffff10;color:white;font-size:22px;line-height:1;cursor:pointer}.room-details-save{width:100%;background:#7c6fff;border:0;min-height:44px;padding:12px;font:500 13px/1.4 system-ui}
.room-details-dialog .room-detail-fields>:is(input,select){background:#201d2c;border-color:#ffffff28;color:#eee;font:16px/1.5 system-ui;padding:10px}
.room-details-dialog .room-detail-fields>select{padding-right:30px}
.room-details-dialog .room-detail-fields>:is(input,select):focus{background:#302640;border-color:#a799ff;outline:0;box-shadow:none}
.room-settings-host-tools:has(.premium-tools:not([hidden])){margin-top:22px;padding-top:18px;border-top:1px solid #ffffff20}
.room-settings-host-tools .premium-tools{margin:0;max-width:100%}
.room-settings-host-tools .premium-tool-body{max-height:none;overflow:visible}
.room-details-dialog form[hidden]{display:none}
@media(max-width:700px){.live-rooms{width:calc(100% - 28px);padding:18px;margin-bottom:28px}.live-room-filters,.live-room-list{grid-template-columns:minmax(0,1fr)}.live-rooms-heading h2{font-size:21px}}
@media(max-width:600px){.room-details-dialog{padding:16px;max-height:calc(100dvh - 24px)}.room-details-heading{gap:12px;margin-bottom:12px}.room-details-heading h2{font-size:20px;line-height:1.3}}