.room-card{position:relative;overflow:hidden}.group-visual{height:112px;margin:-12px -12px 20px;border-radius:18px;position:relative;overflow:hidden;background:var(--group-bg,var(--md-primary-container));isolation:isolate}.group-visual:before,.group-visual:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);opacity:.42}.group-visual:before{width:120px;height:120px;right:-20px;top:-48px;background:rgba(255,255,255,.72)}.group-visual:after{width:90px;height:90px;left:-20px;bottom:-50px;background:var(--md-tertiary)}.group-avatar{position:absolute;width:82px;height:82px;left:18px;bottom:-2px;z-index:2;filter:drop-shadow(0 8px 12px rgba(30,48,36,.15))}.group-visual-copy{position:absolute;right:16px;bottom:15px;z-index:2;padding:7px 11px;border:1px solid rgba(255,255,255,.5);border-radius:14px;background:rgba(255,255,255,.54);backdrop-filter:blur(10px);color:#203129;font:800 9px 'DM Sans';letter-spacing:.7px}.group-visual-copy i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#2e9b50;box-shadow:0 0 0 4px rgba(46,155,80,.13)}.room-top{min-height:55px}.room-bottom{gap:14px;padding-top:19px}.people{min-width:0}.people .avatar{width:42px;height:42px;border-width:3px;font-size:10px;box-shadow:0 2px 7px rgba(26,42,31,.12)}.people>span{min-width:0}.people>span b{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--md-on-surface)}.people>span small{font-size:9px}.join-button{flex:0 0 auto;min-height:46px;padding:5px 6px 5px 18px;border:0;border-radius:23px;background:var(--md-primary);color:var(--md-on-primary);box-shadow:0 6px 14px rgba(47,75,57,.2);font-size:12px;transition:.2s transform,.2s box-shadow,.2s background}.join-button:hover{background:color-mix(in srgb,var(--md-primary) 90%,#000);color:var(--md-on-primary);transform:translateY(-2px);box-shadow:0 9px 20px rgba(47,75,57,.28)}.join-button:active{transform:scale(.97)}.join-button span.material-symbols-rounded{width:36px;height:36px;margin-left:9px;background:rgba(255,255,255,.16);font-size:19px}.room-card.featured .join-button{background:#285d3c}.room-card:hover .group-avatar{animation:group-bob 2.2s ease-in-out infinite}@keyframes group-bob{50%{transform:translateY(-4px)}}@media(max-width:600px){.group-visual{height:104px}.room-bottom{align-items:center}.people>span{display:flex}.people>span b{max-width:112px}.join-button{padding-left:14px}.join-button span.material-symbols-rounded{margin-left:5px}}
/* Compact premium channel card */
.rooms-grid{gap:14px}.room-card,.room-card.featured{display:grid;grid-template-columns:124px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:18px;min-height:194px;padding:14px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(249,252,249,.48));border:1px solid rgba(255,255,255,.82);box-shadow:0 8px 26px rgba(33,53,40,.07),inset 0 1px 0 rgba(255,255,255,.72);overflow:hidden}.room-card.featured{background:linear-gradient(145deg,rgba(241,250,242,.92),rgba(255,255,255,.58));border-color:rgba(126,159,132,.27)}.room-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(33,53,40,.12),inset 0 1px 0 rgba(255,255,255,.8)}.room-card .group-visual{grid-column:1;grid-row:1/4;width:124px;height:auto;min-height:166px;margin:0;border-radius:17px}.room-card .group-visual:before{width:104px;height:104px;right:-35px;top:-26px;opacity:.5}.room-card .group-visual:after{width:78px;height:78px;left:-30px;bottom:-32px;opacity:.34}.room-card .group-avatar{width:94px;height:94px;left:15px;bottom:15px;filter:drop-shadow(0 9px 15px rgba(30,48,36,.17))}.room-card .group-visual-copy{top:12px;right:10px;bottom:auto;padding:6px 9px;border-radius:12px;font-size:8px;letter-spacing:.5px}.room-card .room-top{grid-column:2;grid-row:1;min-height:0;padding-top:5px}.room-card .room-language{gap:10px}.room-card .room-language>span{width:36px;height:36px;border-radius:12px;font-size:18px}.room-card .room-language small{font-size:8px;letter-spacing:.8px}.room-card .room-language h3{margin-top:3px;font-size:15px;letter-spacing:-.25px}.room-card>p{grid-column:2;grid-row:2;margin:7px 0 5px;font-size:11px;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-card .live-badge{padding:5px 8px}.room-card .room-bottom{grid-column:2;grid-row:3;align-self:end;gap:10px;margin:0;padding-top:11px}.room-card .people .avatar{width:34px;height:34px;border-width:2px;font-size:8px}.room-card .people>span b{max-width:118px;font-size:10px}.room-card .people>span small{font-size:8px}.room-card .join-button{min-height:40px;padding:4px 5px 4px 14px;border-radius:20px;font-size:10px;box-shadow:0 5px 12px rgba(47,75,57,.17)}.room-card .join-button span.material-symbols-rounded{width:31px;height:31px;margin-left:6px;font-size:16px}:root[data-theme="dark"] .room-card,:root[data-theme="dark"] .room-card.featured{background:linear-gradient(145deg,rgba(42,52,45,.92),rgba(31,39,34,.82));border-color:rgba(255,255,255,.09);box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)}
@media(max-width:1050px) and (min-width:701px){.room-card,.room-card.featured{grid-template-columns:104px minmax(0,1fr);column-gap:13px}.room-card .group-visual{width:104px}.room-card .group-avatar{width:82px;height:82px;left:11px}.room-card .people>span{display:none}}
@media(max-width:700px){.room-card,.room-card.featured{grid-template-columns:104px minmax(0,1fr);min-height:184px;padding:12px;column-gap:13px;border-radius:20px}.room-card .group-visual{width:104px;min-height:160px}.room-card .group-avatar{width:80px;height:80px;left:12px;bottom:18px}.room-card .group-visual-copy{right:7px}.room-card .room-language>span{display:none}.room-card .room-bottom{padding-top:9px}.room-card .people>span{display:flex}.room-card .people>span b{max-width:100px}.room-card .join-button{padding-left:11px}}
@media(max-width:430px){.room-card,.room-card.featured{grid-template-columns:88px minmax(0,1fr);column-gap:11px}.room-card .group-visual{width:88px}.room-card .group-avatar{width:70px;height:70px;left:9px}.room-card .people>span{display:none}.room-card .join-button{padding-left:12px}.room-card .join-button span.material-symbols-rounded{display:none}}
.creator-profile{border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}.creator-profile:hover b{text-decoration:underline;text-underline-offset:2px}