:root{color-scheme:dark;font-family:Tahoma,Arial,sans-serif;--bg:#050b13;--panel:#0b1523;--line:#1b2b40;--accent:#2dd4bf;--blue:#38bdf8;--text:#e8f1fb;--muted:#8da3ba}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at 30% 0%,#10223a 0,var(--bg) 42%);color:var(--text)}button,input{font:inherit}button{color:inherit}.hidden{display:none!important}.topbar{height:64px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.08);background:#050b13d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:5}.brand{display:flex;gap:10px;align-items:center;font-weight:700}.brand-dot{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}.status{margin-inline:auto 16px;font-size:12px;color:#fca5a5;padding:5px 10px;border:1px solid rgba(252,165,165,.25);border-radius:99px}.status.online{color:#6ee7b7;border-color:#6ee7b740}.clock{direction:ltr;color:var(--muted);min-width:48px}.meeting{height:calc(100% - 142px);display:grid;grid-template-columns:minmax(0,1fr) 330px;direction:ltr}.stage{position:relative;min-width:0;padding:18px;direction:rtl}.video-grid{display:grid;height:100%;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));grid-auto-rows:minmax(220px,1fr)}.video-tile{min-height:220px;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#111e2d,#07101b);border:2px solid transparent;box-shadow:0 16px 50px #00000047}.video-tile.speaking{border-color:var(--accent)}.media,.media video{width:100%;height:100%;object-fit:cover}.media video.screen-share{object-fit:contain;background:#020508}.avatar{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:35px;font-weight:800;color:#bbf7d0;background:linear-gradient(145deg,#143c45,#0c2735)}.video-tile.has-video .avatar{display:none}.tile-info{position:absolute;inset:auto 12px 12px;display:flex;align-items:center;gap:8px;z-index:2;direction:rtl}.participant-name{background:#0000009e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 10px;border-radius:9px;font-size:13px}.role-badge{padding:4px 8px;border-radius:8px;color:#a5f3fc;background:#0e74906b;font-size:11px}.empty-stage{position:absolute;inset:18px;display:grid;place-content:center;justify-items:center;text-align:center;border:1px dashed #243a52;border-radius:20px;color:var(--muted)}.empty-stage h1{color:#dbeafe;font-size:22px;margin:10px 0 4px}.empty-stage p{max-width:520px}.empty-icon{font-size:48px;color:var(--blue);filter:drop-shadow(0 0 22px #38bdf877)}.side-panel{direction:rtl;border-right:1px solid var(--line);background:#08111deb;display:flex;flex-direction:column;transition:.25s;min-width:0}.side-panel.closed{display:none}.tabs{display:flex;padding:12px 12px 0;border-bottom:1px solid var(--line)}.tab{flex:1;padding:10px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);cursor:pointer}.tab.active{color:var(--text);border-color:var(--accent)}.tab-content{display:none;min-height:0;flex:1}.tab-content.active{display:flex;flex-direction:column}.messages{flex:1;min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.message{position:relative;align-self:flex-start;max-width:88%;padding:9px 12px 18px;background:#132235;border-radius:12px 12px 3px}.message.own{align-self:flex-end;background:#0c4a4e;border-radius:12px 12px 12px 3px}.message.system{align-self:center;color:var(--muted);background:none;padding:4px;text-align:center;font-size:12px}.message strong{display:block;color:#7dd3fc;font-size:11px;margin-bottom:3px}.message p{margin:0;font-size:13px;overflow-wrap:anywhere}.message time{position:absolute;bottom:3px;left:7px;direction:ltr;color:#8193a7;font-size:9px}.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.chat-form input{min-width:0;flex:1;color:var(--text);background:#0f1d2d;border:1px solid #263a50;border-radius:12px;padding:10px 12px;outline:none}.chat-form input:focus{border-color:#2dd4bf88}.chat-form button{width:42px;border:0;border-radius:12px;cursor:pointer;background:var(--accent);color:#04201d;font-size:20px}.people{overflow:auto;padding:10px}.person{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:9px;border-bottom:1px solid rgba(255,255,255,.055)}.person-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#172c40;color:#bae6fd;font-weight:700}.person-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person small{color:var(--muted);font-size:10px}.controls{height:78px;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid var(--line);background:#07111f;padding-bottom:env(safe-area-inset-bottom)}.control{width:68px;height:58px;border:1px solid #24364b;border-radius:14px;background:#101e2d;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:.2s}.control:hover{transform:translateY(-2px);background:#172b3d}.control.active{color:#5eead4;border-color:#2dd4bf88;background:#0f3536}.control:disabled{opacity:.35;cursor:not-allowed;transform:none}.control small{font-size:9px}.control.danger{background:#7f1d1d;border-color:#b91c1c}.welcome{position:fixed;inset:64px 0 0;display:grid;place-items:center;padding:20px}.welcome-card{width:min(460px,100%);text-align:center;padding:48px 38px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#0a1625d1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 30px 100px #00000080}.logo-mark{margin:auto;width:82px;height:82px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#22d3ee,#14b8a6);color:#022c32;font-size:24px;font-weight:900;transform:rotate(-4deg);box-shadow:0 16px 45px #14b8a633}.welcome h1{margin:24px 0 8px;font-size:25px}.welcome p{color:var(--muted);line-height:2}.loader{display:flex;justify-content:center;gap:6px;margin-top:22px}.loader span{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 1s infinite alternate}.loader span:nth-child(2){animation-delay:.2s}.loader span:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.2;transform:translateY(-6px)}}.toast{position:fixed;z-index:20;left:50%;bottom:95px;transform:translate(-50%,20px);padding:10px 18px;border-radius:12px;background:#e6f8f5;color:#07332e;box-shadow:0 12px 40px #0008;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:800px){.meeting{grid-template-columns:1fr}.side-panel{position:absolute;z-index:8;inset:64px 0 78px auto;width:min(360px,92vw);box-shadow:-20px 0 70px #000b}.stage{padding:8px}.topbar{padding:0 12px}.brand span:last-child{display:none}.control{width:54px}.controls{gap:5px}.video-grid{grid-auto-rows:minmax(180px,1fr)}}