:root{--ok-teal:teal;--ok-green:#09a451;--ok-amber:#f1b531;--ok-tomato:#e95029;--ok-slate:#2c3f50;--bg:#2c3f50;--card:#34495c;--card-hi:#3d5468;--line:#ffffff14;--line-strong:#ffffff29;--text:#f2f6f9;--text-dim:#a8bccd;--text-faint:#7e94a8;--tint-mint:#e5f6ee;--tint-cream:#fdf4e0;--tint-sky:#e8f1f8;--tint-blush:#fdeceb;--tint-ink:#23384a;--green-lit:#3fca86;--amber-lit:#f6c95f;--tomato-lit:#ff8163;--teal-lit:#2fb3b3;--radius:14px;--radius-sm:10px;--radius-tile:11px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Montserrat,ui-sans-serif,system-ui,Segoe UI,sans-serif;font-size:15px;line-height:1.5}button,input,textarea{font:inherit;color:inherit}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}:focus-visible{outline:2px solid var(--green-lit);outline-offset:2px;border-radius:4px}.app{flex-direction:column;height:100%;display:flex}.app__body{flex:1;min-height:0;display:flex}.main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.topbar{flex-shrink:0;align-items:center;gap:20px;padding:18px 26px;display:flex}.topbar__logo{flex-shrink:0;width:auto;height:30px}.topbar__title{letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.topbar__spacer{flex:1}.status{align-items:center;gap:16px;font-size:.87rem;font-weight:500;display:flex}.status__item{white-space:nowrap;align-items:center;gap:8px;display:flex}.status__item+.status__item{border-left:1px solid var(--line-strong);padding-left:16px}.status__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status--queue{color:var(--amber-lit)}.status--queue .status__dot{background:var(--amber-lit)}.status--progress{color:var(--green-lit)}.status--progress .status__dot{background:var(--green-lit)}.who{align-items:center;gap:11px;min-width:0;display:flex}.who__text{flex-direction:column;align-items:flex-end;min-width:0;max-width:26vw;line-height:1.3;display:flex}.who__business{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.9rem;font-weight:600;overflow:hidden}.who__name{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.76rem;font-weight:500;overflow:hidden}.who__avatar{background:var(--teal-lit);color:#10222b;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:grid}.stage{flex:1;grid-template-columns:340px minmax(0,1fr);gap:20px;min-height:0;padding:4px 26px 26px;display:grid}.col{flex-direction:column;gap:14px;min-height:0;display:flex}.col__head{align-items:center;gap:10px;display:flex}.col__title{margin:0;font-size:1.05rem;font-weight:700}.btn{border-radius:var(--radius-sm);background:var(--ok-green);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:.92rem;font-weight:600;transition:background .15s;display:inline-flex}.btn svg{flex-shrink:0;width:18px;height:18px}.btn:hover:not(:disabled){background:var(--green-lit);color:#10281b}.btn:disabled{background:var(--card-hi);color:var(--text-faint);cursor:not-allowed}.btn--ghost{border:1px solid var(--line-strong);color:var(--text);background:0 0;font-weight:500}.btn--ghost:hover{border-color:var(--text-faint);color:var(--text);background:#ffffff0d}.pill{border:1px solid var(--line-strong);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:9px 18px;font-size:.87rem;font-weight:500}.pill:hover{border-color:var(--text-dim)}.list{flex-direction:column;gap:10px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.conv{text-align:start;background:var(--card);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:stretch;gap:5px;width:100%;min-width:0;padding:14px 15px;transition:background .15s,border-color .15s;display:flex}.conv:hover{background:var(--card-hi)}.conv[aria-current=true]{border-color:var(--green-lit);background:var(--card-hi)}.conv__top{align-items:baseline;gap:10px;display:flex}.conv__subject{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.93rem;font-weight:600;overflow:hidden}.conv__when{color:var(--text-faint);white-space:nowrap;font-size:.75rem}.conv__preview{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:.82rem;display:-webkit-box;overflow:hidden}.thread{background:var(--card);border-radius:var(--radius);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.thread__scroll{justify-content:flex-start}.thread__head{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:13px;padding:17px 20px;display:flex}.thread__title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:650;overflow:hidden}.thread__meta{color:var(--text-faint);font-size:.78rem}.thread__scroll{flex-direction:column;flex:1;gap:14px;min-height:0;padding:20px;display:flex;overflow-y:auto}.day{color:var(--text-faint);background:var(--bg);border-radius:999px;align-self:center;padding:5px 13px;font-size:.72rem;font-weight:600}.msg{flex-direction:column;gap:5px;max-width:72%;display:flex}.msg--mine{align-self:flex-end;align-items:flex-end}.msg--them{align-self:flex-start}.msg__who{color:var(--text-faint);padding:0 4px;font-size:.73rem;font-weight:600}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;padding:12px 15px;font-size:.9rem;line-height:1.55}.msg--them .bubble{background:var(--bg);border-bottom-left-radius:5px}.msg--mine .bubble{background:var(--ok-green);color:#fff;border-bottom-right-radius:5px}.msg__time{color:var(--text-faint);padding:0 4px;font-size:.7rem}.event{background:var(--tint-sky);color:var(--tint-ink);border-radius:var(--radius-sm);align-self:stretch;align-items:center;gap:12px;padding:12px 14px;font-size:.85rem;display:flex}.event svg{flex-shrink:0;width:18px;height:18px}.composer{border-top:1px solid var(--line);flex-shrink:0;align-items:flex-end;gap:11px;padding:15px 18px;display:flex}.composer textarea{resize:none;background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-sm);min-height:46px;max-height:170px;color:var(--text);flex:1;padding:12px 14px;font-size:.9rem}.composer textarea::placeholder{color:var(--text-faint)}.closed-note{border-top:1px solid var(--line);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;font-size:.86rem;display:flex}.empty{text-align:center;flex:1;place-items:center;padding:40px 24px;display:grid}.empty__inner{flex-direction:column;align-items:center;gap:12px;max-width:360px;display:flex}.empty h2{margin:0;font-size:1.1rem;font-weight:650}.empty p{color:var(--text-dim);margin:0;font-size:.88rem}.gate{background:var(--bg);flex:1;place-items:center;min-height:0;padding:32px 20px;display:grid;overflow-y:auto}.gate__card{background:var(--card);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:15px;width:min(470px,100%);padding:34px 32px;display:flex;box-shadow:0 24px 60px #00000052}.gate__card img,.empty__inner img{width:auto;height:52px}.empty__inner img{height:44px}.gate__card h1{margin:0;font-size:1.22rem;font-weight:700}.gate__card p{color:var(--text-dim);margin:0;font-size:.9rem}.gate__rule{background:var(--line);width:100%;height:1px;margin:4px 0}.gate__small{color:var(--text-faint);font-size:.84rem;line-height:1.65}a{color:var(--green-lit);font-weight:600}.demo{background:var(--ok-amber);color:#2a1e00;text-align:center;grid-column:1/-1;padding:7px 14px;font-size:.8rem;font-weight:600}@media (width<=1040px){.stage{grid-template-columns:minmax(0,1fr)}.stage[data-pane=thread] .col--list,.stage[data-pane=list] .col--thread,.status{display:none}}@media (width<=780px){.topbar{gap:12px;padding:14px 16px}.stage{padding:4px 16px 16px}.who__name{display:none}}.back-btn{display:none}@media (width<=1040px){.back-btn{display:inline-flex}}.preview-toggle{cursor:pointer;text-underline-offset:3px;align-items:center;gap:7px;margin-left:18px;font-weight:700;text-decoration:underline;display:inline-flex}.preview-toggle input{cursor:pointer;accent-color:#2a1e00}*{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff42}.pill--back{align-items:center;gap:9px;font-weight:500;text-decoration:none;display:inline-flex}.pill--back svg{flex-shrink:0;width:17px;height:17px}@media (width<=720px){.pill__label{display:none}.pill--back{padding:9px 12px}}.search{background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;gap:10px;height:44px;padding:0 12px;display:flex}.search svg{width:18px;height:18px;color:var(--text-faint);flex-shrink:0}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:.88rem}.search input::placeholder{color:var(--text-faint)}.search__clear{color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:1.3rem;line-height:1}.search__clear:hover{color:var(--text)}.list__none{color:var(--text-faint);margin:4px 2px;font-size:.86rem}.group{flex-direction:column;gap:8px;display:flex}.group+.group{margin-top:14px}.group__head{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--tint-ink);text-align:start;border:0;align-items:center;gap:10px;padding:11px 13px;font-size:.85rem;font-weight:700;display:flex}.group__head--queue{background:var(--tint-cream)}.group__head--progress{background:var(--tint-sky)}.group__head--done{background:var(--tint-mint)}.group__head svg{flex-shrink:0;width:17px;height:17px}.group__label{flex:1}.group__count{background:#23384a21;border-radius:999px;padding:2px 9px;font-size:.78rem;font-weight:700}.chev{transition:transform .16s}.chev--open{transform:rotate(90deg)}.group__items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ref{color:var(--text-faint);letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;font-weight:600}.thread__meta .ref{margin-inline-end:9px}.thread__titlerow{align-items:center;gap:12px;min-width:0;display:flex}.linkbtn{color:var(--text-faint);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:3px 6px;font-size:.79rem;font-weight:600;transition:opacity .15s,color .15s;display:inline-flex}.thread__head:hover .linkbtn,.linkbtn:focus-visible{opacity:1}.linkbtn:hover{color:var(--text);background:#ffffff0f}.linkbtn svg{width:14px;height:14px}.rename{align-items:center;gap:9px;display:flex}.rename__input{background:var(--bg);border:1px solid var(--green-lit);border-radius:var(--radius-sm);outline:none;flex:1;min-width:0;padding:8px 11px;font-size:.97rem;font-weight:650}.rename .btn{padding:8px 15px;font-size:.85rem}.event--sky{background:var(--tint-sky)}.event--mint{background:var(--tint-mint)}.event--cream{background:var(--tint-cream)}.event--blush{background:var(--tint-blush)}.event span:first-of-type{flex:1}.event__time{opacity:.55;flex-shrink:0;font-size:.72rem;font-weight:600}