html,body,#root{margin:0;min-height:100%;background:#0e0f13}.cc{--bg:#0e0f13;--panel:#16181f;--panel2:#1d2029;--line:#262a35;--tx:#f2f3f7;--mut:#8b90a0;--acc:#8b5cf6;--me:#4f46e5;--bub:#1d2029;color:var(--tx);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;height:calc(100dvh - var(--cc-off,0px));min-height:480px;position:relative;overflow:hidden;padding-top:env(safe-area-inset-top)}.cc[data-theme=light]{--bg:#f5f5f8;--panel:#fff;--panel2:#ececf2;--line:#dcdde6;--tx:#14151a;--mut:#5d6274;--acc:#6d3fe0;--me:#4338ca;--bub:#ececf2}.cc[data-theme=light] .tag.t-live{background:#dcfce7;color:#166534}.cc[data-theme=light] .tag.t-personal{background:#fef3c7;color:#92400e}.cc[data-theme=light] .tag.t-planned{background:#e0e7ff;color:#3730a3}.cc[data-theme=light] .login{background:radial-gradient(600px 400px at 50% 0,#d9ccff,transparent),var(--bg)}.cc[data-theme=light] .banner.demo{background:#ede9fe;color:#5b21b6}.cc[data-theme=light] .banner.offline{background:#fef3c7;color:#92400e}@media (prefers-color-scheme:light){.cc[data-theme=auto]{--bg:#f5f5f8;--panel:#fff;--panel2:#ececf2;--line:#dcdde6;--tx:#14151a;--mut:#5d6274;--acc:#6d3fe0;--me:#4338ca;--bub:#ececf2}.cc[data-theme=auto] .tag.t-live{background:#dcfce7;color:#166534}.cc[data-theme=auto] .tag.t-personal{background:#fef3c7;color:#92400e}.cc[data-theme=auto] .tag.t-planned{background:#e0e7ff;color:#3730a3}.cc[data-theme=auto] .login{background:radial-gradient(600px 400px at 50% 0,#d9ccff,transparent),var(--bg)}}.cc *{box-sizing:border-box;margin:0}.cc button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.cc button:focus-visible,.cc input:focus-visible,.cc textarea:focus-visible,.cc a:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.blob{display:grid;place-items:center;flex:none;position:relative}.blob svg{position:absolute;inset:0;width:100%;height:100%}.blob .eyes{position:relative;display:flex;gap:18%;transform:rotate(-8deg)}.blob .eyes i{display:block;width:.17em;height:.36em;background:#fff;border-radius:99px;transform:rotate(-12deg)}.login{position:absolute;inset:0;background:radial-gradient(600px 400px at 50% 0,#2a1f55,transparent),var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;gap:14px;text-align:center;overflow:auto}.login .hero{display:flex;margin-bottom:6px}.login .hero .blob{margin:0 -8px}.login h1{font-size:28px;letter-spacing:-.5px;font-weight:700}.login p{color:var(--mut);font-size:14px;max-width:300px}.login p.warn{color:#fcd34d}.login .form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px;margin-top:8px}.login input{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--tx);font:inherit;font-size:16px;outline:0;min-height:48px}.login input:focus{border-color:var(--acc)}.btn{background:linear-gradient(135deg,#8b5cf6,#4f46e5)!important;border-radius:14px!important;padding:14px!important;font-weight:600;color:#fff!important;min-height:48px}.btn:disabled{opacity:.6}.btn2{border:1px solid var(--line)!important;background:var(--panel)!important;border-radius:14px;padding:12px 14px;min-height:46px;font-weight:600}.link{color:var(--mut)!important;text-decoration:underline;min-height:44px;font-size:14px}.link.floating{position:absolute;bottom:20px;left:0;right:0;z-index:5}.fine{font-size:12px;color:var(--mut);line-height:1.45}.err{font-size:13px;color:#fca5a5}.app{display:flex;max-width:1180px;margin:0 auto}.pane{width:100%;display:flex;flex-direction:column;background:var(--bg);min-width:0;height:100%}header{display:flex;align-items:center;gap:10px;padding:14px 16px 6px}.me{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ef4444)!important;display:grid;place-items:center;font-weight:700;color:#fff;flex:none}header h2{font-size:20px;flex:1;letter-spacing:-.3px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.badge.hdr{font-size:11px}.ic{width:44px;height:44px;border-radius:50%;background:var(--panel)!important;display:grid;place-items:center;font-size:22px;flex:none}.search{padding:6px 16px 4px}.search input{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:11px 16px;color:var(--tx);font:inherit;font-size:16px;outline:0;min-height:44px}.switch{display:flex;gap:8px;padding:8px 16px;overflow-x:auto}.switch button{flex:none;border:1px solid var(--line)!important;border-radius:99px;padding:6px 14px;font-size:13px;color:var(--mut);background:var(--panel)!important;min-height:44px;position:relative}.switch button.on{color:var(--tx);border-color:var(--acc)!important;background:color-mix(in srgb,var(--acc) 18%,var(--panel))!important}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acc);margin-left:6px;vertical-align:middle}.scroll{flex:1;overflow:auto;padding-bottom:20px;overscroll-behavior:contain}.section-label{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);padding:14px 18px 6px;display:flex;align-items:center;gap:8px}.pdot{width:9px;height:9px;border-radius:50%;flex:none}.tag{font-size:11px;font-weight:600;padding:2px 9px;border-radius:99px;background:var(--panel2);color:var(--mut);flex:none;letter-spacing:0;text-transform:none}.tag.t-live{background:#14532d;color:#86efac}.tag.t-personal{background:#3b2a07;color:#fcd34d}.tag.t-planned{background:#1e2233;color:#a5b4fc}.cat{display:flex!important;align-items:center;gap:8px;padding:10px 18px 4px!important;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--mut)!important;width:100%;text-align:left;min-height:44px}.cat .n{background:var(--panel2);border-radius:99px;padding:1px 8px;font-size:11px}.cat .ch{margin-left:auto;transition:.2s}.cat.closed .ch{transform:rotate(-90deg)}.live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:6px;vertical-align:middle}.live.off{background:var(--mut);opacity:.5}.cat .live{margin:0;background:var(--mut);opacity:.5}.row{display:flex!important;gap:14px;align-items:center;padding:11px 18px!important;width:100%;text-align:left;min-height:68px}.row:hover,.row.sel{background:var(--panel)!important}.row .mid{flex:1;min-width:0}.row .t{display:flex;justify-content:space-between;gap:8px}.row .t b{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .t time{font-size:12px;color:var(--mut);flex:none}.row .s{display:flex;justify-content:space-between;gap:8px;margin-top:3px;color:var(--mut);font-size:14px;align-items:center}.row .s span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pjtag{display:block;font-size:11px;color:var(--mut);margin-top:2px}.badge{background:var(--acc);color:#fff;border-radius:99px;font-size:11px;font-weight:700;min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 6px;flex:none}.random-row{border-bottom:1px solid var(--line);margin-bottom:2px}.future-toggle{display:flex!important;align-items:center;justify-content:space-between;width:calc(100% - 28px);margin:10px 14px 12px;padding:14px!important;min-height:64px;border:1px solid var(--line)!important;border-radius:16px;text-align:left}.future-toggle b{font-size:15px}.future-toggle small{display:block;font-size:12px;color:var(--mut);margin-top:3px}.future-toggle>span{font-size:24px;color:var(--mut)}.demo-note{font-size:12px;line-height:1.5;color:var(--mut);padding:12px 18px}.install{display:flex;align-items:center;gap:10px;margin:8px 14px;padding:12px 14px;border:1px solid #514071;background:color-mix(in srgb,var(--acc) 12%,var(--panel));border-radius:16px}.install>div{flex:1;min-width:0}.install small{display:block;color:var(--mut);font-size:12px;margin-top:2px}.install .btn2{padding:8px 14px;min-height:44px}.install .x{width:44px;height:44px;font-size:22px;color:var(--mut)}.chatpane{position:absolute;inset:0;background:var(--bg);display:flex;flex-direction:column;z-index:10;min-height:0}.chatpane.desk-empty{display:none}.chead{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.chead .nm{flex:1;min-width:0}.chead b{display:block;font-size:16px}.chead small{color:var(--mut);font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chead .pj{font-size:11px;color:var(--mut);background:var(--panel2);padding:3px 9px;border-radius:99px;flex:none;max-width:34%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner{font-size:12px;text-align:center;padding:6px 12px;background:var(--panel2);color:var(--mut)}.banner.offline{background:#3b2a07;color:#fcd34d}.banner.demo{background:#241b4a;color:#c4b5fd}.msgs{flex:1;overflow:auto;padding:16px 14px;display:flex;flex-direction:column;gap:2px;overscroll-behavior:contain;min-height:0}.grp{display:flex;flex-direction:column;gap:2px}.day{align-self:center;font-size:11px;color:var(--mut);background:var(--panel);padding:3px 10px;border-radius:99px;margin:10px 0 6px}.who{font-size:12px;color:var(--mut);margin:8px 6px 2px;display:flex;gap:6px;align-items:center}.who.agent{color:#a78bfa;font-weight:600}.who .role{font-weight:400;color:var(--mut);font-size:11px}.m{max-width:min(80%,560px);padding:9px 13px;border-radius:18px;font-size:15px;line-height:1.4;overflow-wrap:anywhere;word-break:break-word}.m .txt{white-space:pre-wrap}.m a{color:inherit;text-decoration:underline;text-underline-offset:2px}.m.in{align-self:flex-start;background:var(--bub);border-bottom-left-radius:6px}.m.agent{border-left:3px solid var(--acc)}.m.out{align-self:flex-end;background:var(--me);color:#fff;border-bottom-right-radius:6px}.m time{display:block;font-size:10px;opacity:.6;margin-top:3px;text-align:right}.m .retry{font-size:10px;color:#fca5a5;text-decoration:underline;min-height:0;padding:0}.st.failed{color:#fca5a5}.card{background:var(--bg);color:var(--tx);border:1px solid var(--line);border-radius:12px;padding:9px 11px;margin-top:7px;font-size:13px;display:flex;flex-direction:column;gap:3px}.card .bar{height:6px;border-radius:9px;background:var(--line);margin-top:6px;overflow:hidden}.card .bar i{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#22c55e)}.typing{display:flex;gap:4px;padding:13px 15px!important;align-self:flex-start;margin-top:6px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--mut);animation:b 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes b{50%{transform:translateY(-4px);opacity:.4}}@media (prefers-reduced-motion:reduce){.typing i{animation:none}.cat .ch{transition:none}}.earlier{align-self:center;margin:4px 0 8px;font-size:13px;color:var(--mut)!important;border:1px solid var(--line)!important;border-radius:99px;padding:8px 14px;min-height:44px}.chips{display:flex;gap:8px;padding:6px 12px;overflow-x:auto}.chips button{flex:none;border:1px solid var(--line)!important;background:var(--panel)!important;border-radius:99px;padding:6px 14px;font-size:13px;color:var(--mut);min-height:44px}.compose{display:flex;gap:8px;padding:8px 12px calc(10px + env(safe-area-inset-bottom));align-items:flex-end}.compose textarea{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:12px 16px;color:var(--tx);font:inherit;font-size:16px;outline:0;min-width:0;resize:none;max-height:140px;line-height:1.35;min-height:44px}.compose button{width:44px;height:44px;border-radius:50%;background:var(--acc)!important;font-size:18px;color:#fff;flex:none}.compose button:disabled{opacity:.4}.empty{margin:auto;text-align:center;color:var(--mut);padding:20px;line-height:1.5}.empty .blob{margin:0 auto 12px}.empty.small{padding:40px 20px}.sheet-bg{position:absolute;inset:0;background:#0009;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--panel);width:100%;max-width:480px;border-radius:22px 22px 0 0;padding:10px 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.grab{width:40px;height:4px;border-radius:9px;background:var(--line);align-self:center}.sheet h2{font-size:18px}.sheet dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}.sheet dt{color:var(--mut)}.sheet dd{overflow-wrap:anywhere}.sheet .actions{display:flex;flex-direction:column;gap:8px}.switch,.chips,.scroll{scrollbar-width:none}.switch::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}@media (min-width:800px){.app .pane{width:380px;flex:none;border-right:1px solid var(--line)}.chatpane,.chatpane.desk-empty{position:static;flex:1;display:flex}.chead .back{display:none}.sheet-bg{align-items:center}.sheet{border-radius:22px}}@media (max-width:799px){.app.inchat .pane{display:none}.app:not(.inchat) .chatpane{display:none}}@media (max-width:350px){.m{max-width:92%}.chead{gap:8px}}.seg{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}.seg button{flex:1;min-height:44px;color:var(--mut)}.seg button.on{background:color-mix(in srgb,var(--acc) 20%,var(--panel))!important;color:var(--tx)}.chead b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose textarea{overflow-y:auto;scrollbar-width:none}.compose textarea::-webkit-scrollbar{display:none}@media (max-width:480px){.chead .pj{display:none}}