:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eef2ff;--muted:#929bb4;--panel:#141a2c;--line:#283149;--violet:#8067ff}*{box-sizing:border-box}body{color:var(--ink);background:#080b14;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}.lobby-shell{background:radial-gradient(circle at 12% 15%,#5041b438,#0000 30%),radial-gradient(circle at 82% 28%,#24b0be24,#0000 28%),#080b14;flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:80px;padding:0 clamp(24px,5vw,72px);display:flex}.brand{color:#fff;letter-spacing:-.03em;align-items:center;gap:11px;font-size:20px;font-weight:750;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(145deg,#8c70ff,#5140d0);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 25px #654eed47}.open-source{color:#9ca5bd;align-items:center;gap:8px;font-size:13px;display:flex}.open-source span,.live-dot{background:#4de2b2;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #4de2b2}.lobby-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:9vw;width:min(1160px,100% - 48px);margin:auto;padding:60px 0;display:grid}.intro{max-width:650px}.eyebrow{color:#b7adff;text-transform:uppercase;letter-spacing:.08em;background:#8067ff14;border:1px solid #8067ff52;border-radius:99px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:650;display:inline-flex}.intro h1{letter-spacing:-.065em;margin:28px 0 26px;font-size:clamp(54px,7vw,94px);font-weight:750;line-height:.98}.intro h1 span{color:#0000;background:linear-gradient(90deg,#9d89ff,#55dce3);-webkit-background-clip:text;background-clip:text}.intro>p{color:#a1abc2;max-width:600px;margin:0;font-size:18px;line-height:1.75}.trust-row{color:#c3cadb;flex-wrap:wrap;gap:25px;margin-top:38px;font-size:13px;display:flex}.trust-row span{align-items:center;gap:7px;display:flex}.trust-row svg{color:#61d9cc}.join-card{background:linear-gradient(150deg,#1b2239f0,#0f1423f0);border:1px solid #ffffff1a;border-radius:26px;padding:32px;box-shadow:0 35px 90px #0000006b}.card-heading{align-items:center;gap:15px;margin-bottom:28px;display:flex}.card-heading h2{margin:0 0 5px;font-size:21px}.card-heading p{color:var(--muted);margin:0;font-size:13px}.camera-orb{color:#a18fff;background:#8067ff24;border-radius:16px;place-items:center;width:49px;height:49px;display:grid}.join-card label{color:#c9cfdd;justify-content:space-between;margin:18px 0 9px;font-size:12px;font-weight:650;display:flex}.join-card label span{color:#747e97}.join-card input{color:#fff;background:#0d1221;border:1px solid #303a55;border-radius:11px;outline:none;width:100%;padding:14px 15px}.join-card input:focus{border-color:#8067ff;box-shadow:0 0 0 3px #8067ff1f}.primary-action{cursor:pointer;background:linear-gradient(100deg,#7860ee,#6953e1);border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;height:50px;margin-top:22px;font-weight:700;display:flex}.fine-print{text-align:center;color:#6f7890!important;margin:17px 15px 0!important;font-size:11px!important;line-height:1.55!important}.lobby-shell>footer{color:#59627a;border-top:1px solid #ffffff0f;justify-content:space-between;padding:22px clamp(24px,5vw,72px);font-size:11px;display:flex}.meeting-shell{background:#090d17;grid-template-rows:68px 1fr 88px;height:100vh;min-height:600px;display:grid;overflow:hidden}.meeting-header{border-bottom:1px solid #1b2234;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;display:grid}.brand.compact{font-size:16px}.brand.compact .brand-mark{border-radius:9px;width:30px;height:30px}.room-info{background:#11182a;border:1px solid #242d43;border-radius:10px;align-items:center;gap:9px;padding:8px 12px;font-size:12px;display:flex}.room-info button,.panel-title button{color:#8e98af;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.secure{color:#768199;justify-self:end;align-items:center;gap:7px;font-size:11px;display:flex}.stage{grid-template-columns:1fr;gap:14px;min-height:0;padding:16px;display:grid}.stage.with-panel{grid-template-columns:minmax(0,1fr) 330px}.video-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;min-height:0;display:grid}.video-tile{background:#111827;border:1px solid #202a3f;border-radius:17px;min-height:0;position:relative;overflow:hidden}.video-tile video{object-fit:cover;background:#090c14;width:100%;height:100%;transform:scaleX(-1)}.avatar{background:linear-gradient(145deg,#7a66e8,#3bacc2);border-radius:50%;place-items:center;width:86px;height:86px;margin:auto;font-size:34px;font-weight:700;display:grid;position:absolute;inset:0}.tile-label{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#05080eb8;border-radius:8px;align-items:center;gap:8px;padding:6px 9px;font-size:11px;display:flex;position:absolute;bottom:9px;left:11px}.sharing-pill{background:#765ee8;border-radius:99px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:700;display:flex;position:absolute;top:11px;left:11px}.floating-reaction{font-size:44px;animation:1.8s ease-out float;position:absolute;bottom:18px;right:20px}@keyframes float{0%{opacity:0;transform:translateY(20px)scale(.5)}30%{opacity:1}to{opacity:0;transform:translateY(-80px)}}.empty-tile{color:#687289;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-rings{background:#171f31;border:1px dashed #33405a;border-radius:50%;place-items:center;width:62px;height:62px;margin-bottom:13px;display:grid}.empty-tile p{margin:0 0 11px;font-size:12px}.empty-tile button{color:#9686f6;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;display:flex}.side-panel{background:#111726;border:1px solid #252e43;border-radius:17px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-title{border-bottom:1px solid #242c3f;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.panel-title h2{margin:0 0 5px;font-size:15px}.panel-title p{color:#6f7890;margin:0;font-size:10px}.messages{flex:1;padding:18px;overflow:auto}.message{margin-bottom:20px}.message>div{align-items:center;gap:8px;display:flex}.message strong{font-size:11px}.message time{color:#5d667b;font-size:9px}.message p{color:#b8bfd0;margin:6px 0 0;font-size:11px;line-height:1.55}.chat-box{background:#0c111e;border:1px solid #2b354c;border-radius:11px;margin:12px;padding:5px 5px 5px 12px;display:flex}.chat-box input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.chat-box button{background:#735de4;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.people-list{background:#171e2f;border-radius:12px;grid-template-columns:38px 1fr auto auto;align-items:center;gap:10px;margin:15px;padding:11px;display:grid}.person-avatar{background:#6555c5;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.people-list strong{font-size:11px}.people-list p{color:#737e95;margin:3px 0 0;font-size:9px}.control-dock{background:#0c111d;border-top:1px solid #1d2538;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;display:grid}.meeting-time{color:#727c93;align-items:center;gap:9px;font-size:10px;display:flex}.main-controls,.secondary-controls{align-items:center;gap:9px;display:flex}.main-controls>button,.reaction-menu>button,.secondary-controls>button{cursor:pointer;background:#171e2d;border:1px solid #29334a;border-radius:13px;place-items:center;width:44px;height:44px;display:grid;position:relative}.main-controls svg,.secondary-controls svg{width:18px}.main-controls button:hover,.secondary-controls button:hover,.main-controls button.active,.secondary-controls button.selected{background:#2a3351}.main-controls button.off{background:#b93e50;border-color:#c8495b}.main-controls button.hangup{background:#d34254;border-color:#d34254;width:60px}.secondary-controls{justify-self:end}.secondary-controls span{background:#705be2;border:2px solid #0c111d;border-radius:50%;place-items:center;width:19px;height:19px;font-size:9px;display:grid;position:absolute;top:-5px;right:-5px}.reaction-menu{position:relative}.reaction-popover{background:#1c2437;border:1px solid #303a51;border-radius:12px;gap:4px;padding:7px;display:none;position:absolute;bottom:51px;left:50%;transform:translate(-50%)}.reaction-menu:hover .reaction-popover,.reaction-menu:focus-within .reaction-popover{display:flex}.reaction-popover button{cursor:pointer;background:0 0;border:0;padding:3px;font-size:18px}.toast,.error-toast{color:#111827;z-index:20;background:#eef2ff;border-radius:10px;padding:11px 16px;font-size:12px;position:fixed;bottom:105px;left:50%;transform:translate(-50%);box-shadow:0 15px 40px #00000059}.error-toast{align-items:center;gap:15px;display:flex}.error-toast button{color:#fff;background:#6654d1;border:0;border-radius:7px;padding:6px 9px}@media (max-width:800px){.lobby-grid{grid-template-columns:1fr;gap:44px;padding:45px 0}.intro h1{font-size:58px}.meeting-header{grid-template-columns:1fr auto}.secure{display:none}.stage,.stage.with-panel{grid-template-columns:1fr;padding:9px}.side-panel{z-index:10;width:min(330px,100% - 16px);position:absolute;top:76px;bottom:96px;right:8px}.meeting-time{display:none}.control-dock{grid-template-columns:1fr auto;padding:0 10px}.main-controls{gap:6px}.secondary-controls>button:last-child{display:none}}@media (max-width:520px){.topbar{height:65px}.open-source{display:none}.lobby-grid{width:min(100% - 28px,480px)}.intro h1{font-size:47px}.intro>p{font-size:15px}.join-card{padding:24px}.lobby-shell>footer{display:none}.meeting-shell{grid-template-rows:60px 1fr 78px;min-height:520px}.video-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.empty-tile:nth-child(n+3),.secondary-controls{display:none}.control-dock{justify-content:center;display:flex}.stage.with-panel .video-grid{display:none}}.wordmark{object-fit:contain;filter:brightness(0)invert();width:144px;height:auto}.product-name{color:#dce4fa;border-left:1px solid #34405c;margin-left:10px;margin-right:auto;padding-left:11px;font-weight:700}.product-name span{text-transform:uppercase;letter-spacing:.12em;color:#9a88ff;background:#7560ec26;border:1px solid #8067ff4a;border-radius:99px;margin-left:6px;padding:4px 6px;font-size:8px}.open-source b{background:#4de2b2;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #4de2b2}.particles{pointer-events:none;position:fixed;inset:0;overflow:hidden}.particles i{opacity:.55;background:#8a76ff;border-radius:50%;width:3px;height:3px;animation:12s linear infinite particle;position:absolute;box-shadow:0 0 12px #7b63ff}.particles i:nth-child(3n){background:#41d7e0;animation-duration:17s}.particles i:nth-child(4n){background:linear-gradient(#0000,#735cff,#0000);border-radius:0;width:1px;height:70px}.particles i:first-child{top:85%;left:5%}.particles i:nth-child(2){animation-delay:-5s;top:45%;left:12%}.particles i:nth-child(3){animation-delay:-2s;top:70%;left:20%}.particles i:nth-child(4){animation-delay:-8s;top:22%;left:27%}.particles i:nth-child(5){animation-delay:-4s;top:93%;left:35%}.particles i:nth-child(6){animation-delay:-9s;top:62%;left:43%}.particles i:nth-child(7){animation-delay:-6s;top:30%;left:51%}.particles i:nth-child(8){animation-delay:-1s;top:80%;left:60%}.particles i:nth-child(9){animation-delay:-7s;top:14%;left:68%}.particles i:nth-child(10){animation-delay:-3s;top:66%;left:76%}.particles i:nth-child(11){animation-delay:-10s;top:37%;left:84%}.particles i:nth-child(12){animation-delay:-4s;top:88%;left:94%}.particles i:nth-child(n+13){left:calc((var(--i,5))*1%);top:50%}@keyframes particle{0%{opacity:0;transform:translateY(40px)scale(.6)}30%{opacity:.7}70%{opacity:.4}to{opacity:0;transform:translate(45px,-170px)scale(1.5)}}.size-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.size-picker button{text-align:left;cursor:pointer;background:#0d1221;border:1px solid #303a55;border-radius:11px;padding:12px;position:relative}.size-picker button.selected{background:#8067ff17;border-color:#8067ff;box-shadow:0 0 0 2px #8067ff17}.size-picker span{color:#f1f3ff;font-size:15px;font-weight:750;display:block}.size-picker small{color:#768199;margin-top:3px;font-size:9px;display:block}.size-picker svg{color:#9d8cff;width:12px;position:absolute;top:8px;right:8px}.form-error{color:#ff8998;font-size:11px}.meet-logo{align-items:center;gap:9px;display:flex}.meet-logo img{filter:brightness(0)invert();width:112px}.meet-logo b{border-left:1px solid #34405c;padding-left:9px;font-size:12px}.room-info svg,.secure svg{width:15px}.wait-dot{background:#f3b64a;border-radius:50%;width:7px;height:7px}.classroom-stage{grid-template-rows:48px 1fr;min-height:0;padding:12px;display:grid;position:relative}.classroom-bar{background:#121827;border:1px solid #273149;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:0 13px;display:flex}.classroom-bar>div{align-items:center;gap:8px;font-size:12px;display:flex}.classroom-bar svg{width:16px}.classroom-bar button,.upload{cursor:pointer;background:#1b2335;border:1px solid #303a51;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex}.classroom-bar .upload{margin-left:auto;margin-right:8px}.upload input{display:none}.whiteboard{background:#eceef3;border-radius:0 0 14px 14px;min-height:0;position:relative;overflow:hidden}.board-tools{z-index:4;color:#34405c;background:#fff;border:1px solid #d9dce4;border-radius:12px;align-items:center;gap:3px;padding:6px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #1b223329}.board-tools button{color:#4e586d;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.board-tools button.chosen{color:#fff;background:#725ce9}.board-tools svg{width:15px}.board-tools i{background:#e1e3e9;width:1px;height:22px;margin:0 3px}.board-tools input[type=color]{background:0 0;border:0;width:27px;height:27px;padding:2px}.board-tools input[type=range]{accent-color:#725ce9;width:64px}.board-page{background:#fff;width:min(1100px,100% - 28px);height:calc(100% - 24px);margin:auto;position:absolute;inset:12px;overflow:hidden;box-shadow:0 7px 30px #1d24352c}.board-page iframe,.board-page canvas{border:0;width:100%;height:100%;position:absolute;inset:0}.board-page canvas{z-index:2;touch-action:none}.ppt-fallback{color:#273149;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ppt-fallback p{text-align:center;color:#6c7485;max-width:420px;font-size:12px}.ppt-fallback a{color:#725ce9;font-size:12px}.mini-videos{z-index:5;gap:8px;display:flex;position:absolute;bottom:24px;right:24px}.mini-videos article{background:#121827;border:2px solid #fff;border-radius:11px;width:128px;height:80px;position:relative;overflow:hidden;box-shadow:0 5px 24px #0005}.mini-videos video{object-fit:cover;width:100%;height:100%}.mini-videos b{font-size:25px;position:absolute;bottom:4px;right:4px}.people-panel{padding:12px;overflow:auto}.person{background:#171e2f;border-radius:10px;grid-template-columns:34px 1fr auto auto;align-items:center;gap:8px;margin-bottom:7px;padding:10px;display:grid}.person>span{background:#6d58dd;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.person strong,.person small{display:block}.person strong{font-size:11px}.person small{color:#748097;margin-top:2px;font-size:9px}.person button{cursor:pointer;background:#242d42;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.person button svg{width:13px}.reaction-popover button{transition:all .2s}.reaction-popover button:hover{transform:translateY(-8px)scale(1.35)}@media (max-width:700px){.wordmark{width:112px}.product-name{font-size:12px}.size-picker{grid-template-columns:1fr}.classroom-bar strong{display:none}.board-tools{justify-content:flex-start;left:8px;right:8px;overflow-x:auto;transform:none}.board-tools input[type=range]{display:none}.mini-videos article{width:90px;height:58px}.classroom-stage{padding:6px}.meeting-header{padding:0 10px}.meet-logo img{width:88px}}