:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-warm:#f6efe6;--bg-sidebar:#ebe2d5;--bg-card:#fff;--bubble-mine:#d9bfa7;--bubble-mine-text:#3d2b1f;--bubble-yours:#e6d9c8;--bubble-yours-border:#d1c2b0;--bubble-yours-text:#3d2b1f;--accent:#8c5f45;--accent-hover:#7a523a;--accent-soft:#8c5f451a;--timestamp:#6a4e3a;--text-primary:#3d2b1f;--text-secondary:#6a4e3a;--font-serif:"Georgia", "Noto Serif SC", serif;--font-sans:"Inter", "PingFang SC", "Microsoft YaHei", sans-serif}.chat-container{background-color:var(--bg-warm);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--bubble-yours-border);background-color:var(--bg-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:relative}.model-indicator{color:var(--text-secondary);background:var(--accent-soft);border-radius:20px;padding:4px 12px;font-size:.8rem}.message-list{flex-direction:column;flex:1 1 0;gap:4px;min-height:0;padding:20px;display:flex;overflow-y:auto}.message-row{flex-shrink:0;margin:8px 0;display:flex}.message-mine{justify-content:flex-end}.message-yours{justify-content:flex-start}.bubble{max-width:55%;font-family:var(--font-sans);white-space:pre-wrap;word-break:break-word;border-radius:24px;padding:12px 18px;font-size:.95rem;line-height:1.7;overflow:visible}.message-mine .bubble{background-color:var(--bubble-mine);color:var(--bubble-mine-text);border-radius:24px 24px 6px}.message-yours .bubble{background-color:var(--bubble-yours);color:var(--bubble-yours-text);border:1px solid var(--bubble-yours-border);border-radius:24px 24px 24px 6px}.timestamp{color:var(--timestamp);margin-top:4px;font-size:.7rem}.message-mine .timestamp{text-align:right;margin-right:10px}.message-yours .timestamp{text-align:left;margin-left:10px}.typing-indicator{background-color:var(--bubble-yours);border:1px solid var(--bubble-yours-border);border-radius:24px 24px 24px 6px;gap:5px;padding:14px 18px;display:flex}.dot{background-color:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.4s infinite breathe}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes breathe{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.input-bar{background-color:var(--bg-card);border-top:1px solid var(--bubble-yours-border);flex-shrink:0;align-items:flex-end;gap:10px;padding:16px 20px;display:flex}.input-field{resize:none;border:1px solid var(--bubble-yours-border);font-family:var(--font-sans);background-color:var(--bg-warm);border-radius:20px;outline:none;flex:1;padding:10px 16px;font-size:.95rem;transition:border-color .2s}.input-field:focus{border-color:var(--accent)}.send-btn{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:background-color .3s,transform .2s;display:flex}.send-btn:hover{background-color:var(--accent-hover)}.send-btn:active{transform:scale(.9)translate(2px)}.send-btn:disabled{cursor:not-allowed;background-color:#ccc}.model-select{border:1px solid var(--bubble-yours-border);color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-family:var(--font-sans);background:0 0;border-radius:20px;padding:4px 10px}.token-trigger{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:1rem;transition:border-color .2s;display:flex;position:relative}.token-trigger:hover{border-color:var(--accent-soft)}.token-badge{color:var(--accent);font-size:.65rem;font-weight:700}.token-panel{background:var(--bg-card);border:1px solid var(--bubble-yours-border);z-index:100;border-radius:16px;min-width:200px;padding:14px 18px;animation:.2s fadeIn;position:absolute;top:48px;right:20px;box-shadow:0 4px 16px #0000000f}.token-panel-row{color:var(--text-secondary);font-size:.8rem;font-family:var(--font-sans);justify-content:space-between;padding:6px 0;display:flex}.token-panel-row.total{border-top:1px solid var(--bubble-yours-border);color:var(--text-primary);margin-top:4px;padding-top:10px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.thinking-bubble{border-left:3px solid var(--accent);max-width:55%;font-family:var(--font-serif);color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;background-color:#fef9f3;border-radius:0 12px 12px 0;margin:8px 0;padding:10px 14px;font-size:.85rem;font-style:italic;line-height:1.6}.thinking-label{color:var(--timestamp);margin-bottom:6px;font-size:.7rem;font-style:normal;display:block}.bubble p{margin:.3em 0}.bubble ul,.bubble ol{margin:.3em 0;padding-left:1.5em}.bubble li{margin:.15em 0}.bubble blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);background:var(--accent-soft);border-radius:0 6px 6px 0;margin:.4em 0;padding:.3em 1em}.bubble code{word-break:break-all;background:#0000000f;border-radius:4px;padding:.15em .4em;font-family:Fira Code,Consolas,monospace;font-size:.9em}.bubble pre{white-space:pre;max-width:70vw;overflow-x:auto}.bubble pre code{background:0 0;border-radius:0;padding:0;font-size:.85em;line-height:1.5}.bubble a{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.bubble a:hover{border-bottom-color:var(--accent)}.bubble h1,.bubble h2,.bubble h3,.bubble h4{color:var(--text-primary);margin:.5em 0 .25em;font-size:1em}.bubble hr{border:none;border-top:1px solid var(--bubble-yours-border);margin:.8em 0}.bubble table{border-collapse:collapse;width:100%;margin:.5em 0}.bubble th,.bubble td{border:1px solid var(--bubble-yours-border);text-align:left;padding:.3em .6em}.bubble th{background:var(--accent-soft);color:var(--text-primary)}.bubble strong{color:var(--accent)}@media (width<=768px){.bubble,.thinking-bubble{max-width:85%}.chat-header{padding:8px 12px}.input-bar{padding:10px 12px}}