html,body,#root{height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f8;color:#182026}button,input{font:inherit}.app-shell{min-height:100%;display:grid;place-items:center;padding:24px}.meeting-panel{width:min(720px,100%);background:#ffffff;border:1px solid #d9e0e4;border-radius:8px;padding:28px;box-shadow:0 16px 42px #1e2c3514}.meeting-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.eyebrow{margin:0 0 8px;color:#52616b;font-size:14px}h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:0}.status-pill{flex:0 0 auto;border:1px solid #b8d8c8;color:#0d5c38;background:#e7f6ee;border-radius:999px;padding:6px 10px;font-size:13px}.description{margin:18px 0 0;color:#33444f;line-height:1.5}.join-form{margin-top:28px}.join-form label{display:block;margin-bottom:8px;font-size:14px;color:#33444f}.join-row{display:grid;grid-template-columns:1fr auto;gap:10px}.join-row input{min-width:0;border:1px solid #b9c5cc;border-radius:6px;padding:11px 12px;color:#182026;background:#ffffff}.join-row button{border:1px solid #123447;border-radius:6px;padding:11px 18px;color:#fff;background:#123447;cursor:pointer}.join-row button:disabled{cursor:not-allowed;opacity:.5}.error-text{margin:12px 0 0;color:#a11d1d}.status-block{display:grid;gap:10px;min-height:160px;align-content:center}.status-block p{margin:0;color:#52616b}.meeting-runtime{width:100%;height:100%;min-height:100vh;background:#0f171d}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.relative{position:relative}.p-2{padding:8px}@media (max-width: 620px){.app-shell{padding:14px}.meeting-panel{padding:20px}.meeting-header{display:grid}.join-row{grid-template-columns:1fr}h1{font-size:24px}}