[data-live-classes]{padding:clamp(16px,3vw,32px);max-width:1200px;margin-inline:auto}
[data-live-classes] h1{margin-block:0 12px}
[data-live-classes] form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:24px}
[data-live-classes] label{display:flex;flex-direction:column;gap:6px;min-width:0}
[data-live-classes] input,[data-live-classes] select{width:100%;min-width:0;box-sizing:border-box}
[data-live-classes] button,[data-live-classes] a{margin:4px;padding:10px 16px;border-radius:8px}
[data-live-classes] article{margin-block:16px;padding:18px}
[data-live-classes] [role=status]{color:var(--danger,#9e3030)}
.live-class-room{width:min(1100px,94vw);max-height:92dvh;overflow:auto;border:0;border-radius:18px;padding:20px;background:var(--surface,#fff);color:var(--text,#221c20)}
.live-class-room::backdrop{background:#15131bb8}
.live-class-room [data-tracks]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;background:#17151a;border-radius:12px;min-height:140px}
.live-class-room button{padding:10px 16px;margin:6px;border-radius:8px}
@media(max-width:600px){[data-live-classes] form{grid-template-columns:1fr}[data-live-classes] h1{font-size:1.6rem}.live-class-room{padding:12px}}