*{box-sizing:border-box}body{margin:0;background:#faf8f4;color:#293f39;font:16px/1.6 system-ui,sans-serif;display:flex;height:100vh}aside{width:260px;background:#e8eee4;padding:40px 28px;display:flex;flex-direction:column;gap:38px}.brand{font-size:28px;font-weight:700}.brand small{display:block;font-size:12px;letter-spacing:3px;font-weight:400}aside p{font:28px/1.7 Georgia,serif}.note{margin-top:auto;font-size:12px;color:#53685b}main{width:min(900px,calc(100% - 260px));margin:auto;padding:30px 42px;height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd6;padding-bottom:20px}.eyebrow{font-size:10px;letter-spacing:3px;color:#748575}h1{font-size:26px;font-weight:500;margin:8px 0}#connection{font-size:12px;color:#59715c}#messages{flex:1;overflow-y:auto;padding:22px 0}.message{max-width:87%;background:#efeee7;padding:16px 20px;border-radius:18px;margin:0 0 18px;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{margin-left:auto;background:#dce7d9}.meta{font-size:11px;color:#647467;margin-bottom:7px}.message button{display:block;margin-top:12px;font-size:12px;padding:5px 12px}.empty{padding:70px 16px;color:#657769;text-align:center}.empty b{display:block;font-size:30px;margin-bottom:14px;font-weight:400}button{border:1px solid #bdccba;border-radius:10px;padding:10px 17px;background:#f9faf5;color:#304d3d;cursor:pointer;font:inherit}button:disabled{opacity:.5;cursor:wait}#send,button[type=submit]{background:#365c48;color:white;border:0}textarea,input:not([type=checkbox]){border:1px solid #ced7c9;background:#fffefb;border-radius:10px;padding:12px;font:inherit;color:inherit;width:100%}textarea{resize:vertical}#text{min-height:84px;max-height:200px}.actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:10px}.actions label{font-size:12px}footer{font-size:11px;text-align:center;margin-top:16px;color:#6b796f}dialog{width:min(540px,94vw);max-height:90vh;border:1px solid #ccd6c5;border-radius:20px;padding:26px;background:#faf8f4;color:inherit}dialog::backdrop{background:#203b3270}dialog label{display:block;margin:12px 0;font-size:13px}dialog h2{font-size:21px}.hint{font-size:12px;color:#687568}#status,#settingsStatus{color:#9b472f;font-size:13px}audio{width:100%;max-height:40px}hr{border:0;border-top:1px solid #d9dfd4;margin:22px 0}@media(max-width:760px){aside{display:none}main{width:100%;padding:18px;height:100dvh}.eyebrow{font-size:9px}h1{font-size:22px}.actions{flex-wrap:wrap}.message{max-width:94%}}