*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#1f2937;font-family:Tahoma,Arial,sans-serif}.app{height:100vh;height:100dvh;max-width:900px;margin:auto;background:#fff;display:flex;flex-direction:column;box-shadow:0 0 35px rgba(0,0,0,.08)}.header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:21px;margin:0 0 7px}.header #status{font-size:12px;color:#16803c}.header-actions{display:flex;gap:8px}.header-actions button{border:0;background:#f1f3f5;border-radius:11px;padding:10px 12px;font-size:16px;cursor:pointer}.chat{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.message{display:flex;flex-direction:column;gap:5px;max-width:85%}.message.user{align-self:flex-start}.message.assistant{align-self:flex-end}.label{font-size:12px;color:#6b7280;padding:0 5px}.bubble{padding:12px 15px;border-radius:16px;line-height:1.9;white-space:pre-wrap;word-break:break-word}.user .bubble{background:#e5efff;border-bottom-right-radius:4px}.assistant .bubble{background:#f1f3f5;border-bottom-left-radius:4px}.composer{display:flex;gap:10px;padding:14px;border-top:1px solid #e5e7eb;background:#fff}.composer textarea{flex:1;resize:none;min-height:50px;max-height:140px;padding:13px 14px;border:1px solid #d1d5db;border-radius:14px;font:inherit;outline:none}.composer textarea:focus{border-color:#6b7280}.composer button{border:0;border-radius:14px;padding:0 20px;background:#202936;color:#fff;font:inherit;cursor:pointer}.composer button:disabled{opacity:.55;cursor:not-allowed}.loading{padding:8px 20px;color:#6b7280;font-size:13px;display:flex;align-items:center;gap:5px}.loading span{width:7px;height:7px;background:#777;border-radius:50%;animation:bounce 1.1s infinite}.loading span:nth-child(2){animation-delay:.15s}.loading span:nth-child(3){animation-delay:.3s}.loading small{margin-right:6px}@keyframes bounce{50%{transform:translateY(-4px);opacity:.5}}dialog{border:0;border-radius:18px;width:min(92vw,500px);box-shadow:0 15px 50px rgba(0,0,0,.25);padding:0}dialog::backdrop{background:rgba(0,0,0,.45)}.settings-box{padding:22px}.settings-box h2{margin:0 0 20px}.settings-box label{display:flex;flex-direction:column;gap:8px;font-size:14px}.settings-box input{padding:12px;border:1px solid #d1d5db;border-radius:10px;font:inherit}.hint{font-size:12px;color:#777}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dialog-actions button{border:0;border-radius:10px;padding:10px 18px;cursor:pointer}.dialog-actions button:last-child{background:#202936;color:#fff}@media(max-width:600px){.chat{padding:14px}.message{max-width:92%}.composer{padding:10px}.composer button{padding:0 14px;font-size:13px}.header{padding:13px 14px}}