.live-class-banners{padding:14px 24px 0;display:grid;gap:10px}.live-class-banner{display:flex;align-items:center;gap:22px;padding:18px 22px;border:1px solid #a1eab0;background:linear-gradient(100deg,#dcffce,#c5fac8);border-radius:14px;color:#153825}.live-banner-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#099842;color:#fff;flex:none}.live-banner-heading{flex:1}.live-banner-heading small{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700;color:#23883c;margin-bottom:5px}.live-banner-heading strong{font-size:21px;line-height:1.25}.live-class-banner p{font-size:13px;border-left:1px solid #8fd99e;padding-left:22px;line-height:1.5}.live-banner-count{display:flex;gap:10px;align-items:center;font-size:13px;white-space:nowrap}.live-banner-count small{display:block}.live-class-banner .ip-btn{background:#302347;color:#fff;border-color:#302347;white-space:nowrap;min-height:44px}.rooms-hub-welcome{padding:24px 0 12px}.rooms-hub-welcome small{letter-spacing:.17em;text-transform:uppercase;font-size:11px;color:var(--muted-foreground)}.rooms-hub-welcome h1{font-size:34px;font-weight:750;letter-spacing:-.04em;display:flex;align-items:center;gap:12px;margin:5px 0}.rooms-hub-welcome h1 svg{color:#a785e8;width:35px;height:35px;flex:none}.room-hub-section p,.rooms-hub-welcome p{color:var(--muted-foreground);line-height:1.6}.room-live-hero{gap:22px;padding:20px;background:linear-gradient(115deg,#37264c,#231a36);border:1px solid #8962b9;border-radius:16px;color:#fff;margin:8px 0 26px;min-height:185px}.room-hero-art,.room-live-hero{display:flex;align-items:center}.room-hero-art{width:125px;align-self:stretch;flex:none;flex-direction:column;justify-content:center;gap:14px;border-radius:12px;background:#ffffff10;color:#c4a2ef}.room-hero-art span{font-size:10px;font-weight:700;letter-spacing:.15em}.room-hero-info{flex:1;min-width:0}.room-hero-info h2{font-size:25px;line-height:1.22;margin:9px 0}.room-hero-theme{font-size:14px;color:#e0d1ee;margin:6px 0 14px}.room-state{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;font-size:10px;text-transform:uppercase;font-weight:750;border-radius:30px;letter-spacing:.03em;line-height:1.4}.room-state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.room-state.green{background:#c8f8d3;color:#196b2d}.room-state.red{background:#ffe5e8;color:#9b3446}.room-state.available{background:#ede5ff;color:#68429a}.room-hero-details{display:flex;flex-wrap:wrap;gap:10px 19px;font-size:12px;color:#e2dbea}.room-hero-details span{display:flex;align-items:center;gap:7px}.room-live-hero .room-hero-enter{background:#bd9ae9;color:#231239;border:0;min-height:50px;max-width:235px;text-align:left;flex:none}.room-art-signature{font-family:cursive;font-style:italic;font-size:24px;line-height:1.1;color:#c7a4f0;padding:8px 17px;border-left:1px solid #9474b855;transform:rotate(-7deg)}.room-hub-section h2{font-size:21px;font-weight:700}.room-hub-section p{font-size:13px;margin:4px 0 14px}.room-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.room-hub-card{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:20px;display:flex;flex-direction:column}.room-hub-card.is-live{border-color:#8ee2aa;background:linear-gradient(140deg,#b8f8c510,var(--card))}.room-hub-card-top{display:flex;align-items:flex-start;gap:14px}.room-hub-card-icon{flex:none;width:54px;height:54px;display:grid;place-items:center;background:#a881ec20;color:#8b5ec5;border-radius:12px}.room-hub-card h3{font-size:18px;font-weight:700;margin:8px 0 3px}.room-hub-card p{font-size:13px;line-height:1.5;color:var(--muted-foreground)}.room-hub-card .room-card-people{display:flex;align-items:center;gap:8px;margin:20px 0 14px}.room-hub-card .ip-btn{margin-top:auto;min-height:44px}.room-card-theme{padding-top:10px}.room-hub-audio{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;color:var(--muted-foreground);margin:14px 0 20px}.room-hub-audio svg{flex:none}.room-hub-recordings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.room-hub-recordings article{display:flex;align-items:flex-start;gap:16px;background:var(--card);border:1px solid var(--border);padding:20px;border-radius:14px}.room-hub-recordings article>div{flex:1}.room-hub-recordings h2{font-size:18px;font-weight:700}.room-hub-recordings p{font-size:13px;line-height:1.5;color:var(--muted-foreground);margin:7px 0 15px}.room-topic-dialog select{max-width:100%;width:100%}.room-topic-dialog p{line-height:1.6}.room-topic-dialog .ip-btn{margin-top:12px}@media(max-width:1250px){.live-class-banner p,.room-art-signature{display:none}.room-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-hub-card:last-child{grid-column:1/-1}.room-hero-art{width:90px}.room-hero-info h2{font-size:21px}}@media(max-width:760px){.live-class-banners{padding:10px 12px 0}.live-class-banner{padding:14px;gap:12px;flex-wrap:wrap}.live-banner-icon{width:38px;height:38px}.live-banner-heading strong{font-size:16px}.live-banner-heading small{font-size:8px}.live-banner-count{margin-left:50px;font-size:12px}.live-class-banner .ip-btn{margin-left:auto}.rooms-hub-welcome h1{font-size:28px}.rooms-hub-welcome p{font-size:13px}.room-live-hero{flex-wrap:wrap;padding:17px;gap:15px}.room-hero-art{width:65px;min-height:75px}.room-hero-art svg{width:35px;height:35px}.room-hero-art span{font-size:8px}.room-hero-info h2{font-size:21px}.room-live-hero .room-hero-enter{width:100%;max-width:none;justify-content:center}.room-hub-grid,.room-hub-recordings{grid-template-columns:1fr}.room-hub-card:last-child{grid-column:auto}.room-hub-recordings article{padding:17px}.rooms-hub-welcome h1 svg{width:26px}.room-hero-details{gap:8px}}.teaching-rooms-hub .room-hub-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}