*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1d9e75;--primary-light:#e1f5ee;--primary-mid:#9fe1cb;--primary-dark:#0f6e56;--bg:#f4f4f2;--surface:#fff;--surface-2:#f8f8f6;--border:rgba(0,0,0,.1);--border-md:rgba(0,0,0,.18);--text:#111827;--text-muted:#6b7280;--text-faint:#9ca3af;--danger-bg:#fcebeb;--danger-border:#f7c1c1;--danger-text:#a32d2d;--radius:12px;--radius-sm:8px;--radius-pill:20px}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:var(--surface);border-bottom:.5px solid var(--border);height:56px;padding:0 1.5rem;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.logo{display:flex;align-items:center}.logo{gap:8px;text-decoration:none}.logo-icon{width:30px;height:30px;border-radius:8px;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-name{font-size:16px;font-weight:600;color:var(--text);letter-spacing:-.3px}.logo-name span{color:var(--primary)}.header-right{display:flex;align-items:center;gap:8px}.badge{font-size:11px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--surface-2);border:.5px solid var(--border);color:var(--text-muted)}.hero{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.eyebrow{font-size:11px;letter-spacing:.1em;color:var(--primary);text-transform:uppercase}.eyebrow,.hero-title{font-weight:600;margin-bottom:.75rem}.hero-title{font-size:clamp(28px,5vw,42px);color:var(--text);line-height:1.2;letter-spacing:-.5px}.hero-sub{font-size:15px;color:var(--text-muted);max-width:440px;line-height:1.7;margin-bottom:2.5rem}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:1.25rem;width:100%;max-width:560px}.field-label{font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.field-row{display:flex;gap:8px;margin-bottom:14px}.url-input{flex:1 1;height:42px;padding:0 12px;font-size:14px;border:.5px solid var(--border-md);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);outline:none;font-family:inherit;transition:border-color .15s}.url-input:focus{border-color:var(--primary)}.url-input::placeholder{color:var(--text-faint)}.chips-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.chip{font-size:12px;padding:5px 12px;border-radius:var(--radius-pill);border:.5px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;transition:all .15s}.chip.active,.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.active{background:var(--primary-light)}.chip-note{font-size:11px;color:var(--text-faint)}.btn-primary{height:42px;padding:0 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:14px;font-weight:500;font-family:inherit;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .15s;white-space:nowrap}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-full{width:100%}.btn-ghost{height:32px;padding:0 12px;border-radius:var(--radius-sm);border:.5px solid var(--border);background:transparent;cursor:pointer;font-size:12px;font-family:inherit;color:var(--text-muted);white-space:nowrap;transition:background .15s}.btn-ghost:hover{background:var(--surface-2)}.examples{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.ex-pill{font-size:12px;padding:4px 10px;border-radius:var(--radius-pill);border:.5px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;transition:all .15s}.ex-pill:hover{border-color:var(--primary);color:var(--primary)}.crawl-wrap{flex:1 1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.crawl-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:1.5rem;width:100%;max-width:520px}.crawl-header{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.crawl-title{font-size:15px;font-weight:500;color:var(--text)}.crawl-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.progress-track{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .35s ease}.crawl-stats{font-size:12px;color:var(--text-muted);margin-bottom:10px;display:flex;gap:12px}.stat-ok{color:var(--primary);font-weight:500}.stat-skip{color:var(--text-faint)}.page-log{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.log-item{font-size:12px;padding:5px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-muted);display:flex;align-items:center;gap:6px;overflow:hidden}.log-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.log-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.log-dot.ok{background:var(--primary)}.log-dot.skip{background:var(--text-faint)}.chat-view{flex:1 1;display:flex;flex-direction:column;min-height:0}.site-bar{background:var(--surface);border-bottom:.5px solid var(--border);padding:10px 1.5rem;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-bar,.site-info{display:flex;align-items:center}.site-info{gap:8px;min-width:0}.site-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0}.site-name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-meta{font-size:11px;color:var(--text-muted)}.bar-actions,.pages-drawer{display:flex;gap:6px}.pages-drawer{background:var(--surface-2);border-bottom:.5px solid var(--border);padding:8px 1.5rem;flex-wrap:wrap}.drawer-item{font-size:11px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--surface);border:.5px solid var(--border);color:var(--text-muted);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.msgs-wrap{flex:1 1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.msg{display:flex;gap:10px;max-width:740px;margin:0 auto;width:100%}.msg.user{flex-direction:row-reverse}.avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.avatar.bot{background:var(--primary-light);color:var(--primary-dark);border:.5px solid var(--primary-mid)}.avatar.you{background:var(--surface-2);color:var(--text);border:.5px solid var(--border)}.bubble{padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.65;max-width:calc(100% - 46px);word-break:break-word}.bubble.bot{background:var(--surface);border:.5px solid var(--border);color:var(--text)}.bubble.user{background:var(--primary);color:#fff}.bubble.err{background:var(--danger-bg);border:.5px solid var(--danger-border);color:var(--danger-text)}.bubble strong{font-weight:600}.compare-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;max-width:1100px;margin:0 auto;width:100%}@media (max-width:720px){.compare-row{grid-template-columns:1fr}}.compare-card{display:flex;flex-direction:column;gap:8px;min-width:0}.compare-head{display:flex;align-items:center;gap:8px}.compare-label{font-size:12px;font-weight:600;color:var(--text);letter-spacing:-.1px}.compare-host{font-size:11px;color:var(--text-faint)}.bubble-full{max-width:100%}.sources{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding-top:8px;border-top:.5px solid var(--border)}.source-tag{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--primary-light);color:var(--primary-dark);border:.5px solid var(--primary-mid);text-decoration:none;cursor:default;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;display:inline-block}.typing-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text-faint);animation:blink 1.2s infinite;margin:0 2px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.suggestions{display:flex;flex-wrap:wrap;gap:8px;max-width:740px;margin:0 auto;width:100%}.sugg{font-size:13px;padding:7px 14px;border-radius:var(--radius-pill);border:.5px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .15s}.sugg:hover{border-color:var(--primary);color:var(--primary)}.input-bar{background:var(--surface);border-top:.5px solid var(--border);padding:1rem 1.5rem}.input-inner{display:flex;gap:8px;max-width:740px;margin:0 auto}.chat-input{flex:1 1;min-height:42px;max-height:130px;padding:10px 14px;font-size:14px;line-height:1.5;resize:none;overflow-y:auto;border:.5px solid var(--border-md);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);outline:none;font-family:inherit;transition:border-color .15s}.chat-input:focus{border-color:var(--primary)}.chat-input::placeholder{color:var(--text-faint)}.send-btn{width:42px;height:42px;border-radius:var(--radius-sm);border:none;background:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}.send-btn:hover{opacity:.85}.send-btn:disabled{opacity:.4;cursor:not-allowed}.input-hint{font-size:11px;color:var(--text-faint);text-align:center;margin-top:6px;max-width:740px;margin-left:auto;margin-right:auto}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:2px}