:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.meet-shell{max-width:1500px;margin:0 auto;padding:1.5rem 1.5rem 2.5rem;display:flex;flex-direction:column;gap:1.25rem}.meet-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.meet-brand h1{margin:0;font-size:1.6rem;letter-spacing:.2px}.meet-brand{display:flex;flex-direction:column;gap:.35rem}.meet-status{display:flex;align-items:center;gap:.5rem;color:#b6b6b6;justify-self:center}.status-dot{width:10px;height:10px;border-radius:50%;background:#444}.status-dot.online{background:#2dd36f}.status-dot.offline{background:#ff6b6b}.join-controls{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}.join-controls input{min-width:160px;padding:.45rem .7rem;border-radius:8px;border:1px solid #3a3a3a;background:#1a1a1a;color:inherit}.join-controls button{padding:.45rem .9rem;border-radius:8px;border:1px solid #3a3a3a;background:#242424;color:inherit;cursor:pointer}.join-controls button:disabled{opacity:.5;cursor:not-allowed}.meet-main{display:grid;grid-template-columns:1fr 280px;gap:1.25rem;align-items:stretch}.stage-area{min-height:520px;display:flex}.active-speaker{border-radius:18px;border:1px solid #2a2a2a;background:#131313;width:100%;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden}.placeholder{color:#8a8a8a}.sidebar{border-radius:16px;border:1px solid #2a2a2a;background:#171717;padding:1rem;display:flex;flex-direction:column;gap:1rem}.panel-header{display:flex;justify-content:space-between;align-items:center}.panel-header h2{margin:0;font-size:1rem}.participants-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.participants-list li{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.connection-id{font-size:.85rem}.filmstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.video-tile{position:relative;border-radius:12px;overflow:hidden;background:#0f0f0f;border:1px solid #2c2c2c}.video-tile video{width:100%;height:100%;min-height:140px;object-fit:cover;display:block}.video-tile.active video{min-height:520px}.video-label{position:absolute;left:.6rem;bottom:.6rem;padding:.2rem .45rem;background:#0009;border-radius:6px;font-size:.85rem}.meet-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-top:.5rem}.control-group{display:flex;gap:.6rem;align-items:center}.control-group:last-child{justify-content:flex-end}.control-btn{border-radius:999px;padding:.55rem 1rem;border:1px solid #3a3a3a;background:#1f1f1f;color:inherit;cursor:pointer;min-width:84px;text-align:center}.control-btn.muted{background:#2b1b1b;border-color:#633}.control-btn.end-call{background:#c83434;border-color:#c83434;color:#fff;font-weight:600}.control-btn:disabled{opacity:.55;cursor:not-allowed}.muted{color:#8a8a8a;font-size:.9rem}@media(max-width:1100px){.meet-main{grid-template-columns:1fr}.sidebar{order:2}.meet-controls{grid-template-columns:1fr;justify-items:center}.control-group:last-child{justify-content:center}}