:root{color:#e7e9ee;background:#17191d;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{place-items:center;min-height:100vh;padding:24px;display:grid}.panel{background:#202329;border:1px solid #343841;border-radius:10px;width:min(520px,100%);padding:24px}h1{margin:0 0 6px}.status{color:#aeb5c2;margin-top:0}form,label{gap:8px;display:grid}.check{align-items:center;display:flex}.check input{width:auto}form{gap:16px}input,button{font:inherit;border:1px solid #424855;border-radius:6px;padding:10px 12px}input{color:inherit;background:#17191d}button{color:#fff;cursor:pointer;background:#3c64dc}.secondary{background:#414753}button:disabled{opacity:.6;cursor:wait}ul{padding:0;list-style:none}li{border-left:3px solid #555c69;padding:9px 11px}li.speaking{background:#24382e;border-color:#43c783}.controls{flex-wrap:wrap;gap:8px;display:flex}.tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.danger{background:#b74242}.error{color:#ff8989}