:root{font-family:system-ui,sans-serif;color:#101c2c;background:#e5ecf2}*{box-sizing:border-box}body{margin:0}header{background:#101c2c;color:white;padding:18px 20px;font-size:24px;font-weight:750}header span{color:#37ecaa}main{max-width:650px;margin:auto;padding:18px}article{background:white;border-radius:20px;padding:18px;margin:16px 0;box-shadow:0 6px 16px #101c2c22}h1{font-size:25px}h2{font-size:19px;margin-top:0}.badge{font-size:11px;font-weight:750;color:#13734f}.note{font-size:13px;color:#536778;line-height:1.5}button{display:block;background:#37ecaa;color:#101c2c;border:0;border-radius:24px;padding:14px 18px;font:600 15px system-ui;margin:10px 0;width:100%;min-height:48px}button:disabled{opacity:.5}.secondary{background:#e5ecf2}textarea{width:100%;padding:12px;font:16px system-ui;border:1px solid #b7c6d1;border-radius:12px;color:#101c2c}p{white-space:pre-wrap;overflow-wrap:anywhere}audio{width:100%}[hidden]{display:none!important}summary{cursor:pointer;padding:10px 0}#userText,#assistantText{max-height:180px;overflow:auto;font-size:13px}