:root{--bg: #f0f5fa;--shell: #f7fbfe;--card: #ffffff;--ink: #333333;--muted: #828b95;--line: #e4edf5;--accent: #2fc6f6;--action: #2e82d8;--action-dark: #1f6fbe;--green: #3aaa5a;--green-soft: #e7f7ee;--bubble: #f3f6f9;--tile: #f4f7fb;--shadow: 0 10px 28px rgba(46, 90, 140, .08);color:var(--ink);font-family:Segoe UI,Open Sans,Arial,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink)}button,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{height:100%;padding:12px;display:flex;gap:12px;min-width:0;position:relative}.shell{height:100%;flex:1;min-width:0;margin:0;background:var(--shell);border:1px solid #e3eef6;border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.top,.hello,.composer,.thread{padding-left:22px;padding-right:22px}.top{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:8px}.brand,.status,.hello,.agent,.result header,.choice{display:flex;align-items:center}.brand{gap:10px}.brand strong,.result header strong,.decision h2,.agent h2{display:block;font-size:15px;font-weight:650}.brand small,.hello p,.status,.result header small{display:block;color:var(--muted);font-size:12px}.brand-mark,.spark,.send,.agent-mark,.done-mark{display:grid;place-items:center;border-radius:50%;flex:0 0 auto}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--action);color:#fff}.status{gap:6px;color:var(--green);font-size:13px}.thread{flex:1;overflow:auto;padding-top:12px;padding-bottom:16px}.hello{justify-content:space-between;gap:12px;margin-bottom:16px}.hello h1{margin:0 0 2px;font-size:22px;font-weight:700;letter-spacing:-.02em}.hello p{margin:0}.spark{width:40px;height:40px;border:1px solid var(--line);background:var(--card);color:var(--accent)}.messages{display:flex;flex-direction:column;gap:14px}.messages>:last-child{scroll-margin-bottom:8px}.bubble{margin-left:28px;background:var(--bubble);border-radius:12px;padding:12px 14px 8px}.bubble p,.agent p,.conclusion p,.decision p,.letter p{margin:0}.bubble time,.attach{display:block;margin-top:6px;text-align:right;color:#b0b7c0;font-size:11px}.agent{align-items:flex-start;gap:10px}.agent-mark{width:28px;height:28px;background:#e7f8fd;color:var(--accent)}.agent h2{margin:1px 0 2px}.agent p,.subject,.decision p{color:#525c69}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px #fffc}.progress{margin-left:38px;padding:12px 14px 8px}.progress-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;padding:0;text-align:left}.progress-head span{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.result header,.slider header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.progress-head strong{font-size:14px}.progress-head em,.result header em{font-style:normal;color:#a8adb4;font-size:12px;margin-left:auto}.done-label,.result header em{color:var(--green);background:var(--green-soft);border-radius:999px;padding:3px 8px}.chevron{width:8px;height:8px;margin-left:10px;border-right:1.6px solid #9aa3ad;border-bottom:1.6px solid #9aa3ad;transform:rotate(45deg);flex:0 0 auto}.chevron.open{transform:rotate(225deg);margin-top:4px}.bar{height:4px;margin:12px 0;background:#e7eef5;border-radius:999px;overflow:hidden}.bar b{display:block;height:100%;background:var(--action);border-radius:inherit;transition:width .45s ease}.progress ol{list-style:none;margin:0;padding:0 0 6px}.progress li{display:flex;gap:10px;align-items:flex-start;margin:8px 0;color:#5d6772}.progress small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.dot{width:16px;height:16px;margin-top:1px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.done .dot{background:var(--green);color:#fff}.active .dot{border:2px solid var(--action)}.wait .dot{background:#d5dbe3}.wait{color:#a8adb4}.result,.decision{padding:14px 16px 12px}.result header{align-items:flex-start}.result header em{margin-left:auto;align-self:center}.done-mark{width:22px;height:22px;background:var(--green-soft);color:var(--green)}.subject{margin:12px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metrics div{background:var(--tile);border-radius:10px;min-height:72px;display:grid;place-items:center;align-content:center;text-align:center}.metrics strong{font-size:22px}.metrics span{color:var(--muted);font-size:12px}.conclusion{display:flex;gap:8px;margin-top:10px;padding:12px;border-radius:10px;background:var(--green-soft);color:#2f7d49}.conclusion strong{display:block;margin-bottom:2px}.conclusion p{color:#3d6b4e}.conclusion.verdict{background:#e8f4fd;color:#2458a6}.conclusion.verdict p{color:#2a4f86}.conclusion.verdict p+p{margin-top:6px}.compare-table{width:100%;border-collapse:collapse;font-size:12px}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);padding:6px 4px;text-align:left;vertical-align:top}.compare-table th{color:var(--muted);font-weight:600}.result footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.linkish,.quiet,.primary,.open-slider,.clip,.slider header button,.tabs button{border:0;background:transparent}.linkish{display:inline-flex;align-items:center;gap:6px;color:#245f9e;padding:0;font-weight:650;text-decoration:none}.open-slider{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;color:var(--action);background:#fff}.decision h2{margin:0 0 6px}.decision p{margin-bottom:12px}.choice{gap:8px;flex-wrap:wrap}.primary,.quiet{border-radius:8px;padding:8px 12px}.primary{background:var(--action);color:#fff}.primary:hover{background:var(--action-dark)}.quiet{background:var(--tile);color:#3e4a57}.late{margin-top:10px}.outcome{margin-bottom:0}.composer{border-top:1px solid #eef2f6;padding-top:10px;padding-bottom:12px;background:#fbfdff}.composer-row{display:flex;align-items:flex-end;gap:8px}.clip{color:#9aa6b2;padding:8px}textarea{flex:1;resize:none;border:0;background:transparent;min-height:36px;max-height:120px;padding:8px 0}textarea::placeholder{color:#b0b7c0}.send{width:36px;height:36px;border:0;background:var(--action);color:#fff}.send:disabled{cursor:default}.file-chip{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px 36px;color:var(--muted);font-size:12px}.file-chip button{border:0;background:transparent;color:var(--muted);font-size:16px}.slider-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#1c36542e}.slider{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);background:#fff;box-shadow:-12px 0 32px #1c36541f;display:flex;flex-direction:column;animation:slide .22s ease}.slider header,.tabs,.slider-body{padding-left:18px;padding-right:18px}.slider header{padding-top:16px;align-items:flex-start}.slider header strong,.slider header small{display:block}.slider header small{color:var(--muted)}.slider header button{font-size:24px;line-height:1;color:var(--muted)}.tabs{display:flex;gap:6px;padding-top:12px;padding-bottom:8px}.tabs button{border-radius:999px;padding:6px 10px;color:#5c6772}.tabs button.on{background:#e8f4fd;color:var(--action)}.slider-body{overflow:auto;padding-bottom:20px}.offer{border:1px solid var(--line);border-radius:10px;padding:12px}.offer header{display:flex;align-items:center;justify-content:space-between;gap:8px}.offer em{font-style:normal;font-size:12px;border-radius:999px;padding:2px 8px;background:var(--tile);color:#5c6772}.offer em.warm{background:#e7f4fd;color:var(--action)}.offer em.cold{background:#f3f6f9;color:#5c6772}.offer .price{margin:8px 0;font-size:18px;font-weight:700}.offer .reason{margin:0 0 8px;color:#525c69;font-size:13px}.offer dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.offer dt{color:var(--muted);font-size:12px}.offer dd{margin:2px 0 0}.letter small{display:block;color:var(--muted)}.muted{color:#8d96a0}.stack{display:flex;flex-direction:column;gap:10px}.letter{border:1px solid var(--line);border-radius:10px;padding:12px}.letter pre{white-space:pre-wrap;font:inherit;color:#525c69;margin:8px 0 0}.split-note,.group-note,.page-title,.checked,.gap{margin:4px 0 0;color:var(--muted);font-size:12px}.group-title{margin:8px 0 0;font-size:13px;font-weight:700}.gap{color:#8a5a00}.offer header strong{flex:1;min-width:0}.badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.offer em.confirmed{background:var(--green-soft);color:#217a45}.offer em.review{background:#fff4e5;color:#9a5b00}.offer .facts{display:grid;grid-template-columns:minmax(108px,34%) minmax(0,1fr);gap:8px 10px;margin:10px 0 0}.offer .facts dt,.offer .facts dd{margin:0}.offer .facts dd{word-break:break-word}.offer .facts small,.offer .facts a{display:block}.offer .facts a,.sources a{color:var(--action)}.checks{list-style:none;margin:10px 0 0;padding:0}.checks li{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-top:1px solid var(--line);font-size:12px}.checks .yes{color:#217a45}.checks .no{color:#b42318}.checks .unknown{color:var(--muted)}.diag,.rejected-list{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:12px}@keyframes slide{0%{transform:translate(16px);opacity:.6}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.bar b,.slider{transition:none;animation:none}.thread{scroll-behavior:auto}}.top-actions{display:flex;align-items:center;gap:8px}.menu-toggle{display:none;border:0;background:transparent;color:var(--action);padding:0}.sidebar{width:300px;flex:0 0 300px;height:100%;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #e3eef6;border-radius:18px;box-shadow:var(--shadow);padding:12px 12px 8px}.sidebar.collapsed{width:72px;flex-basis:72px;padding-inline:8px}.side-brand,.side-label{display:flex;align-items:center;justify-content:space-between}.side-brand{gap:10px;margin:4px 4px 12px}.side-brand span:nth-child(2){flex:1;min-width:0}.side-brand strong{display:block;font-size:15px}.side-brand small{color:var(--muted)}.side-brand button,.all{border:0;background:transparent;color:var(--action);font-size:18px;line-height:1}.all{font-size:13px}.sidebar nav{flex:0 0 auto}.nav-item,.new-request,.process,.recent{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;border-radius:10px}.nav-item{padding:8px 10px;color:#3e4a57}.nav-item.active{background:#e8f4fd;color:var(--action)}.new-request{margin-top:4px;color:var(--action);padding:8px 10px}.side-label{margin:16px 4px 6px;color:var(--muted);font-size:12px}.side-label b{min-width:18px;text-align:center;background:#eef3f8;border-radius:999px;color:#60707f;font-weight:650}.side-scroll{flex:1;min-height:0;overflow:auto}.side-list{display:flex;flex-direction:column;gap:2px}.process,.recent{padding:8px}.process:hover,.recent:hover,.nav-item:hover{background:#f6f9fc}.nav-item.active:hover{background:#e8f4fd}.process strong,.recent strong,.section-open strong{display:block;font-size:13px}.process small,.recent small,.section-open small{color:var(--muted);font-size:12px}.process span,.recent span,.section-open{flex:1;min-width:0}.recent i{color:#b0b7c0;font-style:normal}.pill{font-style:normal;font-size:11px;border-radius:999px;padding:3px 7px;white-space:nowrap}.pill.blue{background:#e8f3fc;color:var(--action)}.pill.green{background:var(--green-soft);color:var(--green)}.pill.orange{background:#fff4e5;color:#d4891a}.pill.red{background:#fdecec;color:#d64545}.pill.gray{background:#f2f4f6;color:#8b949e}.side-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);text-align:center}.side-stats strong{display:block;font-size:18px}.side-stats span,.side-foot,.empty,.banner{color:var(--muted);font-size:12px}.side-foot{text-align:center;margin:6px 0 4px}.empty{padding:8px}.banner{margin:0 22px;color:#d64545}.section{overflow:auto;padding:8px 22px 22px}.section h1{font-size:22px;margin:8px 0 12px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filters input,.filters select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px}.section-list{display:flex;flex-direction:column;gap:10px}.section-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.section-open{border:0;background:transparent;padding:0;text-align:left}.timeline{margin:8px 0;padding-left:18px;color:#525c69}.timeline span{display:block;color:var(--muted);font-size:12px}@media (max-width: 860px){.menu-toggle{display:grid}.brand-mark{display:none}.sidebar{position:absolute;z-index:6;height:calc(100% - 24px)}.sidebar.collapsed{display:none}}@media (max-width: 640px){.app{padding:0}.shell{border-radius:0;border:0;max-width:none}.metrics strong{font-size:18px}.choice{align-items:stretch}.primary,.quiet{width:100%}}