@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#f5f1eb;background:#171716}*{box-sizing:border-box}body{margin:0}.join-shell,.landing{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#3c3430,#171716 55%)}.login-shell{background:#fff}.login-shell .login-card{position:relative;overflow:hidden;color:#1f1d4f;background:#fff;border:1px solid #1f1d4f;box-shadow:18px 18px #5fc19e}.login-shell .login-card:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:#5fc19e}.login-shell .login-card .eyebrow,.login-shell .login-card .error{color:#5fc19e!important}.login-shell .login-card h1,.login-shell .login-card p,.login-shell .login-card label,.login-shell .login-card small{color:#1f1d4f}.login-shell .login-card input{color:#1f1d4f;background:#fff;border-color:#5fc19e;caret-color:#5fc19e}.login-shell .login-card input:focus{outline:2px solid #5fc19e;outline-offset:2px}.login-shell .login-card button{color:#1f1d4f;background:#f26e79}.join-card{width:min(440px,calc(100% - 32px));padding:46px;background:#f4efe7;color:#272421;border-radius:4px;box-shadow:0 24px 80px #0007}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9d513c;font-weight:600}.join-card h1,.landing h1{font:600 42px/1 Fraunces,serif;margin:12px 0}.join-card p{color:#67615c;line-height:1.5}.join-card label{font-size:13px;font-weight:600;display:grid;gap:7px;margin-top:21px}.join-card input{border:1px solid #cfc6ba;background:#fffdfa;border-radius:2px;padding:12px;font:inherit}.join-card button,.bar button{border:0;border-radius:2px;background:#9d513c;color:#fff;padding:13px 17px;font:600 14px DM Sans;cursor:pointer}.join-card button{width:100%;margin-top:28px}.join-card button:disabled{opacity:.65}.join-card small{display:block;text-align:center;color:#857c73;margin-top:16px}.microphone-test{margin-top:10px}.join-card .microphone-test button{margin-top:0;padding:10px 14px;background:#544c46}.microphone-test .input-meter{height:9px;margin-top:10px;overflow:hidden;border-radius:10px;background:#d7cec3}.microphone-test .input-meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#61a987 0,#61a987 72%,#d9a33a 72%,#d9a33a 90%,#bd4a3e 90%);transition:width 80ms linear}.join-card .microphone-test small{margin-top:8px;text-align:left;line-height:1.35}.error{color:#a03328!important;font-size:13px}.landing{padding:40px}.landing p{color:#c8c0b6}.room{height:100vh;background:#070707;position:relative;display:grid;place-items:center}.program{width:100%;height:100%;object-fit:contain;z-index:1}.empty{position:absolute;color:#aaa;z-index:0}.bar{position:absolute;bottom:18px;left:18px;right:18px;z-index:2;display:flex;align-items:center;gap:15px;background:#191919e8;border:1px solid #ffffff18;border-radius:5px;padding:10px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bar button{background:#333;padding:9px 12px}.bar button.live{background:#9d513c}.bar .test-tone{padding:6px 9px;font-size:11px;white-space:nowrap}.volume,.duck{font-size:12px;color:#dedad4;display:flex;gap:8px;align-items:center}.volume input{accent-color:#b8664d}.signal{font-size:18px}.q-Excellent{color:#6da964}.q-Good{color:#b6a85e}.q-Poor,.q-Lost{color:#bb514b}.host-room{background:radial-gradient(circle at 20% 10%,#3c3430,#171716 65%)}.host-room .program{display:none}.host-label{text-align:center}.host-label h1{font:600 40px/1.1 Fraunces,serif;margin:12px 0}.host-label p{color:#c8c0b6}@media(max-width:650px){.bar{gap:9px;bottom:8px;left:8px;right:8px}.duck{display:none}.host-room .bar{flex-wrap:wrap}.volume{max-width:140px}}