:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#121926;background:linear-gradient(180deg,#f7fbff,#edf4fa)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{max-width:1100px;margin:0 auto;padding:24px;display:grid;gap:16px}.card{background:#fff;border:1px solid #dce6f3;border-radius:14px;padding:18px;box-shadow:0 8px 24px #101f3614}h1{margin:0 0 8px;font-size:1.5rem}.subtext{margin:0;color:#45536d;line-height:1.45}.controls{margin-top:16px;display:grid;gap:10px}.join-row{display:grid;grid-template-columns:1fr auto;gap:8px}input,button{border-radius:10px;border:1px solid #c9d6e8;padding:10px 12px;font:inherit}button{background:#0e6fff;color:#fff;border-color:#0e6fff;cursor:pointer;font-weight:600}button[disabled]{opacity:.55;cursor:not-allowed}button.danger{background:#d13939;border-color:#d13939}.status{margin:10px 0 0;color:#264b77}.error{margin:10px 0 0;color:#b10028;font-weight:600}.video-grid-wrapper{background:#fff;border:1px solid #dce6f3;border-radius:14px;padding:14px;box-shadow:0 8px 24px #101f3614}.room-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.room-row code{background:#edf4ff;border:1px solid #d2e3ff;border-radius:6px;padding:2px 6px}.video-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.video-tile{border:1px solid #dce6f3;border-radius:12px;background:#f9fbff;padding:10px}.video-tile h3{margin:0 0 8px;font-size:.95rem}.video{width:100%;aspect-ratio:16 / 9;border-radius:8px;background:#091225;object-fit:cover}.video.placeholder{display:grid;place-items:center;color:#d9e4ff}.video-note{margin:8px 0 0;color:#4b5d7b;font-size:.9rem}@media (max-width: 900px){.video-grid,.join-row{grid-template-columns:1fr}}