.rooms-page{flex-direction:column;gap:14px;display:flex}.rooms-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rooms-filter{background:var(--bg-elevated);border-radius:var(--r-md);gap:4px;padding:3px;display:flex}.rooms-filter button{color:var(--text-muted);border-radius:calc(var(--r-md) - 3px);cursor:pointer;background:0 0;border:none;padding:5px 12px;font-size:12px;font-weight:600;transition:all .12s}.rooms-filter button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0f172a14}.rooms-search{background:var(--bg-card);border:1px solid var(--border,#e2e8f0);border-radius:var(--r-md);align-items:center;gap:6px;min-width:200px;margin-left:auto;padding:6px 10px;display:flex}.rooms-search input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:12.5px}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.room-card{background:var(--bg-card);border:1px solid var(--border,#e2e8f0);border-radius:var(--r-lg);cursor:pointer;text-align:left;flex-direction:column;gap:8px;padding:16px;transition:transform .12s,box-shadow .12s;display:flex}.room-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0f172a14}.room-card-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.room-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.room-card-meta{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;font-size:10.5px;display:flex}.room-card-joined{color:var(--accent-primary,#2563eb);background:var(--bg-elevated);border-radius:99px;padding:2px 7px;font-size:10px;font-weight:700}.rooms-empty{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:13px;line-height:1.8}.room-modal-backdrop{z-index:200;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.room-modal{background:var(--bg-card);border-radius:var(--r-lg);flex-direction:column;gap:14px;width:min(420px,100vw - 32px);padding:22px;display:flex;box-shadow:0 20px 50px #0f172a40}.room-modal h3{font-size:16px;font-weight:700}.room-modal label{color:var(--text-primary);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.room-modal input[type=text],.room-modal textarea{border:1px solid var(--border,#e2e8f0);border-radius:var(--r-md);background:var(--bg-main);color:var(--text-primary);resize:none;outline:none;padding:9px 11px;font-family:inherit;font-size:13px}.room-modal input[type=text]:focus,.room-modal textarea:focus{border-color:var(--accent-primary,#2563eb)}.room-type-options{gap:8px;display:flex}.room-type-option{border:1.5px solid var(--border,#e2e8f0);border-radius:var(--r-md);cursor:pointer;background:var(--bg-card);text-align:left;flex:1;padding:10px;transition:border-color .12s}.room-type-option.selected{border-color:var(--accent-primary,#2563eb);background:var(--bg-elevated)}.room-type-option strong{margin-bottom:2px;font-size:12.5px;display:block}.room-type-option span{color:var(--text-muted);font-size:10.5px}.room-modal-error{color:#dc2626;font-size:12px}.room-modal-actions{justify-content:flex-end;gap:8px;display:flex}.room-modal-actions .cancel{background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--r-md);cursor:pointer;border:none;padding:8px 16px;font-size:12.5px;font-weight:600}.room-join-status{text-align:center;color:var(--text-muted);padding:80px 20px;font-size:14px;line-height:2}.room-card-owner{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-weight:600;overflow:hidden}