:root{--bg:#0f1115;--panel:#181b22;--border:#262a33;--text:#e6e8ee;--muted:#8a93a6;--user:#2b5cff;--assistant:#232732;--accent:#6ea8ff}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shell{height:100vh}.shell,.sidebar{display:flex;overflow:hidden}.sidebar{width:260px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);flex-direction:column}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.sidebar-head h2{font-size:14px;margin:0;font-weight:600;color:var(--muted)}.sidebar-new{background:var(--user);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}.sidebar-new:hover{filter:brightness(1.1)}.sidebar-new:disabled{opacity:.5;cursor:not-allowed}.sidebar-list{flex:1 1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.sidebar-empty{color:var(--muted);font-size:13px;padding:16px 12px;text-align:center}.sidebar-row{position:relative;padding:10px 12px;border-radius:6px;cursor:pointer;border-left:3px solid transparent}.sidebar-row:hover{background:hsla(0,0%,100%,.04)}.sidebar-row.active{background:var(--assistant);border-left-color:var(--accent)}.sidebar-row .row-title{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:18px}.sidebar-row .row-time{font-size:11px;color:var(--muted);margin-top:4px}.sidebar-row .row-del{position:absolute;right:8px;top:8px;background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:0 6px;display:none}.sidebar-row:hover .row-del{display:inline-block}.sidebar-row .row-del:hover{color:var(--text)}.chat-pane{flex:1 1;display:flex;flex-direction:column;min-width:0}header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel)}header h1{font-size:16px;margin:0;font-weight:600}header button{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}header button:hover{color:var(--text);border-color:var(--muted)}#log{flex:1 1;overflow-y:auto;padding:20px;flex-direction:column;gap:10px}#log,.row{display:flex}.row{width:100%}.row.user{justify-content:flex-end}.row.assistant{justify-content:flex-start}.bubble{max-width:75%;padding:10px 14px;border-radius:12px;white-space:pre-wrap;word-wrap:break-word}.row.user .bubble{background:var(--user);color:#fff;border-bottom-right-radius:4px}.row.assistant .bubble{background:var(--assistant);border-bottom-left-radius:4px}.bubble .meta{font-size:11px;color:var(--muted);margin-top:4px}.row.user .bubble .meta{color:hsla(0,0%,100%,.7)}.typing{display:inline-block;color:var(--muted);font-style:italic}.typing:after{content:"...";animation:dots 1.2s steps(3) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}form{display:flex;gap:8px;padding:12px 20px;border-top:1px solid var(--border);background:var(--panel)}textarea{flex:1 1;resize:none;background:#11141a;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font:inherit;max-height:160px;min-height:40px}textarea:focus{outline:none;border-color:var(--accent)}textarea:disabled{opacity:.6}button.send{background:var(--user);color:#fff;border:none;border-radius:8px;padding:0 18px;font:inherit;font-weight:600;cursor:pointer}button.send:disabled{opacity:.5;cursor:not-allowed}.empty{color:var(--muted);text-align:center;margin:auto}