*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fb;color:#172033}.wrap{max-width:1100px;margin:auto;padding:16px}.brand{font-size:20px;font-weight:800;margin:8px 0 20px}.card{background:#fff;border:1px solid #e2e7ef;border-radius:18px;padding:18px;box-shadow:0 8px 30px rgba(20,35,60,.06);margin-bottom:14px}h1{font-size:26px;margin:4px 0 8px}h2{font-size:19px}.muted{color:#667085}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 18px;border:0;border-radius:14px;background:#172033;color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.btn.alt{background:#eef2f7;color:#172033}.btn.danger{background:#b42318}.actions{display:grid;gap:10px}.field{width:100%;min-height:48px;border:1px solid #ccd5e1;border-radius:13px;padding:12px;font-size:16px;margin:8px 0 14px}.meeting-stage{min-height:45vh;background:#101828;color:#fff;border-radius:18px;display:grid;place-items:center;padding:20px;text-align:center}.controls{position:sticky;bottom:8px;display:flex;gap:8px;overflow:auto;background:#fff;padding:10px;border-radius:18px;border:1px solid #e2e7ef;margin-top:12px}.control{min-width:66px;text-align:center;font-size:12px}.control b{display:grid;place-items:center;margin:auto auto 5px;width:48px;height:48px;border-radius:50%;background:#eef2f7;font-size:20px}.row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f5}.row:last-child{border:0}@media(min-width:768px){.wrap{padding:28px}.actions.two{grid-template-columns:1fr 1fr}h1{font-size:34px}.meeting-stage{min-height:60vh}}
.full{width:100%}.state-wrap{min-height:100svh;display:grid;place-items:center;padding:18px}.state-card{width:min(100%,520px);background:#fff;border:1px solid #e2e7ef;border-radius:24px;padding:28px 22px;text-align:center;box-shadow:0 14px 45px rgba(20,35,60,.10)}.state-card h1{margin-top:10px}.state-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#eef2f7;font-size:30px;font-weight:900}.brand.compact{font-size:15px;margin:0 0 8px;color:#667085}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 11px;border-radius:999px;background:#eef2f7;color:#344054;font-size:12px;font-weight:800;letter-spacing:.02em}.status-pill.live{background:#ecfdf3;color:#027a48}.status-pill.locked{background:#fff7ed;color:#b54708}.status-pill.ended{background:#fef3f2;color:#b42318}.notice{display:flex;gap:8px;flex-direction:column;border-radius:16px;padding:14px 16px;margin-bottom:14px}.notice.ended{background:#fef3f2;border:1px solid #fecdca;color:#912018}.title-line{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.waiting-spinner{width:54px;height:54px;border:5px solid #e4e7ec;border-top-color:#172033;border-radius:50%;margin:0 auto 18px;animation:lookspin .9s linear infinite}@keyframes lookspin{to{transform:rotate(360deg)}}@media(max-width:520px){.wrap{padding:12px}.card{border-radius:16px;padding:16px}.brand{font-size:18px;margin-bottom:14px}.state-card{border-radius:20px;padding:24px 18px}.title-line{align-items:center}.meeting-stage{min-height:calc(100svh - 150px);border-radius:16px}.room-wrap{padding-bottom:8px}.controls{bottom:6px;border-radius:16px}.control{min-width:60px}.control b{width:46px;height:46px}}