:root{--red:#c8102e;--red-deep:#a30d25;--ink:#1a1a1a;--bg:#f7f5f2;--surface:#fff;--border:#e8e4e0;--muted:#6b7280;--faint:#9ca3af;--ai:#f1efec;--agent:#fbeaec;--visitor:#1a1a1a;--success:#22c55e;--amber:#d97706}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.zc-login,body{background:var(--bg)}.zc-login{min-height:100vh;display:flex;align-items:center;justify-content:center}.zc-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:34px 30px;width:340px;box-shadow:0 12px 40px rgba(26,26,26,.06)}.zc-brand{letter-spacing:.28em;font-weight:600;font-size:15px;text-align:center;margin:0 0 4px}.zc-brand small{letter-spacing:.16em;font-size:10px;margin-top:6px;font-weight:500}.zc-brand small,.zc-card label{display:block;color:var(--muted)}.zc-card label{font-size:12px;margin:16px 0 5px}.zc-card input{width:100%;border:1px solid var(--border);border-radius:9px;padding:10px 12px;font-size:14px;outline:none}.zc-card input:focus{border-color:var(--ink)}.zc-card button{width:100%;margin-top:22px;background:var(--red);color:#fff;border:none;border-radius:9px;padding:11px;font-size:14px;font-weight:600;cursor:pointer}.zc-card button:disabled{background:var(--faint);cursor:not-allowed}.zc-err{color:var(--red);font-size:12.5px;margin-top:14px;text-align:center}.zc-shell{display:grid;grid-template-columns:340px 1fr;height:100vh;height:100dvh}.zc-list{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.zc-top{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.zc-top b{letter-spacing:.2em;font-size:12.5px;font-weight:600}.zc-brandrow{display:flex;align-items:center;gap:8px;min-width:0}.zc-mark{height:15px;flex:0 0 auto}.zc-login-mark,.zc-mark{width:auto;display:block}.zc-login-mark{height:26px;margin:0 auto 12px}.zc-me{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.zc-me a{color:var(--red);text-decoration:none}.zc-filters{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border)}.zc-filters button{flex:1 1;border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:5px;font-size:11.5px;color:var(--muted);cursor:pointer}.zc-filters button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.zc-convos{flex:1 1;overflow-y:auto;min-height:0}.zc-row{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;gap:3px}.zc-row.sel,.zc-row:hover{background:var(--bg)}.zc-row.sel{box-shadow:inset 3px 0 0 var(--red)}.zc-row-h{display:flex;align-items:center;justify-content:space-between;gap:8px}.zc-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zc-time{font-size:10.5px;color:var(--faint);flex:0 0 auto}.zc-prev{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zc-tags{display:flex;gap:6px;align-items:center;margin-top:2px}.zc-pill{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:20px;font-weight:600}.zc-pill.ai{background:var(--ai);color:var(--muted)}.zc-pill.wait{background:#fef3c7;color:var(--amber)}.zc-pill.human{background:var(--agent);color:var(--red-deep)}.zc-unread{margin-left:auto;background:var(--red);color:#fff;font-size:10px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;font-weight:600}.zc-empty{padding:40px 20px;text-align:center;color:var(--faint);font-size:13px}.zc-thread{display:flex;flex-direction:column;min-width:0;min-height:0}.zc-th-top{background:var(--surface);border-bottom:1px solid var(--border);padding:13px 20px;justify-content:space-between;gap:12px}.zc-th-left,.zc-th-top{display:flex;align-items:center}.zc-th-left{gap:8px;min-width:0}.zc-th-who{min-width:0}.zc-th-who b{font-size:14px;display:block;max-width:100%}.zc-th-who b,.zc-th-who div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zc-th-who div{font-size:11.5px;color:var(--muted);margin-top:2px}.zc-back{display:none}.zc-th-actions{display:flex;gap:8px;flex:0 0 auto}.zc-btn{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:7px 12px;font-size:12px;cursor:pointer;color:var(--ink);white-space:nowrap}.zc-btn:hover{background:var(--bg)}.zc-btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.zc-btn.ghost{color:var(--muted)}.zc-stream{flex:1 1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px;min-height:0}.zc-msg{max-width:70%;padding:9px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.zc-visitor{align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:5px}.zc-ai{background:var(--ai);color:var(--ink)}.zc-agent-msg,.zc-ai{align-self:flex-end;border-bottom-right-radius:5px}.zc-agent-msg{background:var(--ink);color:#fff}.zc-system{align-self:center;font-size:11.5px;color:var(--faint);text-align:center}.zc-meta{font-size:10px;color:var(--faint);margin-top:3px}.zc-agent-msg .zc-meta,.zc-ai .zc-meta{text-align:right}.zc-compose{border-top:1px solid var(--border);background:var(--surface);padding:12px 16px}.zc-canned{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}.zc-canned button{border:1px solid var(--border);background:var(--bg);border-radius:20px;padding:4px 11px;font-size:11.5px;color:var(--muted);cursor:pointer}.zc-canned button:hover{border-color:var(--ink);color:var(--ink)}.zc-inp{display:flex;gap:10px;align-items:flex-end}.zc-inp textarea{flex:1 1;border:1px solid var(--border);border-radius:12px;padding:10px 14px;font-size:13.5px;font-family:inherit;resize:none;max-height:140px;outline:none;line-height:1.4}.zc-inp textarea:focus{border-color:var(--ink)}.zc-send{background:var(--red);color:#fff;border:none;border-radius:12px;padding:0 20px;height:42px;font-size:13.5px;font-weight:600;cursor:pointer}.zc-send:disabled{background:var(--faint);cursor:not-allowed}.zc-none{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:14px}.zc-ai-note{font-size:11.5px;color:var(--amber);background:#fef3c7;padding:7px 12px;border-radius:8px;margin-bottom:9px}@media (max-width:760px){.zc-shell{grid-template-columns:1fr}.zc-list{display:flex}.zc-shell.has-sel .zc-list,.zc-thread{display:none}.zc-shell.has-sel .zc-thread{display:flex}.zc-back{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--red);font-size:24px;line-height:1;cursor:pointer;padding:0 4px 0 0;flex:0 0 auto;margin:-2px 0}.zc-msg{max-width:88%}.zc-th-top{padding:12px 14px}.zc-stream{padding:14px}.zc-compose{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.zc-top{padding:14px 16px calc(14px);position:-webkit-sticky;position:sticky;top:0;z-index:2}.zc-convos{-webkit-overflow-scrolling:touch}.zc-row{padding:14px 16px}}.zc-att{display:block;max-width:220px;margin-top:8px}.zc-att img{display:block;width:100%;height:auto;border:1px solid #e8e4e0;border-radius:8px}.zc-att-file{display:inline-block;margin-top:8px;text-decoration:underline;font-size:13px}