*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #333333;--bg-message-user: #3b3b3b;--bg-message-ai: transparent;--border: #3a3a3a;--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--text-muted: #6b6b6b;--accent: #d4a574;--accent-hover: #e0b88a;--error: #ef4444;--success: #22c55e}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}.avatar{border-radius:50%;object-fit:cover}.avatar-small{width:32px;height:32px}.avatar-medium{width:40px;height:40px}.avatar-large{width:80px;height:80px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border)}.app{height:100%;display:flex;flex-direction:column}.header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;background:var(--bg-secondary)}.header-avatar-link{display:flex;cursor:pointer}.header-avatar{width:40px;height:40px}.header-info h1{font-size:16px;font-weight:600}.header-info p{font-size:13px;color:var(--text-secondary)}.header-status{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.header-status .dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.header-status .dot.offline{background:var(--text-muted)}.header-links{display:flex;gap:8px}.header-link{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;text-decoration:none;display:flex;align-items:center;gap:6px;transition:background .15s}.header-link:hover{background:var(--bg-primary)}.header-link svg{width:16px;height:16px}.chat-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column}.chat-messages{max-width:800px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:24px}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;max-width:700px;margin:0 auto}.welcome-avatar{margin-bottom:24px}.welcome h2{font-size:28px;font-weight:600;margin-bottom:12px}.welcome p{font-size:16px;color:var(--text-secondary);margin-bottom:32px;max-width:500px}.welcome-suggestions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:600px}@media(max-width:600px){.welcome-suggestions{grid-template-columns:1fr}}.suggestion-btn{padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:4px}.suggestion-btn:hover{background:var(--bg-tertiary);border-color:var(--accent)}.suggestion-btn .label{font-size:12px;color:var(--text-muted)}.suggestion-btn .text{color:var(--text-primary)}.suggestion-btn.match-btn{background:var(--accent);border-color:var(--accent)}.suggestion-btn.match-btn .label{color:#0009}.suggestion-btn.match-btn .text{color:var(--bg-primary)}.suggestion-btn.match-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.message{display:flex;gap:16px;align-items:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.message-avatar.user{background:var(--bg-tertiary);color:var(--text-secondary)}.message-content{flex:1;min-width:0}.message-author{font-size:13px;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:8px}.message-author .badge{font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px;background:var(--accent);color:var(--bg-primary)}.message-body{font-size:15px;line-height:1.7}.message-body p{margin-bottom:12px}.message-body p:last-child{margin-bottom:0}.message-body ul,.message-body ol{margin:12px 0;padding-left:24px}.message-body li{margin-bottom:6px}.message-body code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}.message-body pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;overflow-x:auto;margin:12px 0}.message-body pre code{background:transparent;padding:0}.message-body strong{font-weight:600;color:var(--accent)}.message-body a{color:var(--accent);text-decoration:none}.message-body a:hover{text-decoration:underline}.message-body img{width:32px;height:32px;border-radius:8px;vertical-align:middle;margin-right:8px}.message-body h1,.message-body h2,.message-body h3,.message-body h4{margin:20px 0 12px;font-weight:600}.message-body h1:first-child,.message-body h2:first-child,.message-body h3:first-child{margin-top:0}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.input-area{padding:16px 24px 24px;background:var(--bg-primary)}.input-container{max-width:800px;margin:0 auto}.input-wrapper{display:flex;gap:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:12px 16px;transition:border-color .15s}.input-wrapper:focus-within{border-color:var(--accent)}.input-wrapper input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:15px}.input-wrapper input::placeholder{color:var(--text-muted)}.send-btn{padding:8px 16px;background:var(--accent);border:none;border-radius:8px;color:var(--bg-primary);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn svg{width:16px;height:16px}.input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--text-muted)}.messages-remaining{display:flex;align-items:center;gap:4px}.messages-remaining.warning{color:var(--error)}.pr-fallback-link{color:var(--text-muted);text-decoration:none;transition:color .2s}.pr-fallback-link:hover{color:var(--primary);text-decoration:underline}.quick-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.quick-suggestion-chip{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.quick-suggestion-chip:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent);color:var(--text-primary)}.quick-suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.quick-suggestion-chip.match-chip{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.quick-suggestion-chip.match-chip:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.alert-banner{padding:12px 24px;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.3);color:var(--error);font-size:14px;text-align:center}.alert-banner a{color:var(--error);font-weight:500}.cached-badge{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:4px;margin-top:8px}.cached-badge svg{width:12px;height:12px}@media(max-width:768px){.header{padding:10px 12px;gap:10px}.header-avatar{width:32px;height:32px}.header-info h1{font-size:14px}.header-info p{font-size:11px}.header-links{gap:6px;margin-left:auto}.header-link{padding:6px 10px;font-size:12px;gap:4px}.header-link svg{width:14px;height:14px}.header-link-text,.hide-mobile,.header-status{display:none}.chat-container{padding:16px}.input-area{padding:12px 16px 16px}.quick-suggestions{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;margin-bottom:6px}.quick-suggestions::-webkit-scrollbar{display:none}.quick-suggestion-chip{flex-shrink:0;white-space:nowrap}.input-wrapper{padding:6px 8px;gap:6px}.send-btn{padding:8px 12px;font-size:13px}.send-btn span{display:none}.input-footer{justify-content:center;margin-top:4px}.messages-remaining{display:none}.input-wrapper input{font-size:14px}.input-area{padding-bottom:6px}.welcome{padding:24px}.welcome h2{font-size:22px}}