:root{--bg: #0d0f12;--surface: #161a20;--surface2: #1e242c;--text: #e8eaed;--muted: #8b93a1;--accent: #5b8cff;--border: #262d36}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.6 -apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font:inherit;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:12px;width:100%;outline:none}input:focus,textarea:focus{border-color:var(--accent)}.splash{height:100%;display:grid;place-items:center;letter-spacing:.3em;color:var(--muted)}.muted{color:var(--muted)}.pad{padding:14px 16px}.auth{height:100%;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px 24px}.auth-card h1{margin:0;font-size:26px;letter-spacing:.12em}.auth-card form{display:grid;gap:12px;margin:22px 0 14px}.auth-card button[type=submit]{background:var(--accent);color:#fff;border-radius:12px;padding:13px;font-weight:600}.auth-card button[type=submit]:disabled{opacity:.5}.link{color:var(--muted);font-size:13px;padding:6px 0}.error{color:#ff7a7a;font-size:13px}.app{height:100%;display:flex;flex-direction:column;max-width:760px;margin:0 auto}.bar{display:flex;align-items:center;gap:8px;padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:5}.bar .title{flex:1;text-align:center;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-actions{display:flex;gap:4px}.icon{width:40px;height:40px;border-radius:12px;color:var(--muted);font-size:18px}.icon:active{background:var(--surface2)}.panel{border-bottom:1px solid var(--border);background:var(--surface);max-height:45vh;overflow:auto}.row{display:flex;align-items:center;border-bottom:1px solid var(--border)}.row.on{background:var(--surface2)}.row-main{flex:1;text-align:left;padding:13px 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-del{padding:13px 16px;color:var(--muted)}.row.quiet{width:100%;justify-content:flex-start;color:var(--muted);font-size:13px}.thread{flex:1;overflow-y:auto;padding:16px 12px 8px;display:flex;flex-direction:column;gap:10px}.empty{margin:auto;text-align:center;padding:40px 20px}.empty h2{letter-spacing:.18em;color:var(--muted);font-weight:500}.bubble{max-width:86%;padding:10px 14px;border-radius:16px;white-space:pre-wrap;word-break:break-word}.bubble.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:6px}.bubble.assistant{align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:6px}.composer{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg)}.composer textarea{resize:none;max-height:140px;border-radius:18px}.composer button{background:var(--accent);color:#fff;border-radius:18px;padding:12px 16px;font-weight:600;flex-shrink:0}.composer button:disabled{opacity:.4}
