:root{--color-bg: #ffffff;--color-fg: #111111;--color-border: #e0e0e0;--color-muted: #666666;--color-sidebar-bg: #fafafa;--color-row-hover: #f0f0f0;--color-row-active: #e8e8e8;--color-surface: #ffffff;--color-panel-bg: #f5f5f5;--color-accent-bg: #111111;--color-accent-fg: #ffffff;--color-error-bg: #fdecea;--color-error-fg: #a12622;--color-error-border: #f5c2c0;--color-approval-bg: #fff8ec;--color-approval-border: #f0ad4e;--color-approval-code-bg: #111111;--color-approval-code-fg: #eeeeee;--badge-telegram-bg: #d9f2e6;--badge-telegram-fg: #146c43;--badge-tui-bg: #e6e6fa;--badge-tui-fg: #4b0082;--badge-api_server-bg: #fde8d0;--badge-api_server-fg: #8a4b00;--badge-cli-bg: #dbeafe;--badge-cli-fg: #1e3a8a;--badge-unknown-bg: #eeeeee;--badge-unknown-fg: #555555;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Roboto Mono", monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-bg: #121212;--color-fg: #f0f0f0;--color-border: #333333;--color-muted: #a0a0a0;--color-sidebar-bg: #1a1a1a;--color-row-hover: #232323;--color-row-active: #2a2a2a;--color-surface: #1a1a1a;--color-panel-bg: #1e1e1e;--color-accent-bg: #eaeaea;--color-accent-fg: #111111;--color-error-bg: #3a1f1e;--color-error-fg: #ff8a80;--color-error-border: #5c2b28;--color-approval-bg: #332a17;--color-approval-border: #a97a2a;--color-approval-code-bg: #0a0a0a;--color-approval-code-fg: #eeeeee;--badge-telegram-bg: #12362a;--badge-telegram-fg: #6fdba8;--badge-tui-bg: #2c2740;--badge-tui-fg: #c9b6ff;--badge-api_server-bg: #3a2a10;--badge-api_server-fg: #f0b366;--badge-cli-bg: #142943;--badge-cli-fg: #8ab4f8;--badge-unknown-bg: #2a2a2a;--badge-unknown-fg: #bbbbbb;color-scheme:dark}}:root[data-theme=dark]{--color-bg: #121212;--color-fg: #f0f0f0;--color-border: #333333;--color-muted: #a0a0a0;--color-sidebar-bg: #1a1a1a;--color-row-hover: #232323;--color-row-active: #2a2a2a;--color-surface: #1a1a1a;--color-panel-bg: #1e1e1e;--color-accent-bg: #eaeaea;--color-accent-fg: #111111;--color-error-bg: #3a1f1e;--color-error-fg: #ff8a80;--color-error-border: #5c2b28;--color-approval-bg: #332a17;--color-approval-border: #a97a2a;--color-approval-code-bg: #0a0a0a;--color-approval-code-fg: #eeeeee;--badge-telegram-bg: #12362a;--badge-telegram-fg: #6fdba8;--badge-tui-bg: #2c2740;--badge-tui-fg: #c9b6ff;--badge-api_server-bg: #3a2a10;--badge-api_server-fg: #f0b366;--badge-cli-bg: #142943;--badge-cli-fg: #8ab4f8;--badge-unknown-bg: #2a2a2a;--badge-unknown-fg: #bbbbbb;color-scheme:dark}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow-x:hidden}body{font-family:var(--font-mono);font-size:14px;background:var(--color-bg);color:var(--color-fg)}#app{display:flex;height:100vh;width:100%}.sidebar{width:280px;min-width:280px;border-right:1px solid var(--color-border);background:var(--color-sidebar-bg);overflow-y:auto;overscroll-behavior:contain}.sidebar__header{padding:10px 12px;border-bottom:1px solid var(--color-border)}.sidebar__new-btn{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);cursor:pointer;font-size:13px;color:var(--color-fg)}.sidebar__new-btn:hover{background:var(--color-row-hover)}.sidebar__list{display:flex;flex-direction:column}.sidebar__loading{padding:16px 12px;font-size:13px;color:var(--color-muted);text-align:center}.session-row{display:flex;align-items:center;gap:4px;width:100%;border-bottom:1px solid var(--color-border);color:var(--color-fg)}.session-row:hover{background:var(--color-row-hover)}.session-row--active{background:var(--color-row-active)}.session-row__main{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:10px 8px 10px 12px;border:none;background:transparent;cursor:pointer;text-align:left;font-size:13px;color:inherit}.session-row__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-row__menu{display:flex;gap:2px;padding-right:8px}.session-row__menu-btn{border:none;background:transparent;cursor:pointer;font-size:12px;color:var(--color-muted);padding:4px;border-radius:3px}.session-row__menu-btn:hover{background:var(--color-row-active);color:var(--color-fg)}.badge{flex-shrink:0;font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px}.badge--telegram{background:var(--badge-telegram-bg);color:var(--badge-telegram-fg)}.badge--tui{background:var(--badge-tui-bg);color:var(--badge-tui-fg)}.badge--api_server{background:var(--badge-api_server-bg);color:var(--badge-api_server-fg)}.badge--cli{background:var(--badge-cli-bg);color:var(--badge-cli-fg)}.badge--unknown{background:var(--badge-unknown-bg);color:var(--badge-unknown-fg)}.chat-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh}.chat-header{display:flex;align-items:center;gap:16px;padding:8px 24px;border-bottom:1px solid var(--color-border);background:var(--color-surface);font-size:12px;color:var(--color-muted);min-width:0;overflow:hidden}.chat-header__burger{display:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:14px;flex-shrink:0}.chat-header__theme-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:14px;flex-shrink:0}.chat-header__theme-btn:hover{background:var(--color-row-hover)}.chat-header__model{font-weight:600;color:var(--color-fg);flex-shrink:0}.chat-header__status{flex-shrink:0;font-style:italic}.chat-header__usage{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header__balance{flex-shrink:0}.commands-panel{display:flex;gap:6px;flex-wrap:wrap;padding:6px 24px;border-top:1px solid var(--color-border);background:var(--color-surface)}.commands-panel__btn{padding:4px 10px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-fg);cursor:pointer;font-size:12px}.commands-panel__btn:hover:not(:disabled){background:var(--color-row-hover)}.commands-panel__btn:disabled{cursor:not-allowed;opacity:.5}.chat-log{flex:1;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}.chat-log__empty{margin:auto;color:var(--color-muted);font-size:14px}.message{max-width:70%;min-width:0;padding:8px 12px;border-radius:8px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.message__body{white-space:pre-wrap;word-break:break-word}.message__body :first-child{margin-top:0}.message__body :last-child{margin-bottom:0}.message__body pre{white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-width:100%}.message--user{align-self:flex-end;background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-fg)}.message--assistant{align-self:flex-start;background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border)}.message--tool{align-self:flex-start;max-width:90%}.message--streaming{opacity:.85}.message--error{align-self:center;background:var(--color-error-bg);color:var(--color-error-fg);border:1px solid var(--color-error-border)}.composer{display:flex;align-items:center;gap:8px;padding:12px 24px;border-top:1px solid var(--color-border);background:var(--color-surface)}.composer__textarea{flex:1;resize:none;font-family:inherit;font-size:16px;padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;min-height:40px;max-height:200px;background:var(--color-bg);color:var(--color-fg)}.composer__textarea:focus{outline:none}.composer__send{flex-shrink:0;width:92px;padding:8px 0;border:1px solid transparent;border-radius:6px;background:var(--color-accent-bg);color:var(--color-accent-fg);cursor:pointer;font-size:13px}.composer__send:disabled{background:var(--color-muted);cursor:not-allowed}.composer__send--stop{background:var(--color-surface);color:var(--color-error-fg);border-color:var(--color-error-fg)}.composer__send--stop:hover{background:var(--color-error-bg)}.reasoning-block{margin-bottom:8px;font-size:12px;color:var(--color-muted);border:1px dashed var(--color-border);border-radius:6px;padding:4px 8px;background:var(--color-panel-bg)}.reasoning-block__summary{cursor:pointer;font-weight:600;text-transform:uppercase;font-size:10px;color:var(--color-muted)}.reasoning-block__body{white-space:pre-wrap;word-break:break-word;margin-top:6px}.tool-block{margin-bottom:8px;font-size:12px;color:var(--color-muted);border:1px dashed var(--color-border);border-radius:6px;padding:4px 8px;background:var(--color-panel-bg)}.tool-block__summary{cursor:pointer;font-weight:600;text-transform:uppercase;font-size:10px;color:var(--color-muted)}.tool-block__body{margin-top:6px;display:flex;flex-direction:column;gap:4px}.tool-status-line{font-size:12px;color:var(--color-muted)}.tool-block__item+.tool-block__item{margin-top:6px;padding-top:6px;border-top:1px dashed var(--color-border)}.tool-block__item-label{font-weight:600;font-size:11px}.tool-block__item-content{white-space:pre-wrap;word-break:break-word;margin-top:2px}.approval-panel{align-self:center;max-width:90%;border:1px solid var(--color-approval-border);background:var(--color-approval-bg);border-radius:8px;padding:12px 16px;font-size:13px;color:var(--color-fg)}.approval-panel__title{font-weight:600;margin-bottom:8px}.approval-panel__command{background:var(--color-approval-code-bg);color:var(--color-approval-code-fg);padding:8px 10px;border-radius:6px;font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0 0 10px}.approval-panel__actions{display:flex;gap:8px;flex-wrap:wrap}.approval-panel__btn{padding:6px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-fg);cursor:pointer;font-size:13px}.approval-panel__btn:hover{background:var(--color-row-hover)}.approval-panel__btn:disabled{cursor:not-allowed;opacity:.6}.approval-panel__btn--deny{border-color:var(--color-error-fg);color:var(--color-error-fg)}.login-screen{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;background:var(--color-bg)}.login-card{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;padding:32px 28px;margin:16px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.login-card__title{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-fg);text-align:center}.login-card__input{padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-fg);font-family:inherit;font-size:16px}.login-card__error{min-height:16px;font-size:12px;color:var(--color-error-fg)}.login-card__submit{padding:10px 16px;border:none;border-radius:6px;background:var(--color-accent-bg);color:var(--color-accent-fg);cursor:pointer;font-size:14px;font-weight:600}.login-card__submit:disabled{background:var(--color-muted);cursor:not-allowed}.error-banner{background:var(--color-error-bg);color:var(--color-error-fg);border:1px solid var(--color-error-border);padding:8px 12px;border-radius:4px;margin:12px;font-size:13px}#app,.chat-area{height:100dvh}.chat-header{padding-top:calc(8px + env(safe-area-inset-top));padding-left:calc(24px + env(safe-area-inset-left));padding-right:calc(24px + env(safe-area-inset-right))}.composer{padding-bottom:calc(12px + env(safe-area-inset-bottom));padding-left:calc(24px + env(safe-area-inset-left));padding-right:calc(24px + env(safe-area-inset-right))}.sidebar-overlay{display:none}@media (max-width: 700px){#app{position:relative;overflow:hidden}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:20;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 8px #00000026;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-overlay.overlay--visible{opacity:1;pointer-events:auto}.chat-header__burger{display:inline-flex;align-items:center;justify-content:center}.chat-header{gap:8px;padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right))}.chat-log{padding:12px calc(12px + env(safe-area-inset-right)) 12px calc(12px + env(safe-area-inset-left))}.commands-panel,.composer{padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right))}.message{max-width:88%}}