: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-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.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}.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;gap:8px;align-items:flex-end;padding:12px 16px 16px;border-top:1px solid var(--line);background:var(--bg-2)}.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))}}