.role-badge[data-v-2dc10e64]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--role-color);display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;transition:all var(--transition)}.role-label[data-v-2dc10e64]{white-space:nowrap}.room-card-wrapper[data-v-540420d3]{position:relative}.room-card[data-v-540420d3]{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem;justify-content:space-between;padding:var(--spacing-lg);text-decoration:none;transition:var(--transition);width:100%}button.room-card[data-v-540420d3]{-moz-appearance:none;appearance:none;-webkit-appearance:none;color:inherit;cursor:pointer;font:inherit;text-align:left}.room-card[data-v-540420d3] *{line-height:1;margin:0}.room-data[data-v-540420d3],.room-header[data-v-540420d3]{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:space-between;width:100%}.room-data[data-v-540420d3],.room-status[data-v-540420d3]{align-items:center}.room-status[data-v-540420d3]{display:flex;flex-shrink:0;gap:.5rem}.status-icon[data-v-540420d3]{color:var(--text-secondary);transition:color var(--transition)}.visibility-icon[data-v-540420d3]{color:var(--warning-color,#f39c12)}.password-icon[data-v-540420d3]{color:var(--text-secondary)}.room-card h3[data-v-540420d3]{color:var(--text-primary);flex:1;font-size:1.3rem}.room-author[data-v-540420d3]{align-items:center;display:flex;flex-shrink:0;font-size:.85rem;gap:var(--spacing-xs);gap:.5rem}.author-name[data-v-540420d3],.room-author[data-v-540420d3]{color:var(--text-secondary)}.author-name[data-v-540420d3]{font-weight:500}.room-card p[data-v-540420d3]{font-size:.9rem}.room-card p[data-v-540420d3],.room-url[data-v-540420d3]{color:var(--text-secondary)}.room-url[data-v-540420d3]{align-items:center;display:flex;font-family:var(--font-mono,monospace);font-size:.85rem;gap:var(--spacing-xs)}.url-icon[data-v-540420d3]{font-size:1rem;opacity:.7}.room-date[data-v-540420d3]{color:var(--text-secondary);font-size:.9rem}.view-btn[data-v-540420d3]{background:var(--success-color);border-radius:var(--border-radius);color:#fff;display:inline-block;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color var(--transition)}.view-btn[data-v-540420d3]:hover{background:var(--success-hover)}.room-users[data-v-540420d3]{align-items:center;display:flex;flex-shrink:0}.user-avatar-wrapper[data-v-540420d3]{position:relative;transition:transform .2s ease}.user-avatar-wrapper[data-v-540420d3]:hover{transform:translateY(-2px)}.user-avatar[data-v-540420d3]{border:2px solid var(--bg-secondary);border-radius:50%;height:28px;position:relative;transition:transform .2s ease;width:28px}.room-users .user-avatar[data-v-540420d3]{margin-right:-10px}.room-users .user-avatar[data-v-540420d3]:hover{transform:translateY(-2px)}.remaining-count[data-v-540420d3]{align-items:center;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:500;justify-content:center}.room-card[data-v-540420d3]:hover{background-color:var(--primary-muted);border-color:color-mix(in srgb,var(--warning-color,#f39c12) 30%,transparent);box-shadow:var(--shadow);transform:translateY(-2px)}.favorite-icon[data-v-540420d3]{color:var(--favorite-color);cursor:pointer;transition:all .2s ease}.favorite-icon[data-v-540420d3]:hover{transform:scale(1.1)}.online-indicator[data-v-540420d3]{animation:pulse-540420d3 2s ease-out infinite;background:var(--warning-color,#f39c12);border-radius:50%;box-shadow:0 0 #f39c12b3;display:inline-block;height:10px;margin-bottom:3px;margin-right:.5rem;vertical-align:middle;width:10px}@keyframes pulse-540420d3{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.room-card.active[data-v-540420d3]{border-color:color-mix(in srgb,var(--warning-color,#f39c12) 30%,transparent)}.room-activity-info[data-v-540420d3]{align-items:center;display:flex;margin-left:1rem;margin-right:var(--spacing-sm)}.active-users-count[data-v-540420d3]{background:var(--bg-tertiary);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.2rem .5rem}@media(max-width:768px){.room-header[data-v-540420d3]{flex-wrap:wrap;gap:var(--spacing-xs)}.room-author[data-v-540420d3]{align-self:flex-end}}