body{color:#e6edf4;background:#101723;margin:0;font:17px/1.5 system-ui}main{max-width:850px;margin:auto;padding:36px}label{margin:12px 0;display:block}input,select,textarea,button{font:inherit;color:inherit;background:#202d3e;border:1px solid #607185;border-radius:6px;padding:9px}button{cursor:pointer;margin:5px}textarea{width:95%;min-height:90px;display:block}li{white-space:pre-wrap;background:#202d3e;border-radius:8px;margin:12px 0;padding:14px}output{overflow-wrap:anywhere;display:block}#status{border-left:4px solid #73d9b3;padding-left:12px}small{color:#aabccc;display:block}figure{margin:0}figure img{border-radius:6px;max-width:100%;max-height:420px;display:block}@media (max-width:600px){main{padding:16px}body{font-size:16px}button{padding:11px 12px}}#messages{padding:0;list-style:none}#messages li[data-direction=incoming]{border-bottom-left-radius:2px;margin-right:15%}#messages li[data-direction=outgoing]{background:#1f3b4d;border-bottom-right-radius:2px;margin-left:15%}#messages li p{overflow-wrap:anywhere;margin:0 0 6px}figure audio,#voice-preview{width:100%;max-width:420px;margin:6px 0;display:block}#typing{color:#aabccc;margin:4px 0;font-style:italic}#voice,#preferences{border:1px solid #2c3b4e;border-radius:8px;margin:12px 0;padding:10px}button[data-on=true]{border-color:#73d9b3}