:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101c2b;color:#e9f0f7}*{box-sizing:border-box}body{margin:0}main{padding:20px;max-width:640px;margin:auto}header,.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{justify-content:space-between}.badge{font-size:11px;letter-spacing:1px;color:#7fe3c8;border:1px solid #387c71;border-radius:5px;padding:4px 7px}h1{font-size:clamp(19px,5vw,26px);margin:14px 0 5px;overflow-wrap:anywhere}p{font-size:13px;color:#a9bad0;margin:8px 0 14px}button{font:inherit;cursor:pointer;padding:10px 16px;border-radius:8px;border:1px solid #4a6077;background:#263c54;color:white}#listen{background:#087865;border-color:#17ac92}button:disabled{opacity:.5;cursor:default}label{display:flex;align-items:center;gap:8px;font-size:14px}input{width:110px;accent-color:#58d2b6}#message{min-height:32px;margin-bottom:0}@media(max-width:360px){main{padding:14px}label{width:100%}}

.talking{border-top:1px solid #387c71;margin-top:12px;padding-top:8px}.talking h2{font-size:15px;margin:0}.talking ul{padding-left:18px;margin:4px 0;font-size:12px}.talking a{color:#7fe3c8}.talking details ul{max-height:110px;overflow:auto}#talkingCurrent:not(:empty){background:#104c3c;border-radius:5px;padding:6px 6px 6px 24px}#talkingTiming{font-size:11px;margin:5px 0}