:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;color:#f3f4f5;background:#141618}*{box-sizing:border-box;letter-spacing:0}body{margin:0}header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #34383c;padding:20px 24px}header img{object-fit:contain;border-radius:6px}h1{font-size:19px;margin:0 0 4px}header span{color:#a9b1b8;font-size:13px}#connection{margin-left:auto}main{max-width:760px;margin:0 auto;padding:36px 24px}h2{font-size:24px;margin:0 0 24px}button,input{font:inherit}button{border:1px solid #4cbd89;background:#35bc7e;color:#091910;font-weight:600;padding:11px 16px;border-radius:6px;cursor:pointer;min-height:44px}button:disabled{opacity:.45;cursor:wait}button:hover:not(:disabled){filter:brightness(1.12)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a2e6cd;outline-offset:3px}form{margin-top:32px}label{display:block;color:#b5bdc5;font-size:14px;margin-bottom:10px}.join-row{display:flex;gap:10px}input:not([type=range]){background:#202428;border:1px solid #474e54;border-radius:6px;color:white;padding:12px;min-width:0;flex:1}a{color:#91d7ba;display:inline-block;margin-top:18px}[hidden]{display:none!important}#message{color:#d0b384;line-height:1.6;overflow-wrap:anywhere}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.room-heading span{color:#a9b1b8}.room-heading h2{font-family:Consolas,monospace;font-size:23px;margin:8px 0}ul{padding:0;margin:28px 0;list-style:none}li{display:flex;justify-content:space-between;gap:10px;padding:18px 0;border-bottom:1px solid #34383c}li span{overflow-wrap:anywhere}li small{color:#aab2ba;text-align:right}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.controls label{margin:0}.controls input{width:120px;accent-color:#35bc7e}.controls output{min-width:42px;color:#b5bdc5}.danger{background:#652c35;border-color:#a85060;color:#fff}.secondary,#copy{background:#272d31;color:#e6ebef;border-color:#4b545b}.secondary{margin-top:20px}#mic{width:46px;height:46px;padding:10px}#mic svg{width:24px;height:24px;display:block}#mic[aria-pressed=true]{background:#652c35;color:white;border-color:#a85060}@media(max-width:500px){header{padding:16px;flex-wrap:wrap}#connection{width:100%;margin-left:52px}main{padding:24px 16px}.join-row{flex-direction:column}.room-heading{align-items:flex-start;flex-direction:column}.controls input{flex:1;min-width:80px}.controls .danger{width:100%}}