*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#eef2ff;background:#050816;font-family:Inter,system-ui,Segoe UI,Arial}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;border:0}.landing{background:radial-gradient(circle at 0 0,#1d4ed8 0,#0b1020 42%,#050816 100%);min-height:100vh}.topbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:22px 5vw;display:flex}.brand{font-size:22px;font-weight:900}.tag{color:#93a4c7;margin-top:3px}.status{color:#bcd0ff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:10px 14px}.hero{padding:48px 5vw}.hero h1{max-width:980px;margin:0 0 18px;font-size:clamp(36px,6vw,76px);line-height:.95}.hero p{color:#bfcae6;max-width:850px;font-size:19px}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:32px;display:grid}.card{background:#ffffff17;border:1px solid #ffffff21;border-radius:24px;padding:24px}input{color:#fff;background:#00000040;border:1px solid #ffffff2e;border-radius:14px;outline:none;width:100%;margin:8px 0;padding:14px 16px}button{color:#fff;background:#2563eb;border-radius:999px;margin:8px 8px 0 0;padding:13px 18px;font-weight:800}.secondary{background:#111827}.error{white-space:pre-wrap;background:#450a0a;border:1px solid #dc2626;border-radius:16px;padding:12px}.meet{background:#020617;grid-template-columns:300px 1fr;height:100vh;display:grid;overflow:hidden}aside{background:#071020;border-right:1px solid #1e293b;flex-direction:column;gap:14px;min-height:0;padding:16px;display:flex}.pill,.stat{background:#111827;border:1px solid #263449;border-radius:16px;align-items:center;gap:8px;padding:12px;display:flex}.chat{background:#0b1224;border:1px solid #1e293b;border-radius:22px;flex-direction:column;flex:1;min-height:0;padding:14px;display:flex}.msgs{color:#cbd5e1;flex:1;overflow:auto}.send{gap:6px;display:flex}.send input{margin:0}.send button{border-radius:14px;margin:0}.meeting-main{grid-template-rows:58px 1fr 82px;min-width:0;height:100vh;display:grid}.meeting-top{background:#080e1d;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex}.meeting-top span{color:#93a4c7;font-size:13px}.stage{background:#020617;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));place-items:center;gap:16px;padding:18px;display:grid;position:relative;overflow:auto}.tile{aspect-ratio:16/9;background:#111827;border:1px solid #263449;border-radius:20px;width:100%;max-width:760px;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000047}.tile video{object-fit:cover;background:#020617;width:100%;height:100%}.tile span{z-index:10;background:#000000a6;border-radius:999px;padding:5px 10px;font-size:13px;position:absolute;bottom:10px;left:12px}.stage:has(.screen-share){padding:10px;display:block;overflow:hidden}.stage:has(.screen-share) .screen-share{aspect-ratio:auto;z-index:1;border-radius:16px;width:auto;max-width:none;height:auto;position:absolute;inset:10px 10px 92px}.stage:has(.screen-share) .screen-share video{object-fit:contain;background:#020617}.stage:has(.screen-share) .tile:not(.screen-share){z-index:5;float:right;aspect-ratio:16/9;border:2px solid #ffffff2e;border-radius:14px;width:210px;max-width:210px;height:118px;min-height:118px;margin:14px 14px 0 0;position:relative;box-shadow:0 12px 35px #0000007a}.stage:has(.screen-share):after{content:"";clear:both;display:block}.controls{background:#050816;border-top:1px solid #1e293b;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex}.controls button{min-width:128px;height:48px;box-shadow:none;background:#1f2937;margin:0}.controls .on{background:#2563eb}.controls .danger{background:#dc2626}@media (width<=1100px),(pointer:coarse){.meet{grid-template-columns:1fr}aside{display:none}.meeting-main{grid-template-rows:48px 1fr 72px}.meeting-top{height:48px;padding:0 10px}.meeting-top span{display:none}.stage{grid-template-columns:1fr;align-content:start;gap:10px;padding:8px 8px 86px;overflow:auto}.tile{aspect-ratio:16/9;border-radius:14px;max-width:100%}.stage:has(.screen-share){padding:6px;overflow:hidden}.stage:has(.screen-share) .screen-share{border-radius:12px;inset:6px 6px 78px}.stage:has(.screen-share) .tile:not(.screen-share){border-radius:10px;width:122px;max-width:122px;height:69px;min-height:69px;margin:8px 8px 0 0}.controls{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617f0;border:1px solid #ffffff1f;border-radius:18px;gap:7px;height:56px;padding:7px;position:fixed;bottom:8px;left:8px;right:8px}.controls button{flex:1;min-width:0;height:40px;padding:0 8px;font-size:11px}}