@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg-primary: #1e1e20;--bg-secondary: #000000;--bg-panel: #212121;--text-primary: #e0e0e0;--text-secondary: #a3a3a3;--text-inverse: #ffffff;--accent: #10a37f;--accent-hover: #1a7f64;--border: #383838;--user-bubble: #2f2f32;--input-bg: #2f2f32}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);height:100%;height:100dvh;overflow:hidden}.app-container{display:flex;height:100%;height:100dvh;width:100vw}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);height:100%;position:relative}.top-bar{min-height:60px;display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);position:sticky;top:0;background-color:var(--bg-primary);z-index:10}.header-titles{display:flex;flex-direction:column;max-width:820px;width:100%;margin:0 auto;padding:0 32px}.model-name{font-weight:600;font-size:20px;color:var(--text-primary);line-height:1.2}.model-subtitle{font-size:14px;color:var(--text-secondary);margin-top:4px}.chat-container{flex:1;overflow-y:auto;padding-bottom:30px;scroll-behavior:smooth}.message{display:flex;gap:16px;max-width:820px;margin:0 auto;padding:24px 32px;justify-content:flex-start;border-bottom:1px solid transparent;width:100%}.message.bot{background-color:#0000001a;border-bottom-color:var(--border);border-top:1px solid var(--border)}.avatar-wrapper{flex-shrink:0}.msg-avatar{width:36px;height:36px;border-radius:6px;background-color:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff}.msg-avatar.user{background-color:#5d5d5d}.message-content{flex:1;line-height:1.7;font-size:15px;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;min-width:0}.message-content h1,.message-content h2,.message-content h3{margin-top:16px;margin-bottom:8px}.message-content>*:first-child{margin-top:0}.message-content p{margin-bottom:8px}.message-content p:last-child{margin-bottom:0}.message-content ul,.message-content ol{padding-left:20px;margin:8px 0}.message-content li{margin-bottom:4px}.message-content li:empty{display:none}.message-content pre{background-color:#0d0d0d;padding:16px;border-radius:8px;overflow-x:auto;margin:12px 0}.message-content code{font-family:monospace;background-color:#0d0d0d;padding:2px 4px;border-radius:4px}.message-content pre code{background-color:transparent;padding:0}.prompt-suggestion{display:inline-block;color:var(--accent);background-color:#10a37f1a;padding:8px 12px;border-radius:6px;cursor:pointer;border:1px solid rgba(16,163,127,.2);transition:all .2s ease;font-family:monospace;font-size:14px}.prompt-suggestion:hover{background-color:#10a37f33;border-color:#10a37f66}.input-area-wrapper{max-width:820px;width:100%;margin:0 auto;padding:20px 32px 30px;flex-shrink:0}.input-box{display:flex;align-items:center;background-color:var(--input-bg);border:1px solid var(--border);border-radius:12px;padding:8px 16px;box-shadow:0 0 15px #0000004d;position:relative;transition:border-color .2s}.input-box:focus-within{border-color:#555}textarea{flex:1;background:transparent;border:none;color:var(--text-inverse);font-family:inherit;font-size:15px;resize:none;padding:10px 0;max-height:200px;min-height:24px;outline:none;line-height:1.5;overflow-y:auto}textarea::placeholder{color:#777}.send-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,opacity .2s;align-self:flex-end;margin-bottom:6px}.send-btn:disabled{background:#555;cursor:not-allowed;opacity:.5}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.footer-text{text-align:center;font-size:12px;color:#777;margin-top:12px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.generation-stats{font-size:11px;color:var(--text-secondary);margin-top:8px;padding:4px 10px;background-color:#ffffff0a;border-radius:6px;display:inline-block;letter-spacing:.3px}@media (max-width: 768px){.message{padding:24px 16px}.input-area-wrapper{padding:0 16px 20px}.header-titles{padding:0 16px}.model-name{font-size:16px}.model-subtitle{font-size:12px}}