#group-feed:has(.rooms-react-screen){display:block}.rooms-react-screen{gap:16px;width:100%;display:grid}.rooms-hero,.rooms-create-panel,.rooms-join-panel,.rooms-card,.rooms-empty,.rooms-status{background:linear-gradient(145deg,#ffffff17,#ffffff06),#0d101ceb;border:1px solid #35d8ff2e;border-radius:18px;box-shadow:0 18px 42px #00000038}.rooms-hero{justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.rooms-hero span,.rooms-panel-head span,.rooms-card-title>span{color:#7cff6b;letter-spacing:.08em;font-size:10px;font-weight:1000;display:block}.rooms-hero h2{margin:4px 0;font-size:clamp(22px,4vw,34px)}.rooms-hero p,.rooms-panel-head,.rooms-join-panel small,.rooms-card-title p,.rooms-card-copy,.rooms-empty span{color:#aeb8d2}.rooms-refresh-action,.rooms-create-action,.rooms-join-action,.rooms-primary-action,.rooms-secondary-action,.rooms-mini-action,.rooms-invite-chip button{cursor:pointer;border:0;border-radius:999px;min-height:38px;padding:9px 14px;font-weight:950}.rooms-refresh-action,.rooms-secondary-action,.rooms-mini-action{color:#e8edff;background:#ffffff14;border:1px solid #ffffff1f}.rooms-create-action,.rooms-join-action,.rooms-primary-action,.rooms-invite-chip button{color:#041018;background:linear-gradient(135deg,#36dfff,#7cff6b)}.rooms-create-action:disabled,.rooms-join-action:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.55}.rooms-control-grid{grid-template-columns:minmax(0,1.35fr) minmax(240px,.75fr);gap:14px;display:grid}.rooms-create-panel,.rooms-join-panel{gap:10px;padding:16px;display:grid}.rooms-panel-head{gap:3px;display:grid}.rooms-panel-head strong{color:#fff;font-size:19px}.rooms-create-panel input,.rooms-create-panel textarea,.rooms-join-panel input{color:#fff;font:inherit;background:#ffffff13;border:1px solid #ffffff1c;border-radius:12px;outline:none;min-height:42px;padding:10px 12px}.rooms-create-panel textarea{resize:vertical;min-height:88px}.rooms-create-panel input:focus,.rooms-create-panel textarea:focus,.rooms-join-panel input:focus{border-color:#35d8ffa6;box-shadow:0 0 0 3px #35d8ff1a}.rooms-privacy-toggle,.rooms-filter-bar,.rooms-actions{flex-wrap:wrap;gap:8px;display:flex}.rooms-privacy-toggle button,.rooms-filter-bar button{color:#dce5ff;cursor:pointer;background:#ffffff13;border:1px solid #ffffff1c;border-radius:999px;min-height:34px;padding:8px 12px;font-weight:900}.rooms-privacy-toggle button.active,.rooms-filter-bar button.active{color:#fff;background:#ff4fd82b;border-color:#ff4fd875}.rooms-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:14px;display:grid}.rooms-card{--room-accent:#35d8ff;overflow:hidden}.rooms-card-cover{background:linear-gradient(145deg, color-mix(in srgb, var(--room-accent) 28%, #101827), #080c18c7), var(--room-cover,none);background-position:50%;background-size:cover;justify-content:space-between;align-items:flex-start;min-height:116px;padding:14px;display:flex;position:relative}.rooms-card-mark{background:color-mix(in srgb, var(--room-accent) 70%, #15172a);box-shadow:0 0 24px color-mix(in srgb, var(--room-accent) 24%, transparent);color:#031019;border:2px solid #ffffff29;border-radius:16px;justify-content:center;align-items:center;min-width:44px;height:44px;padding:0 9px;font-size:11px;font-weight:1000;display:inline-flex}.rooms-live-chip,.rooms-unread{color:#fff;background:#00000073;border:1px solid #ffffff1f;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:950}.rooms-unread{background:#ff4fd8;position:absolute;bottom:12px;right:14px}.rooms-card-body{gap:12px;padding:15px;display:grid}.rooms-card-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.rooms-card-title h3{margin:0;font-size:18px}.rooms-card-title p,.rooms-card-copy{margin:4px 0 0;font-size:12px}.rooms-card-copy{margin:0;line-height:1.45}.rooms-invite-chip{background:#35d8ff14;border:1px solid #35d8ff38;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex}.rooms-invite-chip span{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow:hidden}.rooms-actions button{flex:1}.rooms-empty,.rooms-status{gap:5px;padding:18px;display:grid}.rooms-status{color:#fff}@media (width<=760px){.rooms-hero,.rooms-control-grid{grid-template-columns:1fr}.rooms-hero{align-items:stretch;display:grid}}