:root{--font-brand:"Syne", sans-serif;--font-body:"Figtree", sans-serif;--bg-color:#eef2ef;--bg-atmosphere:radial-gradient(ellipse 900px 520px at 8% -5%, #0d7a6f29, transparent 58%), radial-gradient(ellipse 700px 420px at 96% 8%, #2d6e5f12, transparent 50%), linear-gradient(168deg, #e4ece7 0%, #eef2ef 45%, #e2ebe6 100%);--text-color:#152821;--text-muted:#5c6f66;--sidebar-bg:#ecf1ede6;--surface:#fcfdfcc7;--surface-solid:#fafcfb;--border-color:#c5d2cb;--accent:#0c6f65;--accent-hover:#095a52;--accent-soft:#0c6f651c;--msg-bubble-user:#0c6f65;--msg-bubble-ai:#e8eeea;--danger:#b83228;--warn:#b86e10;--offline-banner-bg:#f3e4c4;--offline-banner-text:#5c4314;--focus-ring:0 0 0 2px var(--surface-solid), 0 0 0 4px var(--accent);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--space-page:16px;--shadow-soft:0 1px 0 #1528210a, 0 10px 28px #1528210d}:root[data-theme=dark]{--bg-color:#0d1412;--bg-atmosphere:radial-gradient(ellipse 880px 480px at 6% -6%, #3db8a824, transparent 52%), radial-gradient(ellipse 640px 400px at 100% 12%, #b476340d, transparent 42%), linear-gradient(168deg, #0a110f 0%, #121c19 48%, #0e1614 100%);--text-color:#e6f0eb;--text-muted:#95aaa1;--sidebar-bg:#101a16f0;--surface:#14201cd1;--surface-solid:#15201c;--border-color:#2a3a34;--accent:#3db8a8;--accent-hover:#55ccbc;--accent-soft:#3db8a824;--msg-bubble-user:#1a6860;--msg-bubble-ai:#1a2824;--offline-banner-bg:#352c1c;--offline-banner-text:#e8d4a8;--focus-ring:0 0 0 2px var(--surface-solid), 0 0 0 4px var(--accent);--shadow-soft:0 1px 0 #0003, 0 12px 32px #00000047}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background-color:var(--bg-color);background-image:var(--bg-atmosphere);color:var(--text-color);-webkit-font-smoothing:antialiased;background-attachment:fixed;line-height:1.5}:focus-visible{box-shadow:var(--focus-ring);outline:none}button,input,select,textarea{font:inherit;color:inherit}.app-shell{height:100%;min-height:100vh;animation:.5s cubic-bezier(.22,1,.36,1) shell-in;display:flex}@keyframes shell-in{0%{opacity:0}to{opacity:1}}.chat-main{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:0;box-shadow:var(--shadow-soft);flex-direction:column;flex:1;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;flex-shrink:0;width:272px;display:flex}.sidebar-header{padding:22px var(--space-page) 16px;border-bottom:1px solid var(--border-color)}.sidebar-brand{font-family:var(--font-brand);letter-spacing:-.04em;color:var(--text-color);font-size:1.35rem;font-weight:800;line-height:1.1}.sidebar-brand-mark{background:var(--accent);vertical-align:.12em;border-radius:3px;width:9px;height:9px;margin-right:8px;animation:2.8s ease-in-out infinite mark-pulse;display:inline-block}@keyframes mark-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}.sidebar-brand-sub{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-top:6px;margin-left:17px;font-size:.72rem;font-weight:500}.sidebar-list{flex:1;padding:12px;overflow-y:auto}.sidebar-nav{border-top:1px solid var(--border-color);gap:6px;padding:12px;display:flex}.sidebar-nav a{text-align:center;border-radius:var(--radius-sm);color:var(--text-muted);flex:1;padding:9px 10px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s,transform .15s}.sidebar-nav a:hover{background:var(--accent-soft);color:var(--text-color)}.sidebar-nav a.active{background:var(--accent);color:#fff;font-weight:600}.session-list{flex-direction:column;gap:6px;display:flex}.btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-solid);color:var(--text-color);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.8125rem;font-weight:500;transition:background .15s,border-color .15s,color .15s,opacity .15s,transform .12s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-ghost{color:var(--text-muted);opacity:0;background:0 0;border-color:#0000;padding:4px 6px;font-size:.6875rem;transition:opacity .15s,background .15s,color .15s}.session-item:hover .btn-ghost,.session-item:focus-within .btn-ghost{opacity:1}.btn-ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--text-color)}.btn-new-session{background:var(--accent-soft);width:100%;color:var(--accent);letter-spacing:-.01em;border-color:#0000;margin-bottom:10px;font-weight:600}.btn-new-session:hover:not(:disabled){background:var(--accent);color:#fff}.session-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:2px;padding:9px 10px;transition:background .15s;display:flex}.session-item:hover{background:var(--accent-soft)}.session-item-active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.session-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.875rem;overflow:hidden}.session-item-active .session-title{color:var(--accent);font-weight:600}.session-rename-input{border:1px solid var(--accent);background:var(--bg-color);border-radius:6px;flex:1;min-width:0;padding:5px 8px;font-size:.875rem}.chat-header{border-bottom:1px solid var(--border-color);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex}.chat-header-brand{font-family:var(--font-brand);letter-spacing:-.035em;font-size:1.25rem;font-weight:700;line-height:1.15}.chat-header-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:5px;font-size:.75rem}.chat-header-meta-pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:.72rem;font-weight:560;display:inline-flex}.chat-header-meta-pill:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.chat-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.input-search{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-color);width:176px;padding:8px 12px;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.input-search:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.chat-empty,.chat-status{text-align:center;flex:1;justify-content:center;align-items:center;padding:40px 28px;animation:.45s cubic-bezier(.22,1,.36,1) fade-up;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-empty-card{max-width:360px}.chat-empty-ornament{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:14px;width:48px;height:48px;margin:0 auto 18px;position:relative}.chat-empty-ornament:after{content:"";background:var(--accent);opacity:.85;border-radius:6px;position:absolute;inset:14px}.chat-empty-title{font-family:var(--font-brand);letter-spacing:-.04em;margin-bottom:10px;font-size:1.65rem;font-weight:700}.chat-empty-desc,.chat-status p{color:var(--text-muted);font-size:.9375rem;line-height:1.6}.offline-banner{background:var(--offline-banner-bg);color:var(--offline-banner-text);border-top:1px solid var(--border-color);text-align:center;padding:10px 16px;font-size:.875rem;font-weight:500}.message-list-wrap{flex:1;min-height:0;padding:8px 20px 4px}.msg-row{margin:12px 0;animation:.3s cubic-bezier(.22,1,.36,1) msg-in;display:flex}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-row-user{justify-content:flex-end}.msg-row-ai{justify-content:flex-start}.msg-bubble{border-radius:var(--radius-lg);max-width:min(72%,580px);padding:13px 16px 11px}.msg-bubble-user{background-color:var(--msg-bubble-user);color:#fff;border-bottom-right-radius:5px;box-shadow:0 6px 16px #0c6f652e}.msg-bubble-ai{background-color:var(--msg-bubble-ai);color:var(--text-color);border:1px solid color-mix(in srgb, var(--border-color) 65%, transparent);border-bottom-left-radius:5px}.msg-content{word-break:break-word;font-size:.9375rem;line-height:1.58}.msg-content-collapsed{max-height:160px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.msg-content p{margin:.4em 0}.msg-content p:first-child{margin-top:0}.msg-content p:last-child{margin-bottom:0}.msg-content pre{border-radius:var(--radius-sm);background:#00000012;margin:8px 0;padding:10px 12px;font-size:.8125rem;overflow-x:auto}.msg-bubble-user .msg-content pre{background:#00000029}.msg-content code{font-size:.85em}.msg-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.msg-time{opacity:.62;font-variant-numeric:tabular-nums;font-size:.6875rem}.msg-expand-btn,.msg-copy-btn{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;transition:opacity .15s}.msg-expand-btn:hover,.msg-copy-btn:hover{opacity:1}.streaming-cursor{color:var(--accent);margin-left:2px;font-weight:700;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.chat-input-bar{border-top:1px solid var(--border-color);background:color-mix(in srgb, var(--surface) 94%, transparent);align-items:center;gap:10px;padding:14px 22px 20px;display:flex}.chat-input-field{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);color:var(--text-color);outline:none;flex:1;padding:13px 15px;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.chat-input-field:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.chat-input-field:disabled{opacity:.55;cursor:not-allowed}.chat-send-btn{border-radius:var(--radius-md);letter-spacing:-.01em;color:#fff;cursor:pointer;border:none;min-width:92px;padding:13px 18px;font-size:.875rem;font-weight:600;transition:background .15s,opacity .15s,transform .12s}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.48}.chat-send-btn-send{background:var(--accent)}.chat-send-btn-send:hover:not(:disabled){background:var(--accent-hover)}.chat-send-btn-stop{background:var(--danger)}.chat-send-btn-retry{background:var(--warn)}.chat-send-btn-offline{background:#74847d}.settings-page{flex:1;max-width:520px;padding:36px 40px;animation:.4s cubic-bezier(.22,1,.36,1) fade-up;overflow-y:auto}.settings-page h1{font-family:var(--font-brand);letter-spacing:-.04em;margin-bottom:8px;font-size:1.85rem;font-weight:700}.settings-lead{color:var(--text-muted);margin-bottom:28px;font-size:.9rem}.settings-page h2{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:.8125rem;font-weight:600}.settings-section{border-radius:var(--radius-md);border:1px solid var(--border-color);background:color-mix(in srgb, var(--surface-solid) 70%, transparent);margin-bottom:28px;padding:18px 18px 16px}.settings-hint{color:var(--text-muted);font-size:.875rem;line-height:1.65}.settings-hint code{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:1px 6px;font-size:.84em}.settings-label{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);font-size:.8125rem;font-weight:600;display:block}.settings-select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-color);width:100%;margin-top:10px;padding:11px 12px;font-size:.9375rem;display:block}.settings-select:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.settings-footnote{color:var(--text-muted);margin-top:14px;font-size:.8125rem}.error-fallback,.route-fallback{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.error-fallback h2{font-family:var(--font-brand);letter-spacing:-.03em;font-size:1.35rem}.error-fallback p,.route-fallback{color:var(--text-muted);font-size:.9rem}.chat-header-dev{margin-top:8px}.message-list-virtuoso{height:100%}@media (width<=720px){.sidebar{width:188px}.sidebar-brand{font-size:1.15rem}.chat-header{flex-direction:column;align-items:stretch;gap:12px}.chat-header-actions{width:100%}.input-search{flex:100%;width:100%}.msg-bubble{max-width:90%}.message-list-wrap{padding:4px 12px}.settings-page{padding:24px 18px}.btn-ghost{opacity:1}}.skeleton-bubble{border-radius:var(--radius-lg);background:var(--msg-bubble-ai);border:1px solid color-mix(in srgb, var(--border-color) 65%, transparent);border-bottom-left-radius:5px;max-width:min(72%,420px);margin:12px 0;padding:14px 16px}.skeleton-line{background:linear-gradient(90deg, color-mix(in srgb, var(--text-muted) 14%, transparent) 0%, color-mix(in srgb, var(--accent) 18%, transparent) 48%, color-mix(in srgb, var(--text-muted) 14%, transparent) 100%);background-size:200% 100%;border-radius:6px;height:11px;margin:8px 0;animation:1.35s ease-in-out infinite skeleton-shimmer}.skeleton-line:first-child{margin-top:0}.skeleton-line:last-child{margin-bottom:0}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}