:root{font-family:ui-rounded,system-ui,sans-serif;color:#d9ffee;background:#111b24;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;padding:35px 20px}main{max-width:620px;margin:auto;text-align:center}
.eyebrow{font-size:11px;letter-spacing:3px;color:#92b8b0}h1{font-size:clamp(23px,5vw,35px);font-weight:600}
canvas{display:block;width:100%;max-width:480px;margin:30px auto 5px;background:#0a1419;border-radius:30px}
#status{min-height:24px;color:#95e8c4}form{text-align:left}label{display:block;font-size:13px;margin:8px 0}
.row{display:flex;gap:10px}input{min-width:0;flex:1;background:#1d3039;border:1px solid #41625f;border-radius:10px;padding:12px;font:inherit}
button{border:0;border-radius:12px;background:#9ff3ca;color:#13332b;padding:12px 20px;font:inherit;cursor:pointer}
button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #eaff82;outline-offset:4px}
#talk{font-size:23px;font-weight:650;padding:24px;width:100%;margin-top:26px;touch-action:none;user-select:none;-webkit-user-select:none}
#talk.listening{background:#eaff82;transform:scale(.99)}.hint,.privacy,#timing{font-size:12px;color:#94aaa9;line-height:1.6}
#reply{min-height:65px;line-height:1.7;font-size:18px;padding:10px}details{text-align:left;border-top:1px solid #30464b;padding-top:14px}
summary{cursor:pointer;color:#add7c3}details form{margin-top:16px}.footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:10px}
details input{width:100%}details button{margin-top:12px}select{min-width:0;flex:1;background:#1d3039;border:1px solid #41625f;border-radius:10px;padding:10px;color:inherit;font:inherit}
#pairing{margin-top:15px;text-align:left}#pair-status{font-size:14px;line-height:1.6}#paired-identity{margin:20px 0}#device-list{font-size:13px;line-height:1.8;overflow-wrap:anywhere}
#reset{background:#273e46;color:#d9ffee;font-size:13px}.privacy{margin-top:30px;text-align:left} @media(max-width:420px){body{padding:20px 15px}.row{gap:6px}button{padding:12px}}

#pair-button{width:100%;font-size:18px;padding:17px}#pairing{text-align:center}#wifi-form{padding:18px;background:#1d3039;border-radius:14px;margin-top:18px}#wifi-form input{width:100%}#advanced{margin-top:25px}
