:root{--bg:#0F1F33;--bg-page:#0A1929;--bg-2:#15263D;--bg-3:#1A2E4A;--brand-dark:#042C53;--brand:#378ADD;--brand-2:#185FA5;--user-bg:#185FA5;--user-fg:#E6F1FB;--hl-bg:#633806;--hl-fg:#FAC775;--border:#1F3550;--border-em:#2A4A70;--fg:#E6F1FB;--fg-2:#B5D4F4;--fg-3:#85B7EB;--fg-4:#5C7896;--radius-sm:8px;--radius-md:12px;--radius-pill:999px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14.5px;line-height:1.55;color:var(--fg);background:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{background:none;border:0;cursor:pointer}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--brand-2);color:var(--fg)}:where(button,a,[role=button],input,textarea,select):focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.app{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-page)}.topbar{height:56px;flex:0 0 56px;gap:12px;padding:0 20px;border-bottom:.5px solid var(--border);background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;min-width:0}.brand-mark{width:28px;height:28px;border-radius:7px;background:var(--brand);display:grid;place-items:center;color:#fff;flex:0 0 28px}.brand-mark svg{width:17px;height:17px}.brand-name{font-weight:600;letter-spacing:-.01em;font-size:15px}.conv-meta{display:flex;align-items:baseline;gap:10px;margin-left:14px;padding-left:14px;border-left:.5px solid var(--border);min-width:0}.conv-title{font-size:13.5px;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:36ch}.conv-time{font-size:11.5px;color:var(--fg-4);white-space:nowrap}.topbar-spacer{flex:1 1}.topbar-actions{display:flex;align-items:center;gap:4px}.pill-btn{height:34px;padding:0 12px;border-radius:8px;display:inline-flex;align-items:center;gap:7px;color:var(--fg-2);font-size:13px;border:.5px solid transparent;transition:background .12s ease,color .12s ease,border-color .12s ease}.pill-btn:hover{background:var(--bg-2);color:var(--fg);border-color:var(--border)}.pill-btn svg{width:16px;height:16px}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#2A4A70,#15263D);color:var(--fg);font-size:12px;font-weight:600;display:grid;place-items:center;border:.5px solid var(--border-em);margin-left:4px}main{min-height:0}.landing,main{flex:1 1;display:flex;flex-direction:column}.landing{align-items:center;justify-content:center;padding:40px 20px 80px}.landing-inner{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:22px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:rgba(55,138,221,.1);border:.5px solid rgba(55,138,221,.35);color:var(--fg-3);font-size:11.5px;font-weight:500;letter-spacing:.01em}.badge .dot{width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px rgba(55,138,221,.18)}h1.hero{font-size:28px;font-weight:500;letter-spacing:-.015em;text-align:center;margin:0;color:var(--fg);line-height:1.2;text-wrap:balance}.hero-sub{text-align:center;color:var(--fg-3);font-size:14.5px;margin:-8px 0 4px;text-wrap:pretty;max-width:460px}.composer{width:100%;max-width:540px}.composer-card{background:var(--bg-2);border:.5px solid var(--border-em);border-radius:14px;padding:10px 10px 8px;transition:border-color .15s ease,box-shadow .15s ease}.composer-card:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(55,138,221,.18)}.composer-input{width:100%;background:transparent;border:0;outline:0;resize:none;color:var(--fg);font-size:14.5px;line-height:1.5;padding:6px 4px;min-height:26px;max-height:200px;overflow-y:auto}.composer-input::placeholder{color:var(--fg-4)}.composer-row{display:flex;align-items:center;gap:2px;padding-top:6px}.composer-row .spacer{flex:1 1}.send-btn{width:32px;height:32px;border-radius:8px;background:var(--brand);color:#fff;display:grid;place-items:center;transition:background .12s ease,opacity .12s ease,transform .08s ease}.send-btn:hover:not(:disabled){background:#4f9be8}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{background:var(--bg-3);color:var(--fg-4);cursor:not-allowed}.send-btn svg{width:16px;height:16px}.examples{width:100%;margin-top:4px}.examples-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-4);font-weight:600;margin-bottom:10px;padding-left:2px}.ex-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.ex-card{text-align:left;background:var(--bg-2);border:.5px solid var(--border);border-radius:var(--radius-md);padding:12px;color:var(--fg-2);font-size:13px;line-height:1.4;transition:background .12s ease,border-color .12s ease;display:flex;flex-direction:column;gap:10px;min-height:104px}.ex-card:hover{background:var(--bg-3);border-color:var(--border-em);color:var(--fg)}.ex-icon{width:26px;height:26px;border-radius:7px;background:rgba(55,138,221,.12);color:var(--brand);display:grid;place-items:center}.ex-icon svg{width:15px;height:15px}.ex-text{text-wrap:pretty}.footer-note{text-align:center;color:var(--fg-4);font-size:11.5px;margin-top:8px}.chat-wrap{flex:1 1;min-height:0;display:flex;flex-direction:column}.chat-scroll{flex:1 1;overflow-y:auto;scroll-behavior:smooth}.chat-col{max-width:620px;margin:0 auto;padding:28px 20px 24px;display:flex;flex-direction:column;gap:22px}.msg-user{align-self:flex-end;max-width:78%;background:var(--user-bg);color:var(--user-fg);padding:10px 14px;border-radius:14px 14px 4px 14px;font-size:14.5px;line-height:1.5;word-wrap:break-word;text-wrap:pretty}.msg-ai{display:flex;align-items:flex-start;gap:10px;max-width:100%}.ai-avatar{width:28px;height:28px;border-radius:7px;background:var(--brand);color:#fff;display:grid;place-items:center;flex:0 0 28px;margin-top:2px}.ai-avatar svg{width:16px;height:16px}.ai-body{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:8px}.ai-bubble{background:var(--bg-2);border:.5px solid var(--border);border-radius:4px 14px 14px 14px;padding:12px 14px;font-size:14.5px;line-height:1.6;color:var(--fg)}.ai-bubble p{margin:0}.ai-bubble p+p{margin-top:8px}.ai-bubble strong{color:var(--fg);font-weight:600}.cite-pill{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;margin:0 1px;border-radius:5px;background:var(--hl-bg);color:var(--hl-fg);font-weight:500;font-size:12.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-decoration:none;cursor:pointer;transition:background .12s ease,color .12s ease;white-space:nowrap;line-height:1.4}.cite-pill:hover{background:#7a4609;color:#FFE0A8}.cite-pill svg{width:11px;height:11px}.citations-list{margin-top:10px;padding-top:10px;border-top:.5px dashed var(--border-em);display:flex;flex-direction:column;gap:5px}.citations-list-head{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-4);font-weight:600;margin-bottom:2px}.citation-item{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--fg-3);text-decoration:none;transition:color .12s ease;line-height:1.45}.citation-item:hover{color:var(--brand)}.citation-item .ci-tag{flex:0 0 auto;padding:1px 6px;border-radius:4px;background:rgba(55,138,221,.12);color:var(--fg-2);font-size:11px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.citation-item .ci-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.citation-item svg{width:11px;height:11px;opacity:.7;flex:0 0 11px}.product-lookup{margin-top:10px;padding-top:10px;border-top:.5px dashed var(--border-em);display:flex;flex-direction:column;gap:6px}.product-lookup-head{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-4);font-weight:600;margin-bottom:2px}.product-item{display:flex;align-items:flex-start;gap:8px}.product-item.is-suggestion{opacity:.85}.product-cat{flex:0 0 auto;min-width:26px;text-align:center;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.03em}.product-cat.is-chem{background:rgba(220,140,70,.16);color:#f0c08a}.product-cat.is-os{background:rgba(120,140,160,.14);color:var(--fg-3)}.product-text{display:flex;flex-direction:column;min-width:0}.product-text strong{font-size:13.5px}.product-note{font-size:11.5px;color:var(--fg-4)}.product-nomatch{font-size:12px;color:var(--fg-3);margin-bottom:2px}.ai-actions{display:flex;align-items:center;gap:2px;margin-left:-6px}.ai-action{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:var(--fg-4);transition:background .12s ease,color .12s ease}.ai-action:hover{background:var(--bg-2);color:var(--fg-2)}.ai-action.is-active{color:var(--brand)}.ai-action svg{width:15px;height:15px}.followups{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.followup{padding:6px 12px;border-radius:999px;background:transparent;border:.5px solid var(--border-em);color:var(--fg-2);font-size:12.5px;transition:background .12s ease,border-color .12s ease,color .12s ease;text-align:left}.followup:hover{background:var(--bg-2);border-color:var(--brand);color:var(--fg)}.clarification{display:flex;flex-direction:column;gap:12px}.clarification-q{font-weight:500;color:var(--fg)}.clarification-rationale{font-size:12.5px;color:var(--fg-4);margin-top:-4px}.clarification-dim{display:flex;flex-direction:column;gap:6px}.clarification-dim-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-3);font-weight:600}.clarification-dim-desc{font-size:12.5px;color:var(--fg-4);margin-top:-4px;margin-bottom:2px}.clarification-options{display:flex;flex-wrap:wrap;gap:6px}.clarification-opt{padding:7px 12px;border-radius:8px;background:var(--bg-3);border:.5px solid var(--border-em);color:var(--fg-2);font-size:13px;transition:background .12s ease,border-color .12s ease,color .12s ease}.clarification-opt:hover{background:var(--bg-3);border-color:var(--brand);color:var(--fg)}.clarification-opt.selected{background:rgba(55,138,221,.18);border-color:var(--brand);color:var(--fg)}.clarification-submit{margin-top:4px;align-self:flex-start;padding:8px 14px;border-radius:8px;background:var(--brand);color:#fff;font-size:13px;font-weight:500;transition:background .12s ease}.clarification-submit:hover:not(:disabled){background:#4f9be8}.clarification-submit:disabled{background:var(--bg-3);color:var(--fg-4);cursor:not-allowed}.typing{display:inline-flex;align-items:center;gap:4px;padding:4px 0}.typing span{width:6px;height:6px;border-radius:50%;background:var(--fg-3);animation:blink 1.2s ease-in-out infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.composer-dock{position:-webkit-sticky;position:sticky;bottom:0;background:linear-gradient(180deg,rgba(10,25,41,0) 0,var(--bg-page) 30%);padding:16px 20px 18px;border-top:.5px solid var(--border)}.composer-dock .composer-card{max-width:620px;margin:0 auto}.composer-foot{max-width:620px;margin:8px auto 0;color:var(--fg-4);font-size:11px;text-align:center}.fade-in{animation:fade-in .25s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-scroll::-webkit-scrollbar{width:10px}.chat-scroll::-webkit-scrollbar-thumb{background:var(--border-em);border-radius:999px;border:2px solid var(--bg-page)}.chat-scroll::-webkit-scrollbar-track{background:transparent}.feedback-note{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding:10px 12px;background:var(--bg-2);border:.5px solid var(--border-em);border-radius:10px;animation:fade-in .2s ease-out}.feedback-note-head{font-size:12.5px;color:var(--fg-2);font-weight:500}.feedback-note-sub{font-size:11.5px;color:var(--fg-4);margin-top:-4px}.feedback-reason-chips{display:flex;flex-wrap:wrap;gap:5px}.feedback-reason-chip{padding:4px 10px;border-radius:999px;background:var(--bg-3);border:.5px solid var(--border);color:var(--fg-3);font-size:11.5px;transition:background .12s ease,color .12s ease,border-color .12s ease}.feedback-reason-chip:hover{background:var(--bg-3);border-color:var(--brand);color:var(--fg)}.feedback-reason-chip.selected{background:rgba(55,138,221,.15);border-color:var(--brand);color:var(--fg)}.feedback-note-textarea{width:100%;min-height:56px;max-height:140px;resize:vertical;background:var(--bg-3);border:.5px solid var(--border);border-radius:7px;padding:7px 10px;font-size:13px;line-height:1.45;color:var(--fg);outline:0;transition:border-color .12s ease}.feedback-note-textarea:focus-visible{border-color:var(--brand)}.feedback-note-textarea::placeholder{color:var(--fg-4)}.feedback-note-actions{display:flex;align-items:center;gap:6px}.feedback-note-save{padding:5px 12px;border-radius:7px;background:var(--brand);color:#fff;font-size:12.5px;font-weight:500;transition:background .12s ease}.feedback-note-save:hover:not(:disabled){background:#4f9be8}.feedback-note-save:disabled{background:var(--bg-3);color:var(--fg-4);cursor:not-allowed}.feedback-note-skip{padding:5px 10px;border-radius:7px;color:var(--fg-3);font-size:12.5px;transition:background .12s ease,color .12s ease}.feedback-note-skip:hover{background:var(--bg-3);color:var(--fg)}.feedback-note-status{font-size:11.5px;margin-left:auto}.feedback-note-status.ok{color:var(--fg-3)}.feedback-note-status.err{color:#f4b5b5}.error-banner{background:rgba(220,70,70,.12);border:.5px solid rgba(220,70,70,.4);color:#f4b5b5;padding:10px 12px;border-radius:8px;font-size:13px}@media (max-width:720px){.topbar{padding:0 14px;gap:8px}.conv-meta{margin-left:8px;padding-left:8px}.conv-title{max-width:18ch;font-size:13px}.topbar .label-hide{display:none}.landing{padding:24px 14px 60px}.landing-inner{gap:18px}h1.hero{font-size:24px}.ex-grid{grid-template-columns:1fr}.chat-col{padding:18px 14px}.msg-user{max-width:80%}.composer-dock{padding:12px 14px 14px}}@media (max-width:480px){.brand-name{display:none}}