:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e8edf7;background:#0e1119}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;background:#2a477c;border:1px solid #3c5c90;color:#fff;padding:10px 14px;border-radius:10px}button:hover{background:#365c9e}button:disabled{opacity:.6;cursor:not-allowed}input,textarea{color:#e8edf7;background:#1a2231;border:1px solid #344159;padding:12px;border-radius:10px;outline-color:#6795eb}h1,h2{margin:.3em 0}.app{display:flex;height:100dvh}.app aside{width:285px;flex-shrink:0;background:#151b27;padding:22px;display:flex;flex-direction:column;border-right:1px solid #293242}.app aside h2{font-size:22px}.app aside small{color:#9eaec3;margin:20px 0 8px}.chatlist{overflow-y:auto;flex:1}.chatlist button{display:block;width:100%;text-align:left;border:0;background:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatlist button.selected{background:#2c3750}.account{border-top:1px solid #344159;display:flex;flex-direction:column;gap:8px}.account small{word-break:break-word}.main{min-width:0;display:flex;flex-direction:column;flex:1;position:relative}.main header{min-height:66px;border-bottom:1px solid #293242;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:18px 28px}.mode{font-size:12px;color:#bac7d7}.center{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center}.center p{color:#a8b5c5}.messages{flex:1;overflow-y:auto;padding:28px max(20px,calc((100% - 770px)/2))}.message{max-width:90%;padding:14px 18px;margin-bottom:16px;border:1px solid #2d3850;border-radius:16px;background:#1a2231;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{margin-left:auto;background:#233b5b}.message .who{font-weight:600;font-size:12px;color:#a8c6fa}.message p{margin:6px 0}.composer{padding:16px 24px;display:flex;gap:12px;border-top:1px solid #293242}.composer textarea{flex:1;resize:vertical}.admin{padding:4px 24px 16px;border-top:1px solid #293242;color:#b9c6d6}.admin form{display:flex;gap:8px;margin:8px 0}.admin input{min-width:0;flex:1}.login{min-height:100dvh;display:grid;place-items:center}.panel{width:min(420px,90vw);padding:32px;background:#151d2c;border-radius:16px;border:1px solid #344159}.panel p{color:#b1bdd0}.panel form{display:flex;flex-direction:column;gap:14px}.error,.toast{color:#ffb8af}.toast{position:absolute;bottom:130px;left:20px;background:#422a2b;border-radius:10px;padding:14px;display:flex;gap:14px}@media(max-width:700px){.app aside{width:140px;padding:12px}.app aside h2{font-size:15px}.main header{padding:10px;font-size:13px}.mode{font-size:10px}.messages{padding:16px}.composer{padding:10px;flex-direction:column}.admin form{flex-direction:column}.message{max-width:98%}}