:root{font:16px system-ui,sans-serif;color:#e9edf1;background:#11191d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:24px}main{max-width:680px;margin:40px auto}header{display:flex;gap:18px;align-items:center;margin-bottom:38px}.mark{display:grid;place-items:center;background:#9ce2bd;color:#172920;border-radius:18px;width:64px;height:64px;font-weight:700;font-size:35px}h1{font-size:26px;margin:0}h2{font-size:20px}p{line-height:1.6}#status,.hint,footer{color:#9cabb4;font-size:14px}section{background:#1c282e;padding:24px;border-radius:20px}form{display:flex;gap:10px;margin-top:18px}input{min-width:0;flex:1;border:1px solid #40515c;background:#11191d;color:white;padding:14px;border-radius:10px;font:inherit}button{cursor:pointer;font:inherit;border:0;background:#9ce2bd;color:#172920;padding:14px 20px;border-radius:10px;font-weight:600}button:disabled{opacity:.5;cursor:default}.controls{display:flex;gap:10px}#ptt{flex:1;touch-action:none;user-select:none;-webkit-user-select:none}#ptt.active{background:#f2c488}#stop{background:#384951;color:white}.quiet{background:transparent;color:#9cabb4;font-size:13px;margin-top:16px}#conversation{max-height:50vh;overflow:auto}.user{color:#9ce2bd}.reply{white-space:pre-wrap;overflow-wrap:anywhere}#transcript{color:#f2c488}#error{color:#ffb7a9;min-height:24px}footer{margin-top:24px;text-align:center}[hidden]{display:none!important}@media(max-width:480px){body{padding:12px}main{margin:18px auto}section{padding:18px}button{padding:14px}form{gap:6px}}