:root{--bg: #14161a;--bg-2: #1b1f25;--bg-3: #232830;--line: #2e3540;--fg: #e6e9ee;--fg-dim: #9aa4b2;--accent: #4c8dff;--danger: #ff6b6b;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;font-size:15px;line-height:1.7}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--line);background:var(--bg-3);color:var(--fg);padding:6px 12px}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:transparent}button.ghost:hover{background:var(--bg-3)}.boot{display:grid;place-items:center;height:100%;color:var(--fg-dim)}.login{display:grid;place-items:center;height:100%;padding:16px}.login-card{width:min(360px,100%);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0;font-size:20px}.login-note{margin:0;color:var(--fg-dim);font-size:13px}.login-card input{font:inherit;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--fg)}.login-card button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff;padding:10px;font-weight:600}.login-error{margin:0;color:var(--danger);font-size:13px}.app{display:flex;height:100%;overflow:hidden}.sidebar{width:260px;flex:0 0 260px;background:var(--bg-2);border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.brand{font-weight:700}.thread-list{flex:1;overflow-y:auto;padding:8px}.thread{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--fg-dim)}.thread:hover{background:var(--bg-3)}.thread.active{background:var(--bg-3);color:var(--fg)}.thread-main{flex:1;min-width:0;display:flex;flex-direction:column}.thread-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.thread-model{font-size:11px;line-height:1.4;color:var(--fg-dim);opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-del{border:none;background:transparent;color:var(--fg-dim);padding:0 4px;line-height:1}.thread-del:hover{color:var(--danger)}.sidebar-foot{padding:12px;border-top:1px solid var(--line)}.empty{color:var(--fg-dim);font-size:13px;padding:8px 10px}.empty.center{text-align:center;padding:48px 16px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--bg-2)}.topbar-title{margin:0;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages{flex:1;overflow-y:auto;padding:20px 16px 8px;display:flex;flex-direction:column;gap:18px}.msg{max-width:780px;width:100%;margin:0 auto}.role{font-size:12px;color:var(--fg-dim);margin-bottom:4px;display:flex;align-items:center;gap:6px;min-width:0}.model-badge{font-size:11px;line-height:1.5;padding:0 6px;border:1px solid var(--line);border-radius:999px;background:var(--bg-3);color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.model-badge.unknown{opacity:.5;font-style:italic}.body{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;overflow-wrap:anywhere}.msg.user .body{background:#1d2a3d;border-color:#2b3d57}.body.plain{white-space:pre-wrap}.body>*:first-child{margin-top:0}.body>*:last-child{margin-bottom:0}.body pre{background:#0f1216;border:1px solid var(--line);border-radius:8px;padding:12px;overflow-x:auto}.body code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px}.body :not(pre)>code{background:var(--bg-3);padding:1px 5px;border-radius:4px}.body table{border-collapse:collapse;display:block;overflow-x:auto}.body th,.body td{border:1px solid var(--line);padding:4px 8px}.body blockquote{margin:8px 0;padding-left:12px;border-left:3px solid var(--line);color:var(--fg-dim)}.typing{color:var(--fg-dim);font-size:13px;padding:10px 14px}.partial-tag{font-size:12px;color:var(--danger);margin-top:4px}.error-box{max-width:780px;width:100%;margin:0 auto;border:1px solid #6b2b2b;background:#2a1a1a;color:#ffb4b4;border-radius:var(--radius);padding:10px 14px;font-size:14px}.composer{display:flex;flex-direction:column;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--line);background:var(--bg-2)}.composer-row{display:flex;gap:8px;align-items:flex-end}.composer-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0}.model-picker{display:flex;align-items:center;gap:6px;min-width:0}.model-picker-label{font-size:12px;color:var(--fg-dim);flex:0 0 auto}.model-picker select{font:inherit;font-size:13px;max-width:min(260px,60vw);padding:4px 8px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--fg)}.model-picker select:disabled{opacity:.45;cursor:not-allowed}.model-note{font-size:12px;color:var(--danger)}.model-retry{font-size:12px;padding:2px 8px;flex:0 0 auto}.model-hint{font-size:11px;color:var(--fg-dim);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-toggle{font-size:12px;padding:3px 10px;flex:0 0 auto;display:inline-flex;align-items:center;gap:5px}.settings-toggle.open{background:var(--bg-3)}.settings-count{font-size:11px;line-height:1.4;min-width:17px;text-align:center;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff}.settings-search-on{font-size:11px}.settings{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);padding:10px 12px;max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.settings-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.preset-box{display:flex;gap:6px;min-width:0}.preset-name{font:inherit;font-size:13px;width:min(180px,45vw);padding:4px 8px;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);color:var(--fg)}.preset-list{display:flex;flex-wrap:wrap;gap:6px}.preset-chip{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--bg-3)}.preset-chip button{border:none;border-radius:0;background:transparent;font-size:12px;padding:2px 10px}.preset-chip .preset-del{padding:2px 8px;color:var(--fg-dim);border-left:1px solid var(--line)}.preset-chip .preset-del:hover:not(:disabled){color:var(--danger)}.settings-status{position:sticky;top:-10px;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-10px -12px 0;padding:6px 12px;background:var(--bg)}.settings-status:empty{display:none}.settings-save{font-size:12px;color:var(--fg-dim)}.settings-save.pending{color:var(--fg)}.settings-save.saved{color:var(--ok, #7ddba0)}.settings-save.error{color:var(--danger)}.settings-error{border:1px solid #6b2b2b;background:#2a1a1a;color:#ffb4b4;border-radius:8px;padding:6px 10px;font-size:12px}.settings-notes{margin:0;padding-left:18px;font-size:11px;color:var(--fg-dim)}.settings-disabled-note{margin:4px 0;font-size:12px;color:var(--danger)}.param-group{border-top:1px solid var(--line);padding-top:6px}.param-group>summary{cursor:pointer;font-size:13px;font-weight:600;padding:2px 0}.param-group-count{font-weight:400;font-size:11px;color:var(--accent)}.param-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 14px;padding:8px 0 4px}.param-grid:has(.param-text){grid-template-columns:1fr}.param-row{display:flex;flex-direction:column;gap:3px;min-width:0}.param-head{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:var(--fg-dim);cursor:help}.param-row.changed .param-head{color:var(--fg)}.param-label{display:inline-flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.param-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto}.param-reset{border:none;background:transparent;color:var(--fg-dim);font-size:11px;padding:0 4px;flex:0 0 auto}.param-reset:hover:not(:disabled){color:var(--accent)}.param-number{display:flex;align-items:center;gap:8px}.param-number input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.param-num-box{font:inherit;font-size:12px;width:84px;flex:0 0 auto;padding:3px 6px;border-radius:6px;border:1px solid var(--line);background:var(--bg-2);color:var(--fg)}.param-num-box.changed{border-color:var(--accent)}.param-check{display:flex;align-items:center;gap:6px;font-size:13px}.param-check input{accent-color:var(--accent)}.param-select{font:inherit;font-size:13px;padding:4px 8px;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);color:var(--fg)}.param-text{font:inherit;font-size:13px;resize:vertical;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);color:var(--fg)}.param-row.changed .param-select,.param-row.changed .param-text{border-color:var(--accent)}.tool-trace{border:1px solid var(--line);border-radius:8px;background:var(--bg-2);padding:6px 10px;margin-bottom:6px;font-size:12px}.tool-trace>summary{cursor:pointer;color:var(--fg-dim)}.tool-trace.live{border-style:dashed}.tool-line{display:flex;align-items:baseline;gap:6px;padding:2px 0;min-width:0}.tool-line.error .tool-text{color:var(--danger)}.tool-icon{flex:0 0 auto}.tool-text{color:var(--fg-dim);overflow-wrap:anywhere}.tool-line.done .tool-text{color:var(--fg)}.tool-detail{color:var(--fg-dim)}.tool-line.start .tool-text:after{content:" …";color:var(--accent)}.param-badge{font-size:11px;line-height:1.5;padding:0 6px;border:1px solid var(--line);border-radius:999px;color:var(--fg-dim);white-space:nowrap;cursor:help}.param-badge.changed{border-color:var(--accent);color:var(--accent)}.sources{margin-top:6px;font-size:12px;border-left:3px solid var(--line);padding-left:10px}.sources-label{color:var(--fg-dim)}.sources ol{margin:2px 0 0;padding-left:20px}.sources li{overflow-wrap:anywhere}.sources a{color:var(--accent)}.composer textarea{flex:1;font:inherit;resize:vertical;min-height:48px;max-height:40vh;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--fg)}.composer .send{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;padding:12px 18px}.composer .stop{background:var(--bg-3);padding:12px 18px}.backdrop,.only-mobile{display:none}@media(max-width:720px){.sidebar{position:fixed;z-index:20;top:0;bottom:0;left:0;transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.backdrop{display:block;position:fixed;inset:0;background:#00000080;z-index:10}.only-mobile{display:inline-block}.messages{padding:12px 10px 4px}.composer{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}}