*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;min-height:100dvh}:root{--ground: #ffffff;--page-bg: #ffffff;--page-text: #2a3342;--dim-text: #71809b;--user-text: #131c33;--panel-bg: #f4f6fa;--border: #dde3ee;--accent: #2456e0;--warn: #9a7b00;--danger: #cc3d3d;--spinner: #c05a20}[data-theme=soft]{--c-assistant: #6fc79a;--c-preamble: #7a8aa0;--c-thinking: #3e8fd9;--c-tool-call: #e4c86e;--c-tool-result: #949494}[data-theme=vivid]{--c-assistant: #5fe0a0;--c-preamble: #8fa3be;--c-thinking: #4299d7;--c-tool-call: #ffd75f;--c-tool-result: #a8a8a8}[data-theme=pastel]{--c-assistant: #a5d6bc;--c-preamble: #93a2b4;--c-thinking: #4d97cb;--c-tool-call: #e8dca0;--c-tool-result: #8a8a8a}[data-theme=cool]{--c-assistant: #5fd1af;--c-preamble: #7e93ad;--c-thinking: #3692e2;--c-tool-call: #ffe08a;--c-tool-result: #9e9e9e}.section{border-left:2px solid color-mix(in srgb,var(--c, var(--dim-text)) 85%,var(--ground));padding:.35rem .75rem}.section--assistant{--c: var(--c-assistant)}.section--preamble{--c: var(--c-preamble)}.section--thinking{--c: var(--c-thinking)}.section--tool-call{--c: var(--c-tool-call)}.section--tool-result{--c: var(--c-tool-result)}.section--tinted{background:color-mix(in srgb,var(--c, var(--dim-text)) 10%,var(--ground));color:var(--page-text)}body{background:var(--page-bg);color:var(--page-text)}.app{display:flex;height:100vh;height:100dvh}.app-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.chat-topbar{flex-shrink:0;display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-bottom:1px solid var(--border);background:var(--ground)}.icon-button{flex-shrink:0;width:2.5rem;height:2.5rem;display:grid;place-items:center;background:none;border:1px solid transparent;border-radius:8px;color:var(--page-text);font:inherit;font-size:1.15rem;line-height:1;cursor:pointer}.icon-button:hover{background:var(--panel-bg);border-color:var(--border)}.topbar-logo-button{background:none;border:none;padding:0;cursor:pointer;min-width:0}.topbar-logo{height:38px;width:auto;max-width:100%;display:block;object-fit:contain}.sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;background:var(--panel-bg);border-right:1px solid var(--border)}@media(min-width:769px){.sidebar:not(.open){display:none}}.sidebar-close{font-size:1rem;color:var(--dim-text);width:2rem;height:2rem;margin-right:-.35rem}.sidebar-header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--ground)}.sidebar-logo-button{background:none;border:none;padding:0;cursor:pointer;min-width:0;margin-right:auto}.sidebar-logo{height:38px;width:auto;max-width:100%;display:block;min-width:0;object-fit:contain}.session-list{overflow-y:auto;flex:1;overscroll-behavior:contain}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#131c3373}.sidebar-empty{padding:1rem;color:var(--dim-text);font-size:.85rem}.session-item{position:relative;display:block;width:100%;text-align:left;padding:.6rem 1rem;background:none;border:none;border-bottom:1px solid var(--border);color:var(--page-text);cursor:pointer;font:inherit}.session-item:hover{background:color-mix(in srgb,var(--panel-bg) 60%,var(--border))}.session-item.active{background:color-mix(in srgb,var(--accent) 8%,var(--panel-bg));border-left:2px solid var(--accent);padding-left:calc(1rem - 2px)}.session-item-top{display:flex;justify-content:space-between;font-size:.8rem}.session-name{color:var(--user-text);font-weight:600}.session-menu-button{background:none;border:none;color:var(--dim-text);font:inherit;font-weight:700;cursor:pointer;padding:0 .3rem;border-radius:4px;line-height:1}.session-menu-button:hover,.session-menu-button[aria-expanded=true]{color:var(--user-text);background:var(--border)}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.session-menu{position:absolute;top:1.9rem;right:.6rem;z-index:11;min-width:10rem;background:var(--ground);border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 18px #131c3324;overflow:hidden}.session-menu button{display:block;width:100%;text-align:left;padding:.5rem .9rem;background:none;border:none;color:var(--page-text);font:inherit;font-size:.85rem;cursor:pointer}.session-menu button:hover{background:var(--border);color:var(--user-text)}.session-snippet{font-size:.8rem;color:var(--page-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.15rem}.session-meta{font-size:.72rem;color:var(--dim-text);margin-top:.15rem}.chat-view{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.message-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.9rem;max-width:60rem;width:100%;margin:0 auto}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.chat-empty-logo{width:min(60%,420px);height:auto}.api-down{flex:1;display:flex;align-items:center;justify-content:center;color:var(--spinner);padding:2rem}.prose-text{font:inherit;white-space:pre-wrap;word-break:break-word}.user-message{display:flex;gap:.6rem;color:var(--user-text)}.user-prompt{color:var(--user-text);font-weight:700}.preamble{font-style:italic;color:var(--dim-text);white-space:pre-wrap}.notice{color:var(--dim-text);font-size:.85rem;font-style:italic}.working{color:var(--spinner);font-size:.9rem}.working-dot{animation:working-blink 1s steps(2,start) infinite}@keyframes working-blink{to{visibility:hidden}}.collapsible-header{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;text-align:left}.collapsible-chevron{color:color-mix(in srgb,var(--c, var(--dim-text)) 70%,var(--page-text))}.collapsible-body{margin-top:.4rem}.summary-label{display:flex;align-items:baseline;gap:.6rem;color:color-mix(in srgb,var(--c, var(--dim-text)) 70%,var(--page-text))}.summary-meta{color:var(--dim-text);font-size:.78rem}.section--thinking .collapsible-body{color:color-mix(in srgb,var(--c-thinking) 35%,var(--page-text));font-size:.9rem}.tool-name{font-weight:600}.tool-arguments{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.82rem;color:color-mix(in srgb,var(--c-tool-call) 40%,var(--page-text))}.tool-result{margin-top:.5rem;color:var(--c-tool-result);font-size:.85rem;max-height:22rem;overflow-y:auto}.tool-truncated{margin-top:.3rem;font-size:.75rem;font-style:italic;color:var(--dim-text)}.markdown p,.markdown ul,.markdown ol,.markdown pre,.markdown blockquote,.markdown table,.markdown h1,.markdown h2,.markdown h3,.markdown h4{margin-bottom:.6rem}.markdown :last-child{margin-bottom:0}.markdown{overflow-wrap:break-word}.markdown ul,.markdown ol{padding-left:1.4rem}.markdown code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85em;background:var(--panel-bg);padding:.1em .35em;border-radius:4px}.markdown pre{background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;padding:.7rem .9rem;overflow-x:auto}.markdown pre code{background:none;padding:0}.markdown blockquote{border-left:3px solid var(--border);padding-left:.8rem;color:var(--dim-text)}.markdown a{color:var(--accent)}.table-scroll{max-width:100%;overflow-x:auto;margin-bottom:.6rem}.markdown .table-scroll table{margin-bottom:0}.markdown table{border-collapse:collapse}.markdown th,.markdown td{border:1px solid var(--border);padding:.3rem .6rem}.chat-footer{max-width:60rem;width:100%;margin:0 auto;border-top:1px solid var(--border);padding:0 1.5rem 100px}.chat-input{display:flex;align-items:flex-end;gap:.6rem;padding-top:.9rem}.context-meter{margin-top:.45rem;padding-left:1.4rem;font-size:.78rem}.context-meter.dim{color:var(--dim-text)}.context-meter.warn{color:var(--warn)}.context-meter.danger{color:var(--danger)}.chat-input .user-prompt{padding-bottom:.45rem}.chat-input textarea{flex:1;resize:none;background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;color:var(--user-text);font:inherit;padding:.55rem .75rem}.chat-input textarea:focus{outline:none;border-color:var(--accent)}@media(pointer:coarse){.chat-input textarea{font-size:16px}}.chat-button{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:8px;padding:.5rem 1rem;font:inherit;cursor:pointer}.chat-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 85%,var(--user-text))}.chat-button:disabled{opacity:.5;cursor:default}.chat-button.cancel{background:var(--spinner);border-color:var(--spinner)}@media(max-width:768px){html,body{overflow:hidden;overscroll-behavior:none}#root{height:100dvh}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:30;width:min(86vw,320px);transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:none;box-shadow:0 0 24px #131c3340}.sidebar-header{padding-top:calc(.75rem + env(safe-area-inset-top))}.message-list{padding:.9rem .8rem}.chat-footer{padding:0 .8rem calc(.75rem + env(safe-area-inset-bottom))}.session-item{padding:.75rem 1rem}.session-item.active{padding-left:calc(1rem - 2px)}.session-menu-button{min-width:2.75rem;min-height:2.25rem}.session-menu button{padding:.7rem .9rem}.chat-button{padding:.55rem .9rem}.markdown pre{padding:.6rem}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}.widget{--chart-up: #047857;--chart-down: #b91c1c;--chart-grid: var(--border);--chart-axis: #c3ccdc;margin:.75rem 0;border:1px solid var(--border);border-radius:8px;background:var(--ground);padding:.6rem .75rem .5rem}.widget-loading,.widget-error{margin:0;padding:1.25rem 0;text-align:center;color:var(--dim-text);font-size:.85rem}.widget-error{color:var(--danger)}.widget-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.35rem}.widget-title{font-weight:600;color:var(--user-text)}.widget-delta{font-size:1.05rem;font-weight:600}.widget-delta.is-up{color:var(--chart-up)}.widget-delta.is-down{color:var(--chart-down)}.widget-sub{color:var(--dim-text);font-size:.8rem;font-variant-numeric:tabular-nums}.widget-toggle{margin-left:auto;border:1px solid var(--border);border-radius:5px;background:var(--panel-bg);color:var(--dim-text);font:inherit;font-size:.75rem;padding:.1rem .5rem;cursor:pointer}.widget-toggle:hover{color:var(--page-text);border-color:var(--chart-axis)}.widget-plot{position:relative}.widget-plot svg{display:block;touch-action:none}.chart-grid{stroke:var(--chart-grid);stroke-width:1}.chart-axis{stroke:var(--chart-axis);stroke-width:1}.chart-crosshair{stroke:var(--chart-axis);stroke-width:1;pointer-events:none}.chart-tick{fill:var(--dim-text);font-size:10px;font-variant-numeric:tabular-nums}.chart-candle.is-up{--candle: var(--chart-up)}.chart-candle.is-down{--candle: var(--chart-down)}.chart-wick{stroke:var(--candle);stroke-width:1}.chart-body{fill:var(--candle)}.chart-series.is-up{--candle: var(--chart-up)}.chart-series.is-down{--candle: var(--chart-down)}.chart-line{fill:none;stroke:var(--candle);stroke-width:2;stroke-linejoin:round}.chart-band{fill:color-mix(in srgb,var(--candle) 16%,var(--ground));stroke:none}.chart-gap{stroke:var(--warn);stroke-width:1;opacity:.5}.chart-volume{opacity:.45}.chart-volume.is-up{fill:var(--chart-up)}.chart-volume.is-down{fill:var(--chart-down)}.chart-readout{position:absolute;top:8px;pointer-events:none;background:var(--ground);border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem;font-size:.75rem;line-height:1.35;box-shadow:0 2px 8px #131c331f;white-space:nowrap}.chart-readout-span{color:var(--dim-text)}.chart-readout dl{display:grid;grid-template-columns:auto auto;gap:0 .5rem;margin:.2rem 0 0}.chart-readout dt{color:var(--dim-text)}.chart-readout dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.widget-note{margin:.3rem 0 0;color:var(--dim-text);font-size:.72rem}.widget-note:empty{display:none}.widget-warn{margin:.4rem 0 0;padding:.35rem .5rem;border-left:2px solid var(--warn);background:color-mix(in srgb,var(--warn) 8%,var(--ground));color:var(--page-text);font-size:.74rem;line-height:1.4}.widget-table{max-height:260px;overflow:auto;margin-top:.5rem;border-top:1px solid var(--border)}.widget-table table{width:100%;border-collapse:collapse;font-size:.75rem;font-variant-numeric:tabular-nums}.widget-table th,.widget-table td{padding:.15rem .4rem;text-align:right;border-bottom:1px solid var(--border)}.widget-table thead th{position:sticky;top:0;background:var(--panel-bg);color:var(--dim-text);font-weight:500}.widget-table tbody th{text-align:left;font-weight:400}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:768px){.widget{padding:.5rem .4rem .4rem}.widget-head{gap:.35rem .5rem}.widget-toggle{padding:.3rem .6rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--page-bg)}.login-card{display:flex;flex-direction:column;gap:16px;width:min(340px,calc(100vw - 48px));padding:32px 28px;border:1px solid var(--border);border-radius:12px;background:var(--panel-bg)}.login-logo{height:28px;align-self:center;margin-bottom:8px}.login-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dim-text)}.login-label input{padding:9px 11px;font-size:14px;color:var(--page-text);background:var(--ground);border:1px solid var(--border);border-radius:8px;outline:none}@media(pointer:coarse){.login-label input{font-size:16px}}.login-label input:focus{border-color:var(--accent)}.login-error{font-size:13px;color:var(--danger)}.login-button{margin-top:4px;padding:10px;font-size:14px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:8px;cursor:pointer}.login-button:disabled{opacity:.6;cursor:default}.sidebar-signout{margin-top:auto;padding:10px 14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--dim-text)}.sidebar-signout button{border:none;background:none;color:var(--accent);font-size:12px;cursor:pointer;padding:4px}