:root{font-family:Inter,system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 15%,#3b1b63,#0c0919 55%);color:#f7f0ff}main{max-width:920px;margin:auto;padding:56px 24px}.card{background:#ffffff0c;border:1px solid #ffffff18;border-radius:22px;padding:26px;box-shadow:0 18px 50px #0004}.join{max-width:520px;margin:10vh auto}.eyebrow{letter-spacing:.15em;color:#d7afff;font-size:.72rem;margin:0 0 8px}h1{font-size:clamp(2rem,7vw,3.5rem);margin:0 0 12px}h2{margin-top:0}p{color:#d7cde0;line-height:1.5}input,button{font:inherit;border-radius:10px;padding:12px;border:1px solid #ffffff20}input{display:block;background:#080511;color:white;width:100%;margin:10px 0}button{cursor:pointer;background:#342049;color:white}button:hover{background:#58347c}.primary,#join{background:#c287ff;color:#1b082d;font-weight:800}.grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin:18px 0}header{display:flex;justify-content:space-between;gap:16px;align-items:center}header h1{font-size:2rem}audio{width:100%;margin:28px 0 14px}.controls{display:flex;gap:10px}.muted{color:#b9adc4}.small{font-size:.78rem}.people{margin-top:18px}#members{display:flex;gap:8px;flex-wrap:wrap}#members span{background:#ffffff12;border-radius:99px;padding:7px 11px;font-size:.82rem}#external{display:block;text-align:center;background:#1db954;color:#08150d;text-decoration:none;font-weight:800;padding:13px;border-radius:10px;margin:24px 0 12px}@media(max-width:700px){main{padding:26px 16px}.grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}