:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#101419;color:#edf0f4}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:880px;margin:auto;padding:24px 18px calc(22px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:14px;margin-bottom:25px}h1{font-size:24px;margin:0}header p,.note{color:#a6aeb8;font-size:13px;line-height:1.5}.logo{display:grid;place-items:center;background:#e5c77b;color:#15191f;width:48px;height:48px;border-radius:15px;font-size:26px;font-weight:700}button,select,textarea{font:inherit;color:inherit;border:1px solid #39414c;border-radius:12px;background:#1c232c;padding:12px}button{cursor:pointer;min-height:46px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e5c77b}nav{display:flex;gap:8px;margin-bottom:20px}nav button{flex:1}nav button.active,#send{background:#e5c77b;color:#171b20;border-color:#e5c77b}#logout{margin-left:auto}#error{color:#ffb6aa;white-space:pre-wrap}#messages{min-height:220px;max-height:54vh;overflow:auto;padding:14px 0}.message{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 16px;margin:12px 0;background:#1b222b;border-radius:14px;line-height:1.55}.message.user{background:#30312a;margin-left:24px}.message.system{color:#eac697}.chat-controls{display:flex;gap:10px}select{min-width:0;flex:1}form{display:grid;gap:9px}textarea{resize:vertical;min-height:100px;width:100%}label{font-size:13px;color:#bac1cb}.card{border:1px solid #343c46;border-radius:14px;padding:17px;margin:12px 0;overflow-wrap:anywhere}#locked{padding:28px 0}#locked p{line-height:1.6;color:#bac1cb}@media(max-width:480px){main{padding:18px 12px}nav{gap:5px}nav button{padding:10px 7px;font-size:14px}#messages{max-height:45vh}h2{font-size:21px}}