:root{--bg: #1e1e1e;--bg-1: #232323;--bg-2: #2a2a2a;--bg-3: #333333;--fg: #e6e6e6;--fg-dim: #a5a5a5;--fg-faint: #7a7a7a;--border: #3a3a3a;--border-soft: #2f2f2f;--accent: #d97757;--accent-dim: #a85a40;--green: #4ec9a0;--teal: #2ec4b6;--purple: #a985e8;--blue: #5aa7f0;--red: #e06c60;--amber: #e0a355;--diff-add-bg: #16321f;--diff-add-fg: #9ae6a5;--diff-del-bg: #3a1c1c;--diff-del-fg: #f0a3a3;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, "Cascadia Mono", monospace;--sans: system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", "Helvetica Neue", sans-serif;--radius: 10px;--radius-sm: 7px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--topbar-h: 48px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overscroll-behavior-y:none}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}#root{height:var(--app-h, 100dvh);display:flex;flex-direction:column}button{font-family:inherit;font-size:15px;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea,select{font-family:inherit;font-size:16px;color:var(--fg);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 10px}input:focus,textarea:focus,select:focus{outline:1px solid var(--accent-dim);outline-offset:-1px}a{color:var(--blue)}pre,code{font-family:var(--mono)}.login{height:var(--app-h, 100dvh);display:flex;align-items:center;justify-content:center;padding:24px calc(24px + var(--safe-l)) 24px calc(24px + var(--safe-r))}.login-box{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.login-title{font-size:20px;font-weight:600;letter-spacing:.02em;margin:0 0 4px}.login-sub{color:var(--fg-dim);font-size:13px;margin:0 0 8px}.login form{display:flex;flex-direction:column;gap:10px}.btn-primary{background:var(--accent);color:#1a1a1a;font-weight:600;border-radius:var(--radius-sm);padding:11px 14px;min-height:44px}.btn-primary:disabled{opacity:.55;cursor:default}.err{color:var(--red);font-size:13px;min-height:18px}.app{display:flex;height:var(--app-h, 100dvh);overflow:hidden}.pane-side{display:none;width:300px;flex:0 0 300px;border-right:1px solid var(--border-soft);background:var(--bg-1);overflow:hidden}.pane-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;height:var(--app-h, 100dvh)}@media(min-width:900px){.pane-side{display:block}.btn-hamburger{display:none!important}}.drawer-backdrop{position:fixed;inset:0;background:#0000008c;z-index:40}.drawer{position:fixed;top:0;bottom:0;left:0;width:min(86vw,340px);background:var(--bg-1);border-right:1px solid var(--border);z-index:41;box-shadow:0 0 40px #00000080}.topbar{flex:0 0 auto;display:flex;align-items:center;gap:8px;height:calc(var(--topbar-h) + var(--safe-t));padding:var(--safe-t) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));border-bottom:1px solid var(--border-soft);background:var(--bg-1)}.btn-hamburger{font-size:19px;padding:6px 8px;color:var(--fg-dim);min-width:36px;min-height:36px}.topbar-mid{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:left;padding:2px 0}.topbar-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-cwd{font-family:var(--mono);font-size:11px;color:var(--fg-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:7px;flex:0 0 auto}.chip{font-size:11px;color:var(--fg-dim);background:var(--bg-3);border:1px solid var(--border);border-radius:999px;padding:2px 9px;white-space:nowrap}.chip-warn{color:var(--amber);border-color:#6b5327;background:#33291480}.chip-tap{min-height:44px;display:inline-flex;align-items:center}.conn-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--fg-faint)}.conn-dot.open{background:var(--green)}.conn-dot.connecting{background:var(--amber)}.conn-dot.closed{background:var(--red)}.mode-pill{font-size:11.5px;border-radius:999px;padding:3px 10px;border:1px solid var(--border);background:var(--bg-3);color:var(--fg-dim);white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;user-select:none}.mode-pill.m-acceptEdits{color:var(--teal);border-color:#245c55;background:#14332f}.mode-pill.m-plan{color:var(--purple);border-color:#4b3a6b;background:#251f36}.mode-pill.m-auto{color:var(--blue);border-color:#2f4d70;background:#182634}.mode-pill.m-bypassPermissions{color:#ffd9d3;border-color:var(--red);background:#4a1f1a;font-weight:600}.mode-pill.m-dontAsk{color:var(--amber);border-color:#6b5327;background:#33291480}.mode-menu{position:absolute;z-index:60;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:4px;min-width:210px;box-shadow:0 8px 28px #0000008c;display:flex;flex-direction:column}.mode-menu button{text-align:left;padding:9px 10px;border-radius:var(--radius-sm);font-size:14px}.mode-menu button:hover{background:var(--bg-3)}.sessions{height:100%;display:flex;flex-direction:column;padding-top:var(--safe-t)}.sessions-head{flex:0 0 auto;padding:10px 12px 8px;border-bottom:1px solid var(--border-soft);display:flex;flex-direction:column;gap:8px}.acct-tabs{display:flex;gap:6px}.acct-tab{flex:1 1 0;font-size:12px;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--fg-dim);background:var(--bg-2);min-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-tab.active{color:var(--fg);border-color:var(--accent-dim);background:#3a2620}.btn-new{border:1px dashed var(--accent-dim);color:var(--accent);border-radius:var(--radius-sm);padding:9px;font-size:13.5px;min-height:40px}.sessions-foot{border-top:1px solid var(--border-soft);padding:8px calc(8px + var(--safe-l)) calc(10px + var(--safe-b));display:flex}.sessions-foot .btn-ghost{flex:1 1 auto;min-height:44px}.sessions-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 8px calc(16px + var(--safe-b))}.cwd-group{margin:8px 0 2px;font-family:var(--mono);font-size:11px;color:var(--fg-faint);padding:0 6px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sess-row{width:100%;display:flex;align-items:center;gap:8px;padding:9px 8px;border-radius:var(--radius-sm);text-align:left;min-height:44px}.sess-row:hover{background:var(--bg-2)}.sess-row.active{background:var(--bg-3)}.sess-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--fg-faint)}.sess-dot.live{background:var(--green)}.sess-dot.waiting{background:var(--accent)}.sess-dot.running{background:var(--blue)}.sess-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.sess-title{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sess-meta{display:block;font-size:11px;color:var(--fg-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-sub{font-size:12px;color:var(--fg-faint);margin-bottom:10px}.q-recap ul{margin:4px 0 8px;padding-left:20px}.empty{color:var(--fg-faint);font-size:13px;padding:18px 10px;text-align:center}.sheet-backdrop{position:fixed;inset:0;background:#0009;z-index:70;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:520px;background:var(--bg-1);border:1px solid var(--border);border-radius:16px 16px 0 0;padding:14px 16px calc(18px + var(--safe-b));max-height:84dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(min-width:700px){.sheet-backdrop{align-items:center}.sheet{border-radius:16px}}.sheet h3{margin:2px 0 12px;font-size:16px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field label{font-size:12px;color:var(--fg-dim)}.sheet-actions{display:flex;gap:8px;margin-top:6px}.btn-ghost{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--fg-dim);min-height:44px}.model-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 10px;border-radius:var(--radius-sm);text-align:left;min-height:44px}.model-row:hover{background:var(--bg-2)}.model-row .check{color:var(--accent)}.messages{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px calc(12px + var(--safe-r)) 8px calc(12px + var(--safe-l));display:flex;flex-direction:column;gap:10px}.msg-user{align-self:flex-end;max-width:min(86%,620px);border:1px solid var(--border);background:var(--bg-2);border-radius:12px;padding:8px 11px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px}.msg-assistant{align-self:stretch;max-width:100%;overflow-wrap:anywhere}.msg-imgnote{font-size:11px;color:var(--fg-faint);margin-top:4px}.thinking{border-left:2px solid var(--border);padding-left:10px}.thinking>summary{font-size:12px;color:var(--fg-faint);cursor:pointer;list-style:none;min-height:24px}.thinking>summary::-webkit-details-marker{display:none}.thinking-body{font-size:13px;color:var(--fg-dim);white-space:pre-wrap;margin-top:4px}.result-line{font-size:11.5px;color:var(--fg-faint);font-family:var(--mono)}.result-line.err{color:var(--red)}.notice-line{font-size:12px;color:var(--fg-dim);background:var(--bg-2);border-radius:var(--radius-sm);padding:5px 9px;align-self:flex-start}.error-line{font-size:13px;color:#ffd6d1;background:#3a1c18;border:1px solid #6d3229;border-radius:var(--radius-sm);padding:7px 10px;white-space:pre-wrap}.resolved-line{font-size:12px;color:var(--fg-dim);font-family:var(--mono)}.resolved-line .ok{color:var(--green)}.resolved-line .ng{color:var(--red)}.spinner-line{display:flex;align-items:center;gap:8px;color:var(--fg-dim);font-size:13px}.spinner{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.jump-new{position:absolute;left:50%;transform:translate(-50%);bottom:8px;z-index:20;background:var(--bg-3);border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:12.5px;color:var(--fg);box-shadow:0 4px 16px #00000080;min-height:34px}.messages-wrap{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:.5em 0}.md h1,.md h2,.md h3,.md h4{margin:.9em 0 .4em;line-height:1.3}.md h1{font-size:19px}.md h2{font-size:17px}.md h3{font-size:15.5px}.md ul,.md ol{margin:.4em 0;padding-left:1.35em}.md li{margin:.15em 0}.md blockquote{margin:.5em 0;padding-left:10px;border-left:2px solid var(--border);color:var(--fg-dim)}.md hr{border:none;border-top:1px solid var(--border-soft);margin:.9em 0}.md :not(pre)>code{background:var(--bg-2);border:1px solid var(--border-soft);border-radius:4px;padding:.1em .35em;font-size:.88em;overflow-wrap:anywhere}.md table{border-collapse:collapse;font-size:13px;margin:.5em 0}.md th,.md td{border:1px solid var(--border);padding:4px 8px;text-align:left}.md th{background:var(--bg-2)}.md-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.code-block{position:relative;margin:.6em 0;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#171717}.code-block pre{margin:0;padding:10px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:12.5px;line-height:1.5}.code-copy{position:absolute;top:5px;right:5px;font-size:11px;color:var(--fg-faint);background:var(--bg-3);border:1px solid var(--border);border-radius:5px;padding:3px 7px;opacity:.85}.code-copy:hover{color:var(--fg)}.tool-card{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-1);overflow:hidden}.tool-head{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;text-align:left;min-height:38px}.tool-name{font-size:12.5px;font-weight:600;color:var(--accent);flex:0 0 auto}.tool-summary{flex:1 1 auto;min-width:0;font-family:var(--mono);font-size:12px;color:var(--fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-status{flex:0 0 auto;font-size:12px}.tool-status.ok{color:var(--green)}.tool-status.err{color:var(--red)}.tool-status.run{color:var(--amber)}.tool-body{border-top:1px solid var(--border-soft);padding:8px 10px;display:flex;flex-direction:column;gap:8px}.tool-label{font-size:11px;color:var(--fg-faint)}.pre-box{margin:0;padding:8px 10px;background:#171717;border:1px solid var(--border-soft);border-radius:6px;font-size:12px;line-height:1.45;max-height:40vh;overflow:auto;-webkit-overflow-scrolling:touch;white-space:pre}.pre-box.wrap{white-space:pre-wrap;overflow-wrap:anywhere}.children-wrap{border-top:1px dashed var(--border);padding:6px 0 0 10px;display:flex;flex-direction:column;gap:8px}.children-toggle{font-size:11.5px;color:var(--fg-faint);padding:4px 10px 6px}.diff{border:1px solid var(--border-soft);border-radius:6px;overflow:auto;-webkit-overflow-scrolling:touch;max-height:40vh;background:#171717;font-family:var(--mono);font-size:12px;line-height:1.45}.diff-line{display:flex;gap:6px;padding:0 8px;white-space:pre}.diff-line .sign{flex:0 0 auto;color:var(--fg-faint);user-select:none}.diff-line.add{background:var(--diff-add-bg);color:var(--diff-add-fg)}.diff-line.del{background:var(--diff-del-bg);color:var(--diff-del-fg)}.diff-line.ctx{color:var(--fg-dim)}.diff-skip{padding:2px 8px;color:var(--fg-faint);background:var(--bg-2)}.prompt-card{border:1px solid var(--accent-dim);border-radius:var(--radius);background:#262020;padding:11px 12px;display:flex;flex-direction:column;gap:9px}.prompt-tool{font-size:12.5px;font-weight:700;color:var(--accent);font-family:var(--mono)}.prompt-q{font-size:14px}.prompt-q .ja{color:var(--fg-dim);font-size:12.5px;display:block}.prompt-btns{display:flex;flex-direction:column;gap:7px}.prompt-btn{border:1px solid var(--border);background:var(--bg-2);border-radius:var(--radius-sm);padding:10px 12px;text-align:left;font-size:14px;min-height:44px;overflow-wrap:anywhere}.prompt-btn.is-open{border-color:var(--accent-dim);background:#3a2620;cursor:default}.prompt-btn:hover{border-color:var(--accent-dim)}.prompt-btn.primary{border-color:var(--accent-dim);background:#3a2620}.prompt-btn.selected{border-color:var(--accent);background:#3a2620}.prompt-note{font-size:11.5px;color:var(--fg-faint);font-family:var(--mono);overflow-wrap:anywhere}.prompt-deny{display:flex;flex-direction:column;gap:7px}.q-block{display:flex;flex-direction:column;gap:7px;padding-bottom:6px;border-bottom:1px solid var(--border-soft)}.q-header{align-self:flex-start;font-size:11px;color:var(--accent);border:1px solid var(--accent-dim);border-radius:999px;padding:1px 9px}.q-opt-desc{display:block;font-size:11.5px;color:var(--fg-faint);margin-top:2px}.composer{flex:0 0 auto;border-top:1px solid var(--border-soft);background:var(--bg-1);padding:8px calc(10px + var(--safe-r)) calc(8px + var(--safe-b)) calc(10px + var(--safe-l));display:flex;flex-direction:column;gap:7px;position:relative}.composer textarea{width:100%;resize:none;min-height:42px;max-height:40dvh;overflow-y:auto;line-height:1.45;background:var(--bg-2)}.composer-row{display:flex;align-items:center;gap:7px}.composer-spacer{flex:1 1 auto}.btn-icon{border:1px solid var(--border);background:var(--bg-2);border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--fg-dim);font-size:16px;display:inline-flex;align-items:center;justify-content:center}.btn-send{background:var(--accent);color:#1a1a1a;border:none;border-radius:var(--radius-sm);min-width:56px;min-height:44px;font-size:16px;font-weight:700}.btn-send:disabled{opacity:.45}.btn-stop{background:var(--red);color:#1a1a1a;border:none;border-radius:var(--radius-sm);min-width:56px;min-height:44px;font-size:15px;font-weight:700}.thumbs{display:flex;gap:6px;flex-wrap:wrap}.thumb{position:relative;width:54px;height:54px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb button{position:absolute;top:0;right:0;background:#000000a6;color:#fff;font-size:11px;line-height:1;padding:3px 5px;border-bottom-left-radius:6px}.slash-pop{position:absolute;left:10px;right:10px;bottom:calc(100% + 4px);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);max-height:40dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:30;box-shadow:0 -6px 24px #00000080}.slash-item{display:block;width:100%;text-align:left;padding:9px 12px;font-family:var(--mono);font-size:13px;min-height:40px}.slash-item.active,.slash-item:hover{background:var(--bg-3)}.composer-note{font-size:11px;color:var(--fg-faint)}.composer-note.warn{color:var(--amber)}.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}