:root{--bg: oklch(98.3% .005 250);--surface: oklch(100% 0 0);--surface-2: oklch(97.4% .006 250);--ink: oklch(25% .02 262);--ink-2: oklch(38% .02 262);--muted: oklch(50% .018 262);--line: oklch(92.5% .008 255);--line-strong: oklch(87% .012 255);--accent: oklch(55% .175 258);--accent-strong: oklch(47% .17 258);--accent-soft: oklch(95.5% .024 258);--accent-tint: oklch(97.5% .012 258);--danger: oklch(50% .185 28);--danger-soft: oklch(96.5% .02 28);--success: oklch(50% .13 155);--success-soft: oklch(96.5% .025 155);--warn-ink: oklch(45% .12 75);--text-xs: .75rem;--text-s: .8125rem;--text-m: .875rem;--text-l: 1rem;--text-xl: 1.125rem;--radius-s: 8px;--radius-m: 12px;--radius-l: 18px;--sidebar-width: 288px;--agent-width: 316px;--shadow-1: 0 1px 2px oklch(30% .02 262 / .05);--shadow-2: 0 4px 16px oklch(30% .03 262 / .07), 0 1px 3px oklch(30% .02 262 / .05);--shadow-3: 0 12px 40px oklch(30% .04 262 / .14);--z-backdrop: 40;--z-drawer: 50;--z-float: 30;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .15s;--dur-base: .22s;--dur-slow: .32s;color:var(--ink);background:var(--bg);font-family:PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;line-height:1.55;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;min-height:100vh;background:var(--bg)}button,textarea,input{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}:is(button,textarea,input,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-s)}h1,h2,h3{text-wrap:balance}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{height:100vh;min-height:620px;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--agent-width);background:var(--surface);overflow:hidden}.conversation-sidebar{display:flex;flex-direction:column;min-width:0;padding:20px 14px 14px;background:var(--surface-2);border-right:1px solid var(--line)}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;min-height:38px;margin:0 6px 18px}.product-mark,.agent-identity,.sidebar-user{display:flex;align-items:center;gap:10px}.product-mark>span,.header-agent,.assistant-avatar,.agent-identity>div{display:grid;place-items:center;flex:0 0 auto;color:#fff;background:var(--accent);border-radius:10px;font-weight:700}.product-mark>span{width:30px;height:30px;font-size:var(--text-xs);box-shadow:var(--shadow-1)}h1{margin:0;font-size:var(--text-l);font-weight:650;white-space:nowrap}.drawer-close{display:none}.new-conversation{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:40px;padding:9px 14px;color:#fff;background:var(--accent);border:0;border-radius:var(--radius-m);font-weight:600;box-shadow:0 1px 2px #0555b74d;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.new-conversation:hover{background:var(--accent-strong);box-shadow:0 3px 10px #0555b752}.new-conversation:active{transform:scale(.98)}.conversation-search{display:flex;align-items:center;gap:7px;margin:12px 0 16px;padding:8px 11px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.conversation-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #236dd51f}.conversation-search input{width:100%;min-width:0;color:var(--ink);background:transparent;border:0;outline:0}.conversation-search input::placeholder{color:var(--muted);opacity:1}.conversation-nav{display:flex;flex:1;flex-direction:column;gap:2px;overflow-y:auto;padding:2px;margin:-2px}.conversation-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;color:var(--ink-2);background:transparent;border:0;border-radius:var(--radius-m);text-align:left;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.conversation-item strong{overflow:hidden;font-size:var(--text-m);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.conversation-item time{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.conversation-item:hover{background:#e8edf4}.conversation-item.selected{color:var(--accent-strong);background:var(--accent-soft)}.conversation-item.selected strong{font-weight:650}.conversation-item.selected time{color:var(--accent-strong);opacity:.75}.muted{color:var(--muted);font-size:var(--text-m)}.sidebar-empty{padding:20px 10px;color:var(--muted);font-size:var(--text-m);text-align:center}.sidebar-user{padding:14px 6px 2px;margin-top:12px;border-top:1px solid var(--line)}.sidebar-user>div{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:#4c5666;border-radius:50%;font-size:var(--text-s)}.sidebar-user span,.agent-identity span{display:grid}.sidebar-user strong,.agent-identity strong{font-size:var(--text-m)}.sidebar-user small,.agent-identity small{color:var(--muted);font-size:var(--text-xs)}.chat-main{display:flex;min-width:0;min-height:0;flex-direction:column;background:var(--surface)}.chat-header{min-height:68px;display:flex;align-items:center;gap:12px;padding:12px 26px;border-bottom:1px solid var(--line);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-button{display:none;width:40px;height:40px;background:transparent;border:1px solid var(--line);border-radius:var(--radius-s)}.header-agent{width:34px;height:34px;font-size:var(--text-xs);border-radius:50%}.chat-header>div:last-child{display:grid;gap:1px;min-width:0}.chat-header strong{font-size:var(--text-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--text-xs)}.presence-dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.presence-dot.busy{background:var(--accent);animation:pulse 1.3s var(--ease-out) infinite}.message-viewport{position:relative;display:flex;flex:1;min-height:0;flex-direction:column}.message-list{flex:1;min-height:0;overflow-y:auto;padding:28px clamp(20px,5vw,62px) 14px;scroll-behavior:smooth}.jump-latest{position:absolute;bottom:14px;left:50%;translate:-50% 0;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line-strong);border-radius:999px;font-size:var(--text-s);font-weight:500;box-shadow:var(--shadow-2);z-index:var(--z-float);animation:rise-in var(--dur-base) var(--ease-out)}.jump-latest:hover{color:var(--accent-strong);border-color:var(--accent)}.empty-state{display:grid;place-items:center;padding:40px 24px;color:var(--muted);text-align:center}.empty-hero{display:grid;justify-items:center;gap:8px;max-width:460px;animation:rise-in var(--dur-slow) var(--ease-out)}.empty-hero>span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:6px;color:var(--accent);background:var(--accent-soft);border-radius:16px;font-size:1.3rem;font-weight:700}.empty-hero h2{margin:0;color:var(--ink);font-size:var(--text-xl);font-weight:650}.empty-hero p{margin:0;font-size:var(--text-m)}.suggestion-list{display:grid;gap:8px;width:100%;margin-top:18px}.suggestion-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 16px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);font-size:var(--text-m);text-align:left;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),translate var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.suggestion-chip:after{content:"→";color:var(--muted);transition:color var(--dur-fast) var(--ease-out),translate var(--dur-fast) var(--ease-out)}.suggestion-chip:hover{background:var(--accent-tint);border-color:var(--accent);box-shadow:var(--shadow-1)}.suggestion-chip:active{translate:0 1px;box-shadow:none}.suggestion-chip:hover:after{color:var(--accent);translate:2px 0}.history-skeleton{display:grid;gap:26px;max-width:780px;margin:8px auto}.skeleton-row{display:flex;gap:10px}.skeleton-row.user{justify-content:flex-end}.skeleton-block{border-radius:var(--radius-m);background:linear-gradient(100deg,#eceff2 40%,#f5f7f9,#eceff2 60%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton-avatar{width:30px;height:30px;border-radius:50%;flex:0 0 auto}.skeleton-row .skeleton-bubble{height:58px;width:min(58%,380px)}.skeleton-row.user .skeleton-bubble{height:40px;width:min(38%,260px)}.message-row{display:flex;gap:10px;max-width:780px;margin:0 auto 26px;animation:message-in var(--dur-base) var(--ease-out)}.message-user{justify-content:flex-end}.assistant-avatar{width:30px;height:30px;margin-top:24px;font-size:var(--text-xs);border-radius:50%;background:var(--accent-soft);color:var(--accent-strong)}.message-column{display:flex;flex-direction:column;max-width:min(86%,680px);min-width:0}.message-user .message-column{align-items:flex-end}.message-meta{display:flex;align-items:baseline;gap:8px;margin:0 4px 5px}.message-meta strong{font-size:var(--text-s);font-weight:600}.message-meta time{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.message-bubble{min-width:0;padding:13px 16px;color:var(--ink);background:var(--surface-2);border-radius:6px var(--radius-l) var(--radius-l) var(--radius-l)}.message-user .message-bubble{color:#152946;background:var(--accent-soft);border-radius:var(--radius-l) 6px var(--radius-l) var(--radius-l)}.plain-message,.stream-placeholder{max-width:70ch;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.stream-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:text-bottom;background:var(--accent);animation:caret-blink 1s steps(2,start) infinite}.stream-placeholder{display:flex;align-items:center;gap:9px;color:var(--ink-2)}.stream-placeholder .dots{display:inline-flex;gap:4px}.stream-placeholder .dots i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:bob 1.2s var(--ease-out) infinite}.stream-placeholder .dots i:nth-child(2){animation-delay:.15s}.stream-placeholder .dots i:nth-child(3){animation-delay:.3s}.status-badge{display:inline-flex;align-items:center;gap:6px;min-height:24px;margin:6px 4px 0;color:var(--muted);font-size:var(--text-xs);transition:color var(--dur-base) var(--ease-out)}.status-indicator{width:6px;height:6px;border-radius:50%;background:#9b9fa5;transition:background var(--dur-base) var(--ease-out)}.status-sending .status-indicator,.status-streaming .status-indicator,.status-retryable .status-indicator{background:var(--accent);animation:pulse 1.25s var(--ease-out) infinite}.status-completed{color:var(--success)}.status-completed .status-indicator{background:var(--success)}.status-failed,.status-cancelled{color:var(--danger)}.status-failed .status-indicator,.status-cancelled .status-indicator{background:var(--danger)}.status-badge button{min-height:26px;padding:3px 10px;color:var(--accent-strong);background:var(--surface);border:1px solid var(--line-strong);border-radius:999px;font-size:var(--text-xs);font-weight:500;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.status-badge button:hover{background:var(--accent-tint);border-color:var(--accent)}.structured-answer{display:grid;gap:16px;width:min(100%,640px)}.structured-answer section{display:grid;gap:7px}.structured-answer h3{margin:0;color:var(--ink-2);font-size:var(--text-s);font-weight:650}.structured-answer p{margin:0}.structured-answer ul,.structured-answer ol{display:grid;gap:7px;margin:0;padding-left:20px}.answer-conclusion{padding:12px 14px;background:var(--success-soft);border:1px solid oklch(90% .05 155);border-radius:var(--radius-m)}.answer-conclusion h3{color:var(--success)}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading span{color:var(--muted);font-size:var(--text-xs)}.risk-list{list-style:none;padding:0!important}.risk-list li{display:grid;gap:3px;padding:11px 13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);transition:border-color var(--dur-fast) var(--ease-out)}.risk-list li:hover{border-color:var(--line-strong)}.risk-list strong{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:var(--text-m)}.risk-list strong:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--danger);flex:0 0 auto}.risk-list p{color:var(--muted);font-size:var(--text-s)}.clarification-answer li{padding:9px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m)}.refusal-answer{color:var(--ink-2)}.refusal-answer h3{color:var(--warn-ink)}.refusal-answer>div{display:grid;gap:3px;padding:11px 13px;margin-top:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m)}.refusal-answer strong{font-size:var(--text-s);color:var(--ink)}.composer-wrap{padding:10px clamp(20px,5vw,62px) 16px;background:linear-gradient(to bottom,transparent,var(--surface) 24%)}.composer{max-width:780px;margin:0 auto;padding:12px 14px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-l);box-shadow:var(--shadow-2);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #236dd51f,var(--shadow-2)}.composer textarea{display:block;width:100%;min-height:24px;max-height:200px;resize:none;overflow-y:auto;color:var(--ink);background:transparent;border:0;outline:0;line-height:1.6}.composer textarea::placeholder{color:var(--muted);opacity:1}.composer textarea:disabled{cursor:not-allowed}.composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:6px}.composer-actions>span{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.send-button,.cancel-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:76px;min-height:36px;padding:7px 15px;border-radius:999px;font-size:var(--text-s);font-weight:600;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.send-button{color:#fff;background:var(--accent);border:0;box-shadow:0 1px 2px #0555b74d}.send-button:hover:not(:disabled){background:var(--accent-strong);box-shadow:0 3px 10px #0555b74d}.send-button:active:not(:disabled){transform:scale(.97)}.send-button:disabled{color:var(--muted);background:#e8ebf1;box-shadow:none;cursor:not-allowed}.cancel-button{color:var(--danger);background:var(--surface);border:1px solid oklch(87% .05 28)}.cancel-button:hover{background:var(--danger-soft)}.cancel-button>span{display:inline-block;width:9px;height:9px;border-radius:2px;background:currentColor}.composer-hint{max-width:780px;margin:8px auto 0;color:var(--muted);font-size:var(--text-xs)}.composer-hint kbd{padding:1px 5px;background:var(--surface-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;font-family:inherit;font-size:var(--text-xs)}.error-banner{display:flex;align-items:center;gap:10px;max-width:780px;margin:12px auto 0;padding:10px 13px;color:var(--danger);background:var(--danger-soft);border:1px solid oklch(90% .04 28);border-radius:var(--radius-m);font-size:var(--text-s);animation:rise-in var(--dur-base) var(--ease-out)}.error-banner-slot{padding:0 clamp(20px,5vw,62px)}.error-banner>span{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;color:#fff;background:var(--danger);border-radius:50%;font-size:var(--text-xs);font-weight:700}.error-banner p{flex:1;margin:0}.error-banner button{color:var(--danger);background:transparent;border:0;text-decoration:underline;text-underline-offset:3px}.agent-panel{min-width:0;padding:22px 20px;overflow-y:auto;background:var(--surface-2);border-left:1px solid var(--line)}.agent-panel>h2{margin:0 0 22px;font-size:var(--text-l)}.agent-content{display:grid;gap:20px}.agent-identity>div{width:36px;height:36px;border-radius:50%;font-size:var(--text-xs)}.agent-content section{display:grid;gap:8px}.agent-content h3{margin:0;color:var(--ink-2);font-size:var(--text-s)}.agent-content p,.agent-content ul{margin:0;color:var(--muted);font-size:var(--text-s);line-height:1.75}.agent-content ul{padding-left:18px}.mobile-agent-info,.drawer-backdrop{display:none}@keyframes pulse{0%,to{opacity:.35;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@keyframes message-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes rise-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes caret-blink{50%{opacity:0}}@keyframes bob{0%,60%,to{translate:0 0;opacity:.45}30%{translate:0 -4px;opacity:1}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@media(max-width:1020px){:root{--sidebar-width: 248px;--agent-width: 262px}.conversation-sidebar{padding-inline:12px}.agent-panel{padding-inline:16px}}@media(max-width:767px){.app-shell{min-height:100dvh;height:100dvh;grid-template-columns:minmax(0,1fr)}.conversation-sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,320px);transform:translate(-102%);visibility:hidden;box-shadow:var(--shadow-3);transition:transform var(--dur-slow) var(--ease-out),visibility 0s linear var(--dur-slow);z-index:var(--z-drawer)}.conversation-sidebar.is-open{visibility:visible;transform:translate(0);transition:transform var(--dur-slow) var(--ease-out)}.drawer-close{display:inline-grid;place-items:center;width:36px;height:36px;background:transparent;border:0;font-size:1.4rem;color:var(--muted);border-radius:var(--radius-s)}.drawer-close:hover{color:var(--ink);background:#e8edf4}.drawer-backdrop{display:block;position:fixed;inset:0;z-index:var(--z-backdrop);padding:0;background:#1c222b66;border:0;animation:backdrop-in var(--dur-base) var(--ease-out)}.menu-button{display:inline-grid;place-items:center}.chat-header{min-height:60px;padding:10px 14px}.agent-panel{display:none}.mobile-agent-info{display:block;border-bottom:1px solid var(--line)}.mobile-agent-info>button{width:100%;display:flex;justify-content:space-between;min-height:44px;padding:10px 15px;color:var(--ink-2);background:var(--surface-2);border:0;font-size:var(--text-s);font-weight:600}.mobile-agent-info .agent-content{max-height:46vh;padding:14px 18px 18px;overflow-y:auto;background:var(--surface-2);border-top:1px solid var(--line)}.message-list{padding:20px 14px 12px}.message-row{margin-bottom:22px}.message-column{max-width:88%}.assistant-avatar{width:26px;height:26px}.message-bubble{padding:11px 13px}.composer-wrap{padding:8px 12px 12px}.composer-hint{display:none}.error-banner-slot{padding-inline:14px}.jump-latest{bottom:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stream-caret{animation:none;opacity:1}}:root{--sidebar-width: 288px;--agent-width: 312px;--panel-radius: 22px;--panel-shadow: 0 18px 48px oklch(38% .055 258 / .09), 0 3px 10px oklch(38% .04 258 / .055);--card-shadow: 0 3px 12px oklch(38% .04 258 / .1), 0 1px 3px oklch(38% .03 258 / .06);--card-shadow-hover: 0 12px 28px oklch(47% .15 258 / .17), 0 3px 8px oklch(38% .04 258 / .08);--composer-shadow: 0 12px 32px oklch(38% .05 258 / .13), 0 2px 6px oklch(38% .03 258 / .07)}body{background:#ebf2fb;overflow:hidden}.app-shell{position:relative;isolation:isolate;height:100dvh;min-height:700px;padding:14px;gap:16px;grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--agent-width);background:radial-gradient(circle at 45% -12%,oklch(92% .065 345 / .72),transparent 34%),radial-gradient(circle at 82% 8%,oklch(92% .06 220 / .6),transparent 32%),linear-gradient(135deg,#eff6ff,#e7eefa)}.ambient-background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient-background span{position:absolute;width:38vw;aspect-ratio:1;border-radius:50%;filter:blur(88px);opacity:.34;will-change:transform,opacity}.ambient-background span:nth-child(1){top:-28%;left:22%;background:#ffabe3;animation:ambient-a 22s var(--ease-out) infinite alternate}.ambient-background span:nth-child(2){top:-18%;right:-8%;background:#7dd9fc;animation:ambient-b 26s var(--ease-out) infinite alternate}.ambient-background span:nth-child(3){bottom:-30%;left:38%;background:#c3ceff;background:oklch(86% .09 275);animation:ambient-c 20s var(--ease-out) infinite alternate}.conversation-sidebar,.chat-main,.agent-panel{position:relative;min-height:0;border:1px solid oklch(100% 0 0 / .82);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow);overflow:hidden}.conversation-sidebar{padding:20px 18px 16px;background:#f6f9fff0;-webkit-backdrop-filter:blur(22px) saturate(1.08);backdrop-filter:blur(22px) saturate(1.08)}.chat-main{background:#fbfdfff5;-webkit-backdrop-filter:blur(20px) saturate(1.04);backdrop-filter:blur(20px) saturate(1.04)}.agent-panel{padding:24px;background:#f6f9fff0;-webkit-backdrop-filter:blur(22px) saturate(1.08);backdrop-filter:blur(22px) saturate(1.08)}.logo-mark{display:block;object-fit:cover;object-position:50% 47%;-webkit-user-select:none;user-select:none;pointer-events:none}.product-mark .logo-mark{width:30px;height:30px;border-radius:9px;box-shadow:0 5px 13px #1364ce3d}.product-mark>span{display:flex}.sidebar-heading{margin:0 0 22px}.sidebar-heading h1{font-size:.98rem;letter-spacing:-.015em}.new-conversation{min-height:49px;border-radius:12px;font-size:.94rem;background:linear-gradient(135deg,#006dea,#0084eb);background:linear-gradient(135deg,color(xyz 0.209 0.168 0.856),color(xyz 0.247 0.223 0.987));box-shadow:0 8px 18px #0062d440;box-shadow:0 8px 18px oklch(52% .2 258 / .25)}.new-conversation:hover{translate:0 -1px;box-shadow:0 12px 24px #0062d447;box-shadow:0 12px 24px oklch(52% .2 258 / .28)}.new-conversation:active{translate:0;transform:scale(.985)}.conversation-search{min-height:47px;margin:18px 0 22px;padding:10px 12px;border-color:#dee3eb;border-radius:11px;box-shadow:0 6px 18px #3a485d12}.conversation-search kbd{display:inline-flex;align-items:center;gap:3px;min-width:41px;height:24px;padding:0 6px;color:#4d5663;background:#eef3f9;border:1px solid oklch(89% .015 255);border-radius:6px;box-shadow:inset 0 -1px #bec5cea6;font-family:inherit;font-size:.64rem;line-height:1;white-space:nowrap}.conversation-search kbd span:last-child{font-weight:650}.conversation-nav{gap:12px;padding-right:2px;scrollbar-width:thin;scrollbar-color:oklch(84% .02 255) transparent}.conversation-group{display:grid;gap:4px}.conversation-group>h2{margin:0 2px 5px;color:var(--ink-2);font-size:.76rem;font-weight:650}.conversation-item{grid-template-columns:16px minmax(0,1fr) auto;min-height:44px;padding:9px 10px;border-radius:10px}.conversation-item>svg{color:#4e5f77}.conversation-item.selected>svg{color:var(--accent)}.conversation-item:hover{background:#e8f1fc}.conversation-item.selected{background:linear-gradient(90deg,#dcebff,#e8f3ff);background:linear-gradient(90deg,color(xyz 0.771 0.819 1.141),color(xyz 0.833 0.887 1.102));box-shadow:inset 0 0 0 1px #c7ddf98c}.sidebar-user{width:calc(100% + 12px);min-height:64px;margin:12px -6px -4px;padding:11px 8px;color:var(--ink);background:transparent;border:0;border-top:1px solid var(--line);border-radius:12px;text-align:left}.sidebar-user:hover{background:transparent}.user-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;color:#fff;background:linear-gradient(145deg,#424e61,#6b7c8f);border-radius:50%}.user-copy{flex:1}.chat-header{min-height:80px;padding:15px 36px;border-bottom-color:#e2e7ed;background:#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-agent{width:44px;height:44px;border-radius:50%;filter:drop-shadow(0 5px 10px oklch(52% .16 258 / .22))}.header-copy{display:grid;gap:1px}.header-copy strong{font-size:1.08rem;letter-spacing:-.012em}.header-copy span{font-size:.78rem}.history-link{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:7px 8px;color:var(--ink-2);background:transparent;border:0;border-radius:9px;font-size:.84rem;font-weight:550;text-decoration:none;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),translate var(--dur-fast) var(--ease-out)}.history-link:hover{color:var(--accent);background:var(--accent-tint);translate:0 -1px}.message-viewport{background:linear-gradient(180deg,#fcfdff,#f8fbff);background:linear-gradient(180deg,color(xyz 0.933 0.982 1.093),color(xyz 0.915 0.965 1.092))}.message-list{padding:30px 38px 14px}.message-list .empty-state{min-height:100%}.empty-state{padding:26px 24px 16px}.empty-hero{width:min(100%,560px);max-width:560px;gap:0}.empty-logo-wrap{position:relative;display:grid;place-items:center;width:124px;height:124px;margin-bottom:22px;border-radius:50%;background:radial-gradient(circle,oklch(94% .08 250 / .95),oklch(96% .04 260 / .62) 58%,transparent 72%);animation:logo-float 4.8s ease-in-out infinite}.empty-logo{width:124px;height:124px;border-radius:50%;filter:drop-shadow(0 18px 22px oklch(56% .16 258 / .2))}.empty-logo-wrap>i{position:absolute;width:9px;height:9px;background:#9cc7ff;background:oklch(82% .12 255);rotate:45deg;border-radius:2px;box-shadow:0 0 14px #67aaff8c;box-shadow:0 0 14px oklch(73% .16 255 / .55)}.empty-logo-wrap>i:nth-of-type(1){top:9px;right:13px}.empty-logo-wrap>i:nth-of-type(2){bottom:14px;left:11px;scale:.65;opacity:.6}.empty-hero h2{margin:0;color:#152030;font-size:1.93rem;line-height:1.28;letter-spacing:-.035em}.empty-hero h2>span:first-of-type{color:#0062d4;color:oklch(52% .22 258)}.empty-hero h2>span:last-of-type{display:inline-block;margin-left:4px;font-size:1.55rem;letter-spacing:0}.empty-hero>p{max-width:62ch;margin:12px 0 0;color:var(--muted);font-size:.94rem}.suggestion-list{gap:13px;width:min(100%,500px);margin-top:38px}.suggestion-chip{min-height:68px;padding:12px 18px 12px 14px;border-color:#dce2e9;border-radius:13px;box-shadow:var(--card-shadow);font-size:.95rem;font-weight:520}.suggestion-chip:after{content:none}.suggestion-chip:hover{background:#fff;border-color:#b1cdf2;box-shadow:var(--card-shadow-hover)}.suggestion-chip>span:nth-child(2){flex:1;text-align:left}.suggestion-chip>svg{color:#3280dd}.suggestion-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%}.suggestion-1 .suggestion-icon{color:#076be3;background:#e0ecff;background:oklch(94% .055 258)}.suggestion-2 .suggestion-icon{color:#9a54da;background:#f3eaff;background:oklch(95% .05 305)}.suggestion-3 .suggestion-icon{color:#00915f;color:oklch(58% .17 160);background:#d3f9e3}.composer-wrap{padding:10px 38px 26px;background:linear-gradient(to bottom,transparent,oklch(99.2% .004 255) 22%)}.composer{max-width:796px;min-height:132px;padding:17px 17px 13px 24px;border-color:#d2deed;border-radius:28px;box-shadow:var(--composer-shadow)}.composer:focus-within{border-color:#4e8ce6;box-shadow:0 0 0 3px #3783f01f,var(--composer-shadow)}.composer textarea{min-height:54px;max-height:142px;font-size:.98rem;line-height:1.55}.composer-actions{justify-content:flex-start;min-height:44px;margin-top:6px}.attachment-button{display:inline-grid;place-items:center;width:38px;height:38px;margin-right:auto;color:#4d5c72;background:transparent;border:0;border-radius:50%}.attachment-button:disabled{opacity:.8;cursor:not-allowed}.send-button,.cancel-button{min-width:91px;min-height:44px;padding:9px 18px;font-size:.88rem}.send-button{box-shadow:0 8px 18px #0062d440;box-shadow:0 8px 18px oklch(52% .2 258 / .25)}.send-button:hover:not(:disabled){translate:0 -1px;box-shadow:0 12px 24px #0062d447;box-shadow:0 12px 24px oklch(52% .2 258 / .28)}.composer-hint{max-width:796px;margin-top:9px;padding-left:14px}.agent-panel>h2{display:flex;align-items:center;gap:7px;margin-bottom:29px;font-size:.98rem}.agent-panel>h2 svg{color:#5d84bf}.agent-content{gap:28px}.agent-identity{gap:13px}.agent-identity .logo-mark{width:60px;height:60px;border-radius:50%;filter:drop-shadow(0 8px 15px oklch(52% .16 258 / .18))}.agent-identity strong{font-size:1.02rem}.agent-identity small{margin-top:2px}.agent-content section{gap:12px}.agent-content h3{color:var(--ink);font-size:.82rem}.agent-content p{line-height:1.85}.agent-content ul{display:grid;gap:5px;padding:0;list-style:none}.agent-content li{display:grid;grid-template-columns:19px minmax(0,1fr);align-items:center;gap:9px;min-height:29px}.agent-content li>span{display:grid;place-items:center;color:#3c5e90}.mobile-agent-info>button>span{display:inline-flex;align-items:center;gap:8px}.mobile-agent-chevron{transition:rotate var(--dur-base) var(--ease-out)}.mobile-agent-info[data-state=open] .mobile-agent-chevron{rotate:180deg}@keyframes ambient-a{to{transform:translate3d(12%,14%,0) scale(1.08);opacity:.46}}@keyframes ambient-b{to{transform:translate3d(-14%,9%,0) scale(.94);opacity:.44}}@keyframes ambient-c{to{transform:translate3d(10%,-12%,0) scale(1.06);opacity:.38}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:1180px){:root{--sidebar-width: 272px}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.agent-panel{display:none}.mobile-agent-info{display:block;border-bottom:1px solid var(--line)}.mobile-agent-info>button{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:10px 22px;color:var(--ink-2);background:#f7fafe;border:0;font-size:var(--text-s);font-weight:600}.mobile-agent-info .agent-content{max-height:48vh;padding:18px 28px 24px;overflow-y:auto;background:#f7fafe;border-top:1px solid var(--line)}}@media(max-width:860px){.app-shell{grid-template-columns:minmax(0,1fr)}.conversation-sidebar{position:fixed;inset:14px auto 14px 14px;width:min(86vw,320px);transform:translate(calc(-100% - 28px));visibility:hidden;z-index:var(--z-drawer);transition:transform var(--dur-slow) var(--ease-out),visibility 0s linear var(--dur-slow)}.conversation-sidebar.is-open{visibility:visible;transform:translate(0);transition:transform var(--dur-slow) var(--ease-out)}.drawer-close{display:inline-grid;place-items:center;width:36px;height:36px;color:var(--muted);background:transparent;border:0;border-radius:9px}.menu-button{display:inline-grid;place-items:center}}@media(max-width:767px){body{overflow:hidden}.app-shell{min-height:100dvh;height:100dvh;padding:0;gap:0;background:#fafcfe}.chat-main{border:0;border-radius:0;box-shadow:none}.conversation-sidebar{inset:0 auto 0 0;border-radius:0 22px 22px 0}.chat-header{min-height:62px;padding:9px 14px}.header-agent{width:38px;height:38px}.header-copy strong{font-size:.94rem}.history-link span{display:none}.history-link{margin-left:auto}.mobile-agent-info>button{padding-inline:15px}.empty-state{padding:24px 14px 8px}.empty-logo-wrap,.empty-logo{width:94px;height:94px}.empty-logo-wrap{margin-bottom:17px}.empty-hero h2{font-size:1.48rem}.empty-hero h2>span:last-of-type{font-size:1.2rem}.empty-hero>p{margin-top:9px;font-size:.84rem}.suggestion-list{gap:9px;margin-top:24px}.suggestion-chip{min-height:58px;padding:9px 13px 9px 10px;font-size:.84rem}.suggestion-icon{flex-basis:36px;width:36px;height:36px}.message-list{padding:18px 13px 8px}.composer-wrap{padding:8px 12px calc(12px + env(safe-area-inset-bottom))}.composer{min-height:112px;padding:13px 12px 10px 16px;border-radius:22px}.composer textarea{min-height:44px;font-size:.9rem}.send-button,.cancel-button{min-width:78px;min-height:40px;padding-inline:14px}.composer-hint{display:none}}@media(prefers-reduced-motion:reduce){.ambient-background span,.empty-logo-wrap{animation:none!important}.suggestion-chip,.new-conversation,.send-button,.history-link{translate:none!important;transform:none!important}}
