:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0d1117;color:#edf2f7}*{box-sizing:border-box}body{margin:0}main{max-width:780px;margin:auto;padding:26px 20px}header,.heading{display:flex;justify-content:space-between;align-items:center;gap:12px}header{padding:12px 0 38px}.brand{font-weight:800;letter-spacing:.16em;font-size:14px}.tag,.eyebrow{font-size:11px;letter-spacing:.14em;color:#a0b2c3}h1{font-size:clamp(28px,6vw,42px);letter-spacing:-.04em;line-height:1.12;margin:12px 0 22px}h2{font-size:18px}label{display:block;color:#bcc8d5;font-size:14px;margin:18px 0}input,select{display:block;width:100%;background:#101822;color:inherit;border:1px solid #3a4756;border-radius:10px;padding:14px;margin-top:8px;font:inherit}button,.button{background:#24303e;color:#f4f7fc;border:1px solid #425164;border-radius:12px;padding:14px 18px;min-height:48px;font:600 14px system-ui;cursor:pointer;text-decoration:none;display:inline-block}button:hover{filter:brightness(1.2)}button:focus-visible,a:focus-visible{outline:3px solid #63e5bd;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.primary{background:#72e5ba;color:#10241d;border:0;width:100%;margin-top:10px}.commands{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 14px}.commands button{min-height:76px;font-size:16px}.live{border-color:#57cb9d;color:#84ebc0}.private{border-color:#ccb46e;color:#f4d98b}.end{border-color:#be6b74;color:#ffa8b1}.card{background:#141d27;border:1px solid #2a394a;border-radius:18px;margin:24px 0;padding:20px}.widgets{display:flex;gap:8px;flex-wrap:wrap}.widgets button[aria-pressed=true],button.active{background:#224f42;border-color:#70dcb4}.health{color:#b4c8d7;font-size:14px}.hint,footer{color:#8d9dae;font-size:13px;line-height:1.6}footer{margin-top:42px;text-align:center}#message:not(:empty){padding:14px;background:#442f20;color:#ffdaac;border-radius:10px;margin-bottom:18px}#login{max-width:460px;margin:10px auto 40px}summary{cursor:pointer;font-weight:600}#qr{width:100%;max-width:400px;background:white;margin:18px 0;padding:12px}.event{border-top:1px solid #344251;padding:15px 0;display:flex;gap:15px;justify-content:space-between}.event span{overflow-wrap:anywhere}#invite{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:480px){.commands{grid-template-columns:repeat(2,1fr)}.card{padding:15px}.heading{flex-wrap:wrap}}

.inviteqr{display:block;width:100%;max-width:340px;background:white;padding:12px;margin:12px 0}#invite:empty{display:none}#invite a,#invite button{margin:6px 8px 6px 0}
.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0}.provider-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;text-align:left;padding:28px;border:1px solid #344052;border-radius:18px;background:#151e2b;min-height:245px}.provider-card strong{font-size:26px}.provider-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#80f5ca;color:#08291f;font-size:22px;font-weight:800}.elements .provider-icon{background:#c6a4ff;color:#2a154c}.connection-state{font-size:14px;color:#bbc3ce}.connection-state.verified{color:#7df5a4;font-weight:700}.provider-card.connected{border-color:#7df5a4}.connection-steps{display:flex;gap:20px;flex-wrap:wrap;color:#bbc3ce}.connection-steps span{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid #556073;border-radius:50%;margin-right:6px}.backlink{display:inline-block;margin:24px 0;color:#bbc3ce}.intro{max-width:620px;line-height:1.7;color:#bbc3ce}@media(max-width:600px){.provider-grid{grid-template-columns:1fr}.provider-card{min-height:210px}.provider-card strong{font-size:23px}}

.widgets button.paused[aria-pressed=true]{background:#493e24;border-color:#ccb46e;color:#f4d98b}

.broadcast{display:flex;align-items:center;gap:12px;font-weight:800;padding:16px;border:1px solid #425164;border-radius:12px}.lamp{width:18px;height:18px;border-radius:50%;background:#e9b84f;flex:none}.broadcast[data-status=live] .lamp{background:#50e39c;box-shadow:0 0 12px #50e39c88}.broadcast[data-status=off] .lamp{background:#ff6574}.broadcast small{display:block;font-weight:400;margin-top:4px;color:#b4c8d7}