@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&display=swap');*{box-sizing:border-box}:root{--purple:#7357eb;--ink:#f8f7ff}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#302951,#161421 55%);color:var(--ink);font-family:Nunito,system-ui,sans-serif}button,input{font:inherit}header{height:58px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:.5rem;padding:0 max(12px,calc((100vw - 760px)/2));background:#161421cc;backdrop-filter:blur(14px)}header a{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ffffff12;color:#fff;text-decoration:none;font-size:2rem}main{width:min(760px,100%);margin:auto;padding:1rem 12px 50px}#landing{display:grid;gap:.75rem;width:min(430px,100%);margin:7vh auto;padding:1.3rem;border-radius:25px;background:#ffffff0d;border:1px solid #ffffff1c}#landing h1,#landing p{margin:0}.hero{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#8a6cff,#e056c5);font-size:1.5rem}label{font-weight:900}input{width:100%;min-width:0;border:1px solid #ffffff24;border-radius:14px;padding:.85rem;background:#ffffff12;color:#fff}input::placeholder{color:#c7c2d5}.primary,#video-form button,.invite button{border:0;border-radius:14px;padding:.85rem;background:var(--purple);color:#fff;font-weight:900}.invite{display:grid;grid-template-columns:1fr auto;gap:.45rem;margin-bottom:.55rem}.invite input{padding:.65rem}#call-dock{margin-bottom:.55rem}#video-form{display:grid;grid-template-columns:1fr auto;gap:.45rem;margin-bottom:.65rem}.player{display:grid;place-items:center;overflow:hidden;aspect-ratio:16/9;border-radius:22px;background:#08070c;box-shadow:0 20px 55px #0008}.player iframe,.player video{width:100%;height:100%;border:0;object-fit:contain}.empty{display:grid;place-items:center;gap:.5rem;color:#aaa4b9}.empty span{font-size:2rem}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-top:.65rem}.controls button{height:48px;border:0;border-radius:14px;background:#ffffff12;color:#fff;font-weight:900}.controls .play{background:#6f55e9}#status{text-align:center;color:#bab5c9}.hidden{display:none!important}dialog{width:min(390px,calc(100% - 24px));border:0;border-radius:22px}dialog::backdrop{background:#0e0c18aa}dialog form{display:grid;gap:.7rem;position:relative}dialog input{color:#252033;border-color:#ddd;background:#fff}#close-name{position:absolute;right:0;top:0;border:0;background:#eee;border-radius:50%;width:36px;height:36px}@media(max-width:520px){main{padding-top:.6rem}#landing{margin:2vh auto}.invite input{display:none}.invite{grid-template-columns:1fr}.player{border-radius:15px}#video-form{grid-template-columns:1fr}#video-form button{padding:.65rem}.controls button{height:44px}}