:root{font-family:Inter,system-ui,sans-serif;color:#eef2ff;background:#0b1020}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#1c2d55,#0b1020 55%)}.shell{max-width:1100px;margin:auto;padding:24px}header,.meeting-bar,.controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{font-weight:800;letter-spacing:.16em}.logo span{color:#68d5c5}.card{max-width:560px;margin:15vh auto 0;padding:40px;border:1px solid #29385a;border-radius:20px;background:#131c33;box-shadow:0 20px 80px #0005}h1{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 12px}p,small{color:#aeb9d2}form{display:flex;gap:10px;margin:30px 0 20px}input{min-width:0;flex:1;padding:14px;border:1px solid #445477;border-radius:10px;background:#0b1020;color:white;font-size:1rem}button{border:0;border-radius:10px;padding:13px 17px;background:#68d5c5;color:#071119;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.1)}.secondary{background:#273654;color:#eaf0ff}.meeting-bar{margin:36px 0 18px}.meeting-bar span{color:#9aa9c8;margin-left:12px}.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.video-tile{position:relative;min-height:190px;overflow:hidden;border-radius:14px;background:#151e34;border:1px solid #29385a}.video-tile video{width:100%;height:100%;min-height:190px;object-fit:cover}.video-tile.sharing{grid-column:1/-1;min-height:calc(100vh - 180px);background:#000;cursor:zoom-in}.video-tile.sharing video{min-height:calc(100vh - 180px);object-fit:contain}.video-tile.sharing:fullscreen{width:100vw;height:100vh;min-height:100vh;border:0;border-radius:0}.video-tile.sharing:fullscreen video{width:100vw;height:100vh;min-height:100vh}.video-tile label{position:absolute;bottom:10px;left:12px;background:#0009;padding:5px 9px;border-radius:6px}.controls{justify-content:center;margin-top:20px;flex-wrap:wrap}.controls button{background:#273654;color:#eef2ff}.controls .danger{background:#e25b68}.controls button.off{background:#78404b}@media(max-width:600px){.shell{padding:14px}.card{margin-top:12vh;padding:26px}form{flex-direction:column}}