:root{--bg: #f1f5f9;--bg-soft: #ffffff;--panel: rgba(255, 255, 255, .65);--panel-strong: rgba(255, 255, 255, .85);--panel-border: rgba(255, 255, 255, .8);--text: #0f172a;--muted: #64748b;--accent: #b42318;--accent-strong: #8f1d14;--accent-soft: rgba(180, 35, 24, .12);--gold: #b7791f;--gold-soft: rgba(183, 121, 31, .12);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .15);--warning: #f59e0b;--shadow: 0 16px 40px rgba(0, 0, 0, .06);--radius-xl: 16px;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 6px;font-family:Inter,"system-ui",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 50% -20%,#ffffff,var(--bg) 80%);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{position:relative;padding:28px;overflow:hidden}.ambient-glow{display:block;position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(120px);z-index:0;opacity:.35;pointer-events:none}.ambient-left{top:-10vw;left:-10vw;background:var(--accent)}.ambient-right{right:-10vw;bottom:-10vw;background:var(--gold)}.topbar,.chat-workspace,.inspector-panel{position:relative;z-index:1}.topbar{display:grid;grid-template-columns:1fr;gap:24px;width:min(1280px,100%);margin:0 auto 24px}.topbar-copy,.topbar-stats,.chat-workspace,.inspector-panel{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.topbar-copy{padding:32px 34px;border-radius:var(--radius-xl)}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:.78rem;letter-spacing:0;text-transform:uppercase;font-weight:700}.eyebrow:before,.section-kicker:before{content:"";width:26px;height:1px;background:currentColor}.topbar-copy h1{margin:12px 0 14px;max-width:16ch;font-size:clamp(2.2rem,3.8vw,4rem);line-height:1.06;letter-spacing:0}.topbar-copy p{margin:0;max-width:56rem;color:var(--muted);line-height:1.75}.topbar-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px;border-radius:var(--radius-xl)}.stat-card{display:grid;gap:6px;padding:16px 18px;border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-md);background:#ffffff80}.stat-card span,.stat-card small,.message-identity span,.message-time,.trace-head span,.card-meta dt,.stack-card span,.footer-note,.empty,.session-input span,.strip-head span{color:var(--muted)}.stat-card strong{font-size:2rem;letter-spacing:0}.app-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.chat-workspace{position:fixed;right:28px;bottom:28px;z-index:30;display:flex;flex-direction:column;gap:18px;width:min(640px,calc(100vw - 56px));height:min(860px,calc(100vh - 56px));padding:22px;border-radius:var(--radius-xl);overflow:hidden;background:var(--panel);transition:opacity .18s ease,transform .18s ease}.chat-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:transparent}.chat-scroll-content{display:grid;flex:1;min-height:0;gap:18px;overflow:auto;padding-right:4px}.chat-hidden{pointer-events:none;opacity:0;transform:translateY(18px) scale(.98)}.chat-open{opacity:1;transform:translateY(0) scale(1)}.workspace-head,.status-head,.trace-head,.card-topline,.panel-head,.composer-foot,.message-header,.session-strip,.stack-card,.doc-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.workspace-head h2,.panel-head h2{margin:6px 0 0;font-size:1.4rem;letter-spacing:0}.workspace-actions,.panel-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.ghost-button,.primary-button,.inline-action,.starter-card,.quick-chip,.text-chip{border:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.ghost-button,.text-chip,.quick-chip{color:var(--text);background:#fff9;border:1px solid rgba(255,255,255,.9)}.ghost-button,.primary-button{border-radius:999px;padding:11px 16px}.primary-button{color:#fff;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 14px 28px #b423184d}.ghost-button:hover,.primary-button:hover,.inline-action:hover,.starter-card:hover,.quick-chip:hover,.text-chip:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.session-strip,.status-dock,.reasoning-panel,.followup-strip,.composer,.summary-callout,.alert-banner,.stack-card,.insight-card,.transcript,.empty-state{border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:var(--panel-strong)}.session-strip{padding:16px 18px;flex-wrap:wrap}.session-input{display:grid;gap:8px;flex:1}.session-input input,.composer textarea{width:100%;color:var(--text);border:1px solid rgba(0,0,0,.08);background:#ffffff80}.session-input input{min-width:220px;border-radius:14px;padding:12px 14px}.session-pills,.summary-badges,.quick-actions,.quick-prompts{display:flex;flex-wrap:wrap;gap:10px}.status-chip{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:999px;font-size:.8rem;font-weight:700}.status-neutral,.status-muted{background:#ffffff14;color:var(--text)}.status-accent{background:var(--accent-soft);color:var(--accent-strong)}.status-danger{background:var(--danger-soft);color:var(--danger)}.status-warning{background:var(--gold-soft);color:var(--gold)}.status-dock{padding:14px 16px;background:linear-gradient(135deg,#b4231826,#b7791f26),var(--panel-strong)}.status-head-side{display:grid;justify-items:end;gap:8px}.status-toggle{padding:0;color:var(--accent);border:none;background:transparent;font-weight:700}.reasoning-panel{overflow:hidden;background:linear-gradient(135deg,#b4231826,#b7791f26),var(--panel-strong)}.reasoning-collapsed{background:var(--panel-strong)}.reasoning-toggle{width:100%;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px 18px;color:var(--text);border:none;background:transparent;text-align:left}.reasoning-toggle div{display:grid;gap:6px}.reasoning-toggle span{color:var(--muted)}.reasoning-body{margin:0;padding:0 18px 18px;white-space:pre-wrap;line-height:1.75;color:var(--muted);font-family:IBM Plex Sans,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,sans-serif}.status-head strong{display:block;margin-bottom:6px}.status-head p,.trace-item p,.message-bubble p,.summary-callout p,.insight-card p,.stack-card p,.alert-banner p{margin:0;line-height:1.7}.status-bar{height:8px;margin:14px 0 16px;overflow:hidden;border-radius:999px;background:#ffffff14}.status-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width .2s ease}.trace-list,.stack-grid{display:grid;gap:10px}.trace-viewport{max-height:196px;overflow:auto;padding-right:4px}.trace-item,.stack-card,.insight-card,.starter-card{padding:14px 16px}.trace-item{border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-md);background:#ffffff80;padding:12px 14px}.alert-banner{padding:14px 16px}.alert-danger{border-color:#b4231826;background:linear-gradient(135deg,#b4231826,#b4231826),var(--panel-strong)}.alert-banner strong{display:block;margin-bottom:6px}.transcript{display:grid;gap:14px;min-height:260px;max-height:none;padding:18px;overflow:auto;background:var(--panel)}.message-bubble{max-width:86%;padding:16px 18px;border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:0 14px 32px #0000000f}.message-user{justify-self:end;background:linear-gradient(135deg,#b4231826,#b423180d)}.message-assistant{justify-self:start;background:var(--panel-strong)}.message-error{border-color:#b4231826;background:linear-gradient(135deg,#b4231826,#fffdf9)}.message-pending{border-style:dashed;background:linear-gradient(135deg,#b7791f26,#fff)}.message-identity{display:inline-flex;align-items:center;gap:12px}.message-identity div{display:grid;gap:2px}.message-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800}.avatar-user{background:#b4231826;color:var(--accent)}.avatar-assistant{background:var(--gold-soft);color:var(--gold)}.message-footer{margin-top:10px;color:var(--danger);font-size:.82rem}.message-bubble p{white-space:pre-wrap}.empty-state{padding:28px}.empty-state h3{margin:0 0 8px;font-size:1.35rem}.empty-state p{margin:0 0 18px;color:var(--muted)}.starter-grid{display:grid;gap:12px}.starter-card,.quick-chip,.text-chip{border-radius:16px;text-align:left}.starter-card{color:var(--text);background:linear-gradient(135deg,#b4231826,#b7791f26),#fff}.followup-strip{padding:14px 16px}.strip-head{display:grid;gap:4px;margin-bottom:12px}.quick-chip{padding:10px 12px;line-height:1.5}.composer{position:relative;flex-shrink:0;padding:16px}.composer-input-wrap{position:relative}.composer textarea{min-height:128px;resize:none;border-radius:18px;padding:14px 118px 58px 16px}.composer-foot{margin-top:14px;align-items:flex-start}.composer-send{position:absolute;right:12px;bottom:12px;min-width:86px}.composer-tips{display:grid;gap:12px;flex:1}.text-chip{padding:8px 10px;font-size:.84rem}.footer-note{padding:0 4px;font-size:.9rem}.inspector{display:grid;gap:18px;align-content:start;width:min(1280px,100%);margin:0 auto}.inspector-panel{padding:18px;border-radius:var(--radius-xl)}.inspector-spotlight{background:linear-gradient(135deg,#b4231826,#b7791f26),var(--panel)}.summary-callout{padding:16px 18px}.summary-callout p{margin-top:14px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.metric-card{display:grid;gap:6px;padding:14px 16px;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-md);background:#ffffff80}.metric-card span,.metric-card small,.panel-caption,.tab-button small{color:var(--muted)}.metric-card strong{font-size:1.5rem;letter-spacing:0}.knowledge-summary{margin-bottom:12px}.panel-caption{font-size:.84rem}.tabbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;margin-bottom:14px}.tab-button{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;color:var(--text);border:1px solid rgba(255,255,255,.9);border-radius:999px;background:#fff9}.tab-active{border-color:#b4231826;background:linear-gradient(135deg,#b4231826,#b7791f26);box-shadow:0 12px 28px #00000014}.panel-body-scroll{max-height:calc(100vh - 220px);min-height:300px;overflow:auto;padding-right:4px}.panel-head-inline{margin-bottom:12px}.insight-card{display:grid;gap:12px;background:linear-gradient(135deg,#b4231826,#b7791f26),#fff}.compact-card{padding:14px 16px}.card-topline{align-items:center}.card-score,.card-link{color:var(--muted);font-size:.84rem}.insight-card h3{margin:0;font-size:1.1rem}.card-meta{display:grid;gap:8px;margin:0}.card-meta div{display:grid;gap:4px}.card-meta dd{margin:0;line-height:1.6}.inline-action{justify-self:flex-start;padding:0;color:var(--accent);background:transparent;font-weight:700}.stack-card{align-items:center;background:var(--panel-strong)}.stack-card strong{display:block;margin-bottom:6px}.doc-card{align-items:center;padding:10px 12px;border-radius:14px}.doc-card-body{min-width:0;flex:1}.doc-card-body strong,.doc-card-body p{display:block;overflow:hidden;text-overflow:ellipsis}.doc-card-body strong{white-space:nowrap;margin-bottom:2px;font-size:.94rem}.doc-card-body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal;font-size:.82rem;line-height:1.45}.knowledge-list,.knowledge-list-expanded{gap:8px}.knowledge-toolbar{position:sticky;top:0;z-index:2;display:grid;gap:10px;margin-bottom:12px;padding-bottom:12px;background:linear-gradient(180deg,#fffdf9fa,#fffdf9e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.knowledge-search{display:grid;gap:8px}.knowledge-search span,.knowledge-meta{color:var(--muted);font-size:.82rem}.knowledge-search input{width:100%;color:var(--text);border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:10px 12px;background:#ffffff80}.knowledge-meta{display:block}.report-preview{margin:0;max-height:420px;overflow:auto;white-space:pre-wrap;line-height:1.7;color:var(--muted)}.chat-launcher{position:fixed;right:28px;bottom:28px;z-index:35;display:grid;gap:4px;min-width:180px;max-width:min(320px,calc(100vw - 56px));padding:14px 18px;color:var(--text);border:1px solid rgba(180,35,24,.15);border-radius:20px;background:linear-gradient(135deg,#b4231826,#b7791f26),#fffdf9;box-shadow:0 20px 54px #5f36182e;text-align:left}.chat-launcher span{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:0}.chat-launcher strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-launcher-active{border-color:#b7791f26;background:linear-gradient(135deg,#b7791f26,#b4231826),#fffdf9}@media (max-width: 1280px){.topbar{grid-template-columns:1fr}.transcript{max-height:clamp(300px,42vh,560px)}.panel-body-scroll{max-height:none;min-height:0}}@media (max-width: 720px){.app-shell{padding:16px}.chat-workspace{top:12px;right:12px;bottom:12px;left:12px;width:auto;height:calc(100vh - 24px);padding:16px}.chat-launcher{right:16px;bottom:16px;max-width:calc(100vw - 32px)}.topbar-copy,.chat-workspace,.inspector-panel,.topbar-stats{border-radius:22px}.workspace-head,.session-strip,.composer-foot,.status-head,.status-head-side,.panel-head,.panel-head-inline,.reasoning-toggle{flex-direction:column}.workspace-actions{justify-content:flex-start}.message-bubble{max-width:100%}.metric-grid,.topbar-stats{grid-template-columns:1fr}}.chat-workspace,.inspector-panel,.topbar-copy,.topbar-stats{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.message-bubble,.trace-item,.metric-card,.starter-card,.insight-card,.stack-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.message-bubble:hover,.metric-card:hover,.starter-card:hover,.insight-card:hover,.stack-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #00000014;border-color:#ffffff26}@keyframes pulse-border{0%{border-color:#b4231833}50%{border-color:#b4231899}to{border-color:#b4231833}}.message-pending{animation:pulse-border 2s infinite ease-in-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble{animation:fade-in-up .4s ease forwards}.status-bar span{position:relative;overflow:hidden}.status-bar span:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}
