.meeting-view{min-height:100vh;padding:24px;background:radial-gradient(circle at top,#242047 0,#0c0e13 46%);color:#f4f5f8}.meeting-shell{width:min(1100px,100%);margin:auto}.meeting-lobby{width:min(520px,100%);margin:7vh auto;padding:28px;border:1px solid #ffffff1f;border-radius:24px;background:#171a22e8;box-shadow:0 28px 80px #0008}.meeting-lobby h1{margin:8px 0}.meeting-lobby label{display:grid;gap:8px;margin:18px 0;color:#c4c8d2}.meeting-lobby input{min-height:48px;padding:0 14px;border:1px solid #ffffff24;border-radius:13px;background:#0c0e13;color:white;font:inherit}.meeting-preview{display:block;width:100%;aspect-ratio:16/9;border-radius:18px;object-fit:cover;background:#080a0f}.meeting-options,.meeting-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0}.meeting-options button,.meeting-controls button,.meeting-join{min-height:46px;padding:0 18px;border:1px solid #ffffff20;border-radius:14px;background:#272c38;color:white;font:inherit;font-weight:700;cursor:pointer}.meeting-options button.off,.meeting-controls button.off{color:#d97a86;background:#d97a8626}.meeting-join{width:100%;border:0;background:linear-gradient(135deg,#8ea2ff,#c36fff)}.meeting-error{min-height:24px;color:#f29aa5}.meeting-room-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.meeting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:20px 0}.meeting-tile{position:relative;min-height:220px;overflow:hidden;border:1px solid #ffffff16;border-radius:20px;background:#171a22}.meeting-tile video{width:100%;height:100%;min-height:220px;object-fit:cover}.meeting-name{position:absolute;left:10px;bottom:10px;padding:5px 9px;border-radius:10px;background:#080b12c7}.meeting-leave{background:#d97a86!important}.meeting-empty{display:grid;place-items:center;min-height:220px;color:#9198a8}@media(max-width:600px){.meeting-view{padding:12px}.meeting-lobby{margin:2vh auto;padding:20px}.meeting-grid{grid-template-columns:1fr}.meeting-room-head{align-items:flex-start;flex-direction:column}}