:root{color:#f7f8ff;background:#101326;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.call-page,.welcome-page{align-items:center;background:radial-gradient(circle at top,#2a315e,#101326 58%);display:flex;justify-content:center;min-height:100vh;padding:24px}.join-card,.welcome-card{background:rgb(28 33 63/92%);border:1px solid #4a5385;border-radius:20px;box-shadow:0 20px 60px rgb(0 0 0/30%);max-width:480px;padding:40px;width:100%}.eyebrow{color:#aeb8ff;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}h1,h2,p{margin-top:0}.join-card form{display:grid;grid-gap:16px;gap:16px}label{display:grid;font-weight:700;grid-gap:8px;gap:8px}input,select{background:#13172d;border:1px solid #6c75ad;border-radius:8px;color:inherit;min-height:42px;padding:8px 12px}.primary-button{background:#7584ff;border:0;border-radius:9px;color:#101326;font-weight:700;min-height:44px;padding:10px 18px}.meeting{display:grid;grid-gap:20px;gap:20px;max-width:960px;width:100%}.connection-notice{background:rgb(28 33 63/96%);border:1px solid #6c75ad;border-radius:999px;box-shadow:0 8px 30px rgb(0 0 0/30%);justify-self:center;margin:0;padding:10px 16px}.participant-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));min-height:360px}.participant-tile{align-content:center;background:#252b50;border:3px solid transparent;border-radius:16px;display:grid;justify-items:center;min-height:210px;overflow:hidden;padding:24px;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.participant-tile.speaking{border-color:#93eab8;box-shadow:0 0 0 3px rgb(147 234 184/20%)}.participant-video{border-radius:10px;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.participant-initial{align-items:center;background:#7584ff;border-radius:50%;color:#101326;display:flex;font-size:2rem;font-weight:700;height:72px;justify-content:center;margin-bottom:16px;width:72px}.participant-tile span:last-child,.participant-tile strong{position:relative;text-shadow:0 1px 3px rgb(0 0 0/65%);z-index:1}.participant-tile.has-video strong,.participant-tile.has-video>span:last-child{display:none}.participant-tile span:last-child{color:#c7cdf9;margin-top:6px}.visually-hidden{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}.call-controls{display:flex;gap:16px;justify-content:center}.icon-button{align-items:center;background:#353d6f;border:0;border-radius:50%;color:#fff;display:inline-flex;height:56px;justify-content:center;width:56px}.icon-button svg{fill:none;height:25px;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:25px}.leave-button{background:#e55d6d}.advanced-options{background:rgb(28 33 63/92%);border:1px solid #4a5385;border-radius:10px;justify-self:center;max-width:420px;padding:10px 14px;width:100%}.advanced-options summary{cursor:pointer;font-weight:700}.advanced-options-controls,.media-device-selectors{display:grid;grid-gap:12px;gap:12px}.advanced-options-controls{margin-top:14px}.media-device-selectors{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.advanced-options label{min-width:0}.advanced-options input{padding:0}.advanced-options select{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.call-notices{color:#c7cdf9;font-size:.9rem;text-align:center}.call-notices p{margin-bottom:6px}@media (max-width:600px){.join-card,.welcome-card{padding:28px 22px}.participant-grid{min-height:280px}}