*,:before,:after{box-sizing:border-box}:root{--primary:#1a56db;--primary-hover:#1348b8;--bg:#f9fafb;--surface:#fff;--text:#1f2937;--text-secondary:#6b7280;--border:#e5e7eb;--user-bg:#eff6ff;--user-border:#bfdbfe;--assistant-bg:#fff;--assistant-border:#e5e7eb;--source-bg:#f3f4f6;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}body{font-family:var(--font);color:var(--text);background:var(--bg);margin:0;font-size:15px;line-height:1.5}#root{height:100vh;display:flex}.app{flex-direction:column;width:100%;max-width:820px;height:100vh;margin:0 auto;display:flex}.header{border-bottom:1px solid var(--border);background:var(--surface);padding:16px 24px}.logo-row{justify-content:center;align-items:center;gap:12px;display:flex}.header-logo{width:44px;height:44px}.header h1{color:var(--primary);margin:0;font-size:22px;font-weight:700}.header .subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:14px}.message-content h2{color:var(--primary);margin:8px 0 4px;font-size:15px;font-weight:700}.message-content h2:first-child{margin-top:0}.message-content p{margin:4px 0}.message-content ul,.message-content ol{margin:4px 0;padding-left:20px}.message-content strong{color:var(--text)}.chat-area{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.empty-state{color:var(--text-secondary);flex:1;justify-content:center;align-items:center;font-size:16px;display:flex}.message{flex-direction:column;max-width:85%;display:flex}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-label{color:var(--text-secondary);margin-bottom:4px;padding:0 4px;font-size:12px;font-weight:600}.message.user .message-label{text-align:right}.message-bubble{border-radius:12px;padding:12px 16px;line-height:1.5}.message.user .message-bubble{background:var(--user-bg);border:1px solid var(--user-border);border-bottom-right-radius:4px}.message.assistant .message-bubble{background:var(--assistant-bg);border:1px solid var(--assistant-border);border-bottom-left-radius:4px}.message-content{white-space:pre-wrap;word-break:break-word}.message-file{color:var(--text-secondary);margin-top:8px;font-size:13px}.file-icon{font-style:normal}.sources{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.sources-header{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:700}.sources ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.source-item{background:var(--source-bg);border-radius:8px;padding:8px 12px;font-size:13px}.source-text{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.source-similarity{color:var(--primary);margin-top:4px;font-size:11px;font-weight:600;display:inline-block}.loading-bubble{min-width:60px}.loading-dots{align-items:center;gap:6px;height:20px;display:flex}.loading-dots span{background:var(--text-secondary);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite bounce}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.input-area{border-top:1px solid var(--border);background:var(--surface);padding:12px 24px 16px}.input-controls{gap:8px;margin-bottom:8px;display:flex}.law-filter{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font-size:13px;font-family:var(--font);border-radius:8px;padding:6px 10px}.law-filter:focus{outline:2px solid var(--primary);outline-offset:-1px}.file-upload-label{cursor:pointer}.file-input-hidden{display:none}.file-btn{border:1px dashed var(--border);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;max-width:250px;padding:6px 12px;font-size:13px;transition:border-color .2s,color .2s;display:inline-block;overflow:hidden}.file-btn:hover{border-color:var(--primary);color:var(--primary)}.input-row{gap:8px;display:flex}.text-input{border:1px solid var(--border);font-size:15px;font-family:var(--font);color:var(--text);background:var(--bg);border-radius:10px;flex:1;padding:10px 14px;transition:border-color .2s}.text-input:focus{border-color:var(--primary);outline:none}.text-input:disabled{opacity:.6}.send-btn{background:var(--primary);color:#fff;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font);white-space:nowrap;border:none;border-radius:10px;padding:10px 20px;transition:background .2s}.send-btn:hover:not(:disabled){background:var(--primary-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=600px){.app{max-width:100%}.chat-area{padding:12px}.input-area{padding:10px 12px 14px}.message{max-width:95%}.input-controls{flex-direction:column}}