*{box-sizing:border-box}
body{background:#121827;color:#f5f7fc;font:16px system-ui;margin:0}
main{max-width:700px;margin:auto;padding:18px}
h1{margin-bottom:8px}
small,.muted{color:#aab6d0}
button,input,textarea{font:inherit;border-radius:10px;padding:12px}
button{background:#456cff;color:white;border:0;margin:5px;cursor:pointer}
button:disabled{opacity:.5;cursor:wait}
button.secondary{background:#303d59}
button.active{background:#178d78}
input,textarea{width:100%;background:#242d42;color:white;border:1px solid #54617a}
textarea{resize:vertical}
#history{background:#222c42;border-radius:12px;padding:14px;height:48vh;min-height:240px;overflow:auto}
.bubble{padding:12px;border-radius:12px;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.user{background:#344b8e;margin-left:12%}
.assistant{background:#344052;margin-right:12%}
.notice{color:#c1d1f5;font-size:14px}
#status{color:#bad5ff;min-height:22px}
section{margin:16px 0}
details{background:#1a2437;padding:12px;border-radius:10px}
summary{cursor:pointer}

#drafts{white-space:pre-wrap}