/* Agoras. This file is served to paying members. The feed behind it, and the timing that makes it worth paying for, are ours. Want one this fast? Learn to build it. Copying ours is theft. */

































.jp-chat{position:relative;display:flex;flex-direction:column;min-width:0;
         border:1px solid var(--rule);border-radius:12px;
         background:var(--paper-2);overflow:hidden;
         

         container-type:inline-size}
.jp-chat-h{display:flex;align-items:center;gap:8px;padding:12px 14px 10px}
.jp-chat-t{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;
           letter-spacing:.07em;color:var(--ink)}




.jp-chat-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;
              font-size:11.5px;color:var(--ink-3);white-space:nowrap;
              min-width:0;overflow:hidden;text-overflow:ellipsis}
.jp-chat-t[hidden]{display:none}





.jp-chat-tabs{display:flex;align-items:center;gap:10px;flex:none;min-width:0}
.jp-chat-tabs[hidden]{display:none}
.jp-chat-tab{border:0;background:none;padding:0;cursor:pointer;position:relative;
             font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;
             letter-spacing:.07em;color:var(--ink-3);white-space:nowrap;
             transition:color .12s}
.jp-chat-tab:hover{color:var(--ink-2)}
.jp-chat-tab.is-on{color:var(--ink)}



.jp-chat-nub{position:absolute;top:-2px;right:-7px;width:5px;height:5px;
             border-radius:50%;background:var(--accent)}
.jp-chat-nub[hidden]{display:none}



.jp-tab-ic{display:none}







.jp-chat-st{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;
            margin-top:4px;font-size:10.5px;letter-spacing:.04em;
            color:var(--ink-3)}
.jp-chat-st[hidden]{display:none}
.jp-chat-st-dot{width:5px;height:5px;border-radius:50%;flex:none;
                background:var(--ink-3);transform:translateY(-1px)}
.jp-chat-st-l{text-transform:uppercase;font-weight:700;letter-spacing:.08em}

.jp-chat-st-n{color:var(--ink-3);text-transform:none;letter-spacing:0;
              font-size:11px;overflow-wrap:anywhere}
.jp-chat-st.is-new .jp-chat-st-dot{background:var(--accent)}
.jp-chat-st.is-new .jp-chat-st-l{color:var(--accent)}
.jp-chat-st.is-seen .jp-chat-st-dot,
.jp-chat-st.is-working .jp-chat-st-dot{background:var(--ink-2)}
.jp-chat-st.is-seen .jp-chat-st-l,
.jp-chat-st.is-working .jp-chat-st-l{color:var(--ink-2)}
.jp-chat-st.is-fixed .jp-chat-st-dot{background:var(--positive)}
.jp-chat-st.is-fixed .jp-chat-st-l{color:var(--positive)}



.jp-chat-st.is-done .jp-chat-st-dot{background:var(--rule-2)}


.jp-chat-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-3);flex:none}
.jp-chat.is-live .jp-chat-dot{background:var(--positive)}
.jp-chat-who{display:flex;flex-wrap:wrap;gap:4px;padding:0 14px 10px}
.jp-chat-who[hidden]{display:none}



.jp-chat-face{width:21px;height:21px;border-radius:50%;display:grid;
              place-items:center;font-size:10px;font-weight:500;
              background:var(--rule-2);color:var(--ink-2);cursor:default}
.jp-chat-face.is-me{background:var(--ink);color:var(--paper)}
.jp-chat-face.is-staff{background:var(--accent);color:var(--paper)}





.jp-chat-log{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;
             max-height:min(44vh,380px);min-height:150px;
             padding:2px 14px 10px;display:flex;flex-direction:column;gap:9px;
             scrollbar-width:thin}
.jp-chat-empty{margin:auto 0;font-size:12px;color:var(--ink-3);text-align:center;
               padding:14px 4px;line-height:1.5}


.jp-chat-msg{position:relative;display:flex;gap:8px;min-width:0}



.jp-chat-msg.is-run{margin-top:-6px}
.jp-chat-msg.is-run .jp-chat-av{visibility:hidden}
.jp-chat-msg.is-run .jp-chat-meta{display:none}
.jp-chat-av{flex:none;width:24px;height:24px;border-radius:50%;display:grid;
            place-items:center;font-size:10.5px;font-weight:500;
            background:var(--rule-2);color:var(--ink-2)}
.jp-chat-msg.is-me .jp-chat-av{background:var(--ink);color:var(--paper)}
.jp-chat-msg.is-staff .jp-chat-av{background:var(--accent);color:var(--paper)}
.jp-chat-col{min-width:0;flex:1 1 auto}
.jp-chat-meta{display:flex;align-items:baseline;gap:6px;min-width:0}
.jp-chat-who-n{font-size:12px;font-weight:500;color:var(--ink);
               overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jp-chat-tag{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
             color:var(--accent);flex:none}



.jp-chat-when{display:flex;flex-direction:column;text-align:right;
              flex:none;margin-left:auto;line-height:1.25}
.jp-chat-time{font-size:10.5px;color:var(--ink-3)}


.jp-chat-date{font-size:9.5px;color:var(--ink-3);opacity:.72;
              letter-spacing:.02em;font-variant-numeric:tabular-nums}


.jp-chat-body{font-size:12.5px;line-height:1.5;color:var(--ink-2);
              white-space:pre-wrap;overflow-wrap:anywhere}






















.jp-chat-msg:has(.jp-chat-x) .jp-chat-body::after{
              content:'';display:inline-block;width:30px;height:1px;
              vertical-align:baseline}
























.jp-chat-x{position:absolute;right:8px;bottom:1px;z-index:2;
           width:17px;height:17px;padding:0;cursor:pointer;
           display:grid;place-items:center;
           border:1px solid transparent;border-radius:7px;
           background:linear-gradient(var(--raise),var(--raise)) padding-box,
                      var(--rim-sm) border-box;
           box-shadow:var(--lift-sm),inset 0 1px var(--spec);
           -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
           color:var(--ink-3);font-size:12px;line-height:1;
           opacity:0;pointer-events:none;
           transition:opacity .14s ease,color .14s ease,box-shadow .14s ease}
.jp-chat-msg:hover .jp-chat-x,.jp-chat-x:focus-visible{opacity:1;pointer-events:auto}



.jp-chat-x:hover{color:var(--danger);
                 background:linear-gradient(var(--raise),var(--raise)) padding-box,
                            linear-gradient(var(--danger),var(--danger)) border-box;
                 box-shadow:var(--lift-sm),inset 0 1px var(--spec)}













.jp-chat-form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;
              border-top:1px solid var(--rule);background:var(--paper-2)}



.jp-chat-form textarea{flex:1 1 auto;min-width:0;resize:none;border:0;
       background:none;font:inherit;font-size:12.5px;line-height:1.45;
       color:var(--ink);padding:6px 0;max-height:96px;overflow-y:auto}
.jp-chat-form textarea:focus{outline:none}
.jp-chat-form textarea::placeholder{color:var(--ink-3)}
.jp-chat-send{flex:none;width:30px;height:30px;border-radius:50%;border:0;
              display:grid;place-items:center;background:var(--ink);
              color:var(--paper);cursor:pointer;transition:opacity .12s}
.jp-chat-send:disabled{opacity:.35;cursor:default}






.jp-chat-note{flex:none;margin:0;padding:8px 14px 10px;font-size:11.5px;
              line-height:1.35;color:var(--ink-3);
              border-top:1px solid var(--rule)}
.jp-chat-note[hidden]{display:none}



.jp-chat-note.is-bad{color:var(--danger);font-weight:500}




.jp-chat-hint{margin:0;padding:2px 14px 8px;font-size:11px;line-height:1.45;
              color:var(--ink-3)}
.jp-chat-hint[hidden]{display:none}





























.jp-chat-rules{
  display:flex; flex-direction:column; min-height:0; flex:0 1 auto;
  margin-top:10px; padding:13px 13px 12px;
  border:1px solid var(--rule-2); border-radius:12px;
  background:var(--paper-3);
}
.jp-chat-rules[hidden]{display:none}


.jp-chat-rules-b{min-height:0; overflow-y:auto; scrollbar-width:thin}
.jp-chat-rules-t{
  margin:0 0 9px; font-size:12.5px; font-weight:700;
  letter-spacing:.02em; color:var(--ink);
}
.jp-chat-rules-l{
  margin:0; padding:0 0 0 16px; list-style:disc;
  font-size:12.5px; line-height:1.5; color:var(--ink-2);
}
.jp-chat-rules-l li + li{margin-top:5px}
.jp-chat-rules-n{
  margin:10px 0 0; padding-top:9px; border-top:1px solid var(--rule);
  font-size:12.5px; line-height:1.45; color:var(--ink-2); font-weight:700;
}


.jp-chat-rules-ok{flex:none; width:100%; height:34px; margin-top:11px;
                  font-size:12.5px}






.jp-chat .jp-chat-rules .jp-chat-rules-ok[disabled]{opacity:.72}










.jp-chat.is-rules .jp-chat-log{
  flex:0 20 auto; min-height:0; max-height:min(22vh,132px);
}




.jp-chat.is-note .jp-chat-log{min-height:0}














.jp-chat-block{
  position:absolute; inset:0; z-index:6;
  display:flex; align-items:center; justify-content:center;
  padding:14px;
  



  background:rgba(0,0,0,.34);
  -webkit-backdrop-filter:blur(3px) saturate(.85);
  backdrop-filter:blur(3px) saturate(.85);
  animation:jp-chat-block-in .16s ease}
.jp-chat-block[hidden]{display:none}
@keyframes jp-chat-block-in{from{opacity:0}to{opacity:1}}










.jp-chat-block.is-closing{animation:jp-chat-block-out .16s ease forwards;
                          pointer-events:none}
@keyframes jp-chat-block-out{from{opacity:1}to{opacity:0}}





@media (prefers-reduced-motion:reduce){
  .jp-chat-block{animation:none}
  .jp-chat-block.is-closing{animation:none;opacity:0}
}





.jp-chat-block-card{
  width:100%; max-width:250px; padding:16px 15px 14px; text-align:center;
  border-radius:16px; border:1px solid var(--g-lite-rim);
  background:linear-gradient(180deg,var(--g-lite-a),var(--g-lite-b));
  -webkit-backdrop-filter:blur(20px) saturate(1.4);
  backdrop-filter:blur(20px) saturate(1.4);
  box-shadow:inset 0 1px 0 var(--g-spec),
             inset 2px 2px .5px -2px var(--g-bev-l),
             inset -2px -2px .5px -2px var(--g-bev-d),
             var(--shadow-card)}
.jp-chat-block-t{margin:0; font-size:13px; line-height:1.4; font-weight:700;
                 color:var(--ink)}



.jp-chat-block-clock{margin:11px 0 2px; font-size:27px; font-weight:700;
                     letter-spacing:.01em; line-height:1.1; color:var(--ink);
                     font-variant-numeric:tabular-nums}
.jp-chat-block-clock[hidden]{display:none}
.jp-chat-block-s{margin:7px 0 0; font-size:11.5px; line-height:1.45;
                 color:var(--ink-2)}
.jp-chat-block-s[hidden]{display:none}




.jp-chat-block-ok{
  width:100%; height:34px; margin-top:13px; padding:0;
  font:inherit; font-size:12.5px; font-weight:700; letter-spacing:.01em;
  color:var(--ink); cursor:pointer;
  border:1px solid var(--g-lite-rim); border-radius:11px;
  background:linear-gradient(180deg,var(--g-lite-a),var(--g-lite-b));
  box-shadow:inset 0 1px 0 var(--g-spec),
             inset 2px 2px .5px -2px var(--g-bev-l),
             inset -2px -2px .5px -2px var(--g-bev-d);
  transition:border-color .12s ease,box-shadow .12s ease,opacity .12s ease}
.jp-chat-block-ok:hover{border-color:var(--g-lite-rim-h);
  box-shadow:inset 0 1px 0 var(--g-spec-h),
             inset 2px 2px .5px -2px var(--g-bev-l),
             inset -2px -2px .5px -2px var(--g-bev-d)}
.jp-chat-block-ok:active{transform:translateY(1px) scale(.985)}
.jp-chat-block-ok:focus-visible{outline:2px solid var(--ink); outline-offset:2px}




.jp-chat-block-ok[disabled]{opacity:.45; cursor:default}
.jp-chat-block-ok[disabled]:hover{border-color:var(--g-lite-rim);
  box-shadow:inset 0 1px 0 var(--g-spec),
             inset 2px 2px .5px -2px var(--g-bev-l),
             inset -2px -2px .5px -2px var(--g-bev-d)}















.jp-chat-who-n[data-prof],
.jp-chat-face[data-prof],
.jp-chat-av[data-prof]{cursor:pointer}



button.jp-chat-who-n{font:inherit;font-size:12px;font-weight:500;
                     border:0;background:none;padding:0;margin:0;
                     text-align:left;max-width:100%}
button.jp-chat-who-n:hover{text-decoration:underline;text-underline-offset:2px}
button.jp-chat-who-n:focus-visible{outline:2px solid var(--ink);
                                   outline-offset:2px;border-radius:3px}
.jp-chat-face[data-prof]:hover,
.jp-chat-av[data-prof]:hover{box-shadow:0 0 0 2px var(--rule-2)}

.jp-chat-prof{
  position:absolute; inset:0; z-index:7;
  display:flex; align-items:center; justify-content:center;
  padding:14px;
  background:rgba(0,0,0,.34);
  -webkit-backdrop-filter:blur(3px) saturate(.85);
  backdrop-filter:blur(3px) saturate(.85);
  animation:jp-chat-block-in .16s ease}
.jp-chat-prof[hidden]{display:none}
.jp-chat-prof.is-closing{animation:jp-chat-block-out .16s ease forwards;
                         pointer-events:none}
@media (prefers-reduced-motion:reduce){
  .jp-chat-prof{animation:none}
  .jp-chat-prof.is-closing{animation:none;opacity:0}
}

.jp-chat-prof-card{
  position:relative;
  width:100%; max-width:250px; padding:15px 15px 13px; text-align:center;
  border-radius:16px; border:1px solid var(--g-lite-rim);
  background:linear-gradient(180deg,var(--g-lite-a),var(--g-lite-b));
  -webkit-backdrop-filter:blur(20px) saturate(1.4);
  backdrop-filter:blur(20px) saturate(1.4);
  box-shadow:inset 0 1px 0 var(--g-spec),
             inset 2px 2px .5px -2px var(--g-bev-l),
             inset -2px -2px .5px -2px var(--g-bev-d),
             var(--shadow-card)}




.jp-chat-prof-x{
  position:absolute; top:6px; right:6px; width:24px; height:24px;
  display:grid; place-items:center; padding:0;
  font:inherit; font-size:15px; line-height:1;
  color:var(--ink-3); cursor:pointer;
  border:0; border-radius:50%; background:none}
.jp-chat-prof-x:hover{color:var(--ink);background:var(--rule-2)}
.jp-chat-prof-x:focus-visible{outline:2px solid var(--ink);outline-offset:1px}




.jp-chat-prof-av{width:46px;height:46px;margin:2px auto 9px;font-size:18px}
.jp-chat-prof-av.is-me{background:var(--ink);color:var(--paper)}
.jp-chat-prof-av.is-staff{background:var(--accent);color:var(--paper)}
.jp-chat-prof-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}

.jp-chat-prof-h{margin:0;display:flex;align-items:baseline;gap:6px;
                justify-content:center;min-width:0}
.jp-chat-prof-h .jp-chat-who-n{font-size:14px;font-weight:600}






.jp-chat-prof-s{margin:5px 0 0;display:flex;align-items:center;gap:6px;
                justify-content:center;font-size:11.5px;color:var(--ink-3)}
.jp-chat .jp-chat-prof-s .jp-chat-dot{background:var(--ink-3)}
.jp-chat .jp-chat-prof-s.is-live .jp-chat-dot{background:var(--positive)}
.jp-chat .jp-chat-prof-s.is-live{color:var(--ink-2)}










.jp-chat-prof-facts{margin:12px 0 0;padding:11px 0 0;text-align:left;
                    border-top:1px solid var(--rule);
                    display:grid;grid-template-columns:auto minmax(0,1fr);
                    gap:5px 10px;align-items:baseline}
.jp-chat-prof-facts:empty{display:none}
.jp-chat-prof-t{margin:0;font-size:11px;color:var(--ink-3);white-space:nowrap}
.jp-chat-prof-v{margin:0;font-size:11.5px;font-weight:600;color:var(--ink);
                text-align:right;overflow-wrap:anywhere;
                font-variant-numeric:tabular-nums}
.jp-chat-prof-note{margin:11px 0 0;font-size:11px;line-height:1.45;
                   color:var(--ink-3)}
.jp-chat-prof-note[hidden]{display:none}
















.jp-chat-log[hidden],.jp-chat-form[hidden],.jp-chat-tab[hidden]{display:none}













.jp-chat-tabs{flex:0 1 auto;flex-wrap:wrap;row-gap:6px}
.jp-chat.has-tabs .jp-chat-live{display:none}
.jp-chat.has-tabs .jp-chat-eye{margin-left:auto}
.jp-chat-here{display:none}





.jp-chat.is-support .jp-chat-who .jp-chat-face{display:none}
.jp-chat.is-support .jp-chat-who{padding-bottom:8px}




.jp-chat.is-tk-form .jp-chat-who{display:none}
.jp-chat.has-tabs .jp-chat-here{display:inline-flex;align-items:center;gap:6px;
             margin-left:auto;align-self:center;min-width:0;
             font-size:11.5px;color:var(--ink-3);white-space:nowrap}




.jp-chat-badge{display:inline-block;margin-left:5px;min-width:15px;height:15px;
               padding:0 4px;border-radius:8px;background:var(--accent);
               color:var(--paper);font-size:9.5px;font-weight:700;line-height:15px;
               letter-spacing:0;text-align:center;vertical-align:1px;
               font-variant-numeric:tabular-nums}
.jp-chat-badge[hidden]{display:none}






















.jp-glass{
  border:1px solid var(--g-lite-rim);
  background:linear-gradient(180deg,var(--g-lite-a),var(--g-lite-b));
  box-shadow:inset 0 1px 0 var(--g-spec),
             inset 2px 2px .5px -2px var(--g-bev-l),
             inset -2px -2px .5px -2px var(--g-bev-d),
             inset 0 0 5px 5px var(--g-wash,transparent),
             var(--g-cast,0 1px 2px rgba(0,0,0,.05));
  






  transition:background .12s,border-color .12s,color .12s}
.jp-glass:hover{
  border-color:var(--g-lite-rim-h);
  box-shadow:inset 0 1px 0 var(--g-spec-h),
             inset 2px 2px .5px -2px var(--g-bev-l),
             inset -2px -2px .5px -2px var(--g-bev-d),
             inset 0 0 5px 5px var(--g-wash,transparent),
             var(--g-cast-h,0 2px 6px rgba(0,0,0,.08))}
.jp-glass:active{transform:translateY(1px) scale(.985)}
.jp-glass:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.jp-glass[disabled]{opacity:.45;cursor:default;transform:none}









.jp-tk-head{display:flex;flex-direction:column;gap:9px;
            padding:2px 14px 11px;border-bottom:1px solid var(--rule)}
.jp-tk-head[hidden]{display:none}
.jp-tk-new{width:100%;height:34px;padding:0 16px;border-radius:9999px;
           font:inherit;font-size:13px;font-weight:700;letter-spacing:-.005em;
           color:var(--ink);cursor:pointer}
.jp-tk-new[hidden]{display:none}


.jp-tk-new[disabled]{opacity:.5}





.jp-tk-filters{display:flex;align-items:center;gap:4px;min-width:0}
.jp-tk-filters[hidden]{display:none}
.jp-tk-f{flex:1 1 0;min-width:0;height:26px;padding:0 6px;border-radius:13px;
         font:inherit;font-size:10px;font-weight:700;letter-spacing:.04em;
         text-transform:uppercase;color:var(--ink-3);cursor:pointer;
         border:1px solid transparent;background:none;white-space:nowrap;
         overflow:hidden;text-overflow:ellipsis;
         transition:color .12s,border-color .12s,box-shadow .14s,background .12s}
.jp-tk-f:hover{color:var(--ink-2)}
.jp-tk-f:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.jp-tk-f.is-on{color:var(--ink)}
.jp-tk-fn{margin-left:5px;font-variant-numeric:tabular-nums;color:var(--ink-3);
          font-weight:700}
.jp-tk-f.is-on .jp-tk-fn{color:var(--ink-2)}





.jp-sup-inbox{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;
              max-height:min(44vh,380px);min-height:96px;
              padding:10px 14px 12px;display:flex;flex-direction:column;gap:8px;
              scrollbar-width:thin}
.jp-sup-inbox[hidden]{display:none}





.jp-tk-row{flex:none;display:flex;align-items:center;gap:10px;min-height:54px;
           width:100%;padding:6px 10px 6px 6px;border-radius:12px;
           cursor:pointer;text-align:left;font:inherit;color:inherit;
           min-width:0;
           

           contain:paint}
.jp-tk-no{flex:none;width:40px;height:40px;border-radius:10px;display:grid;
          place-items:center;background:var(--paper-3);
          border:1px solid var(--g-lite-rim);font-size:12px;font-weight:700;
          color:var(--ink-2);font-variant-numeric:tabular-nums;
          letter-spacing:.01em}



.jp-tk-tx{flex:1 1 auto;min-width:0;overflow:hidden;display:flex;
          flex-direction:column;gap:3px}
.jp-tk-top{display:flex;align-items:baseline;gap:8px;min-width:0}


.jp-tk-t{display:block;flex:1 1 auto;min-width:0;font-size:12.5px;
         font-weight:700;color:var(--ink);line-height:1.25;overflow:hidden;
         text-overflow:ellipsis;white-space:nowrap}
.jp-tk-at{flex:none;font-size:10px;color:var(--ink-3);
          font-variant-numeric:tabular-nums}
.jp-tk-bot .jp-tk-at{margin-left:auto}



.jp-tk-bot{display:flex;align-items:baseline;gap:8px;min-width:0}
.jp-tk-chip{flex:none;font-size:9.5px;font-weight:700;letter-spacing:.08em;
            text-transform:uppercase;color:var(--ink-3)}


.jp-tk-row.is-waiting .jp-tk-chip{color:var(--accent)}
.jp-tk-ref{flex:none;font-size:11px;color:var(--ink-2);font-weight:600;
           font-variant-numeric:tabular-nums;letter-spacing:.01em}
.jp-tk-m{flex:1 1 auto;min-width:0;font-size:11px;color:var(--ink-3);
         overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


.jp-tk-dot{flex:none;width:6px;height:6px;border-radius:50%;
           background:var(--accent);align-self:center}


.jp-tk-row.is-resolved{opacity:.55}
.jp-tk-row.is-resolved:hover{opacity:.85}



.jp-tk-row.is-priority{
  background:linear-gradient(180deg,var(--danger-soft),var(--danger-soft));
  border-color:color-mix(in srgb,var(--danger) 26%,transparent)}
.jp-tk-row.is-priority:hover{
  border-color:color-mix(in srgb,var(--danger) 42%,transparent)}
.jp-tk-row.is-priority .jp-tk-no{color:var(--danger);
  background:color-mix(in srgb,var(--danger) 12%,var(--paper-3));
  border-color:color-mix(in srgb,var(--danger) 28%,transparent)}






.jp-tk-form{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;
            gap:9px;padding:11px 14px 12px}
.jp-tk-form[hidden]{display:none}



.jp-tk-fields{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
            display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;
            







            padding:4px;margin:-4px}



















.jp-chat .jp-tk-title,.jp-chat .jp-tk-body{width:100%;min-width:0;box-sizing:border-box;
            font:inherit;font-size:12.5px;line-height:1.45;color:var(--ink);
            background:var(--raise,var(--paper));
            border:1px solid var(--g-lite-rim);
            border-radius:11px;padding:10px 12px;resize:none;
            box-shadow:inset 0 1px 1.5px rgba(0,0,0,.06);
            transition:border-color .12s}
.jp-chat .jp-tk-title{flex:none;font-weight:700}



.jp-chat .jp-tk-body{flex:1 1 auto;min-height:56px}
.jp-chat .jp-tk-title:focus,.jp-chat .jp-tk-body:focus{outline:none;
            border-color:var(--ink-3);
            box-shadow:inset 0 1px 1.5px rgba(0,0,0,.06),
                       0 0 0 3px var(--ring,rgba(0,0,0,.12))}
.jp-chat .jp-tk-title::placeholder,.jp-chat .jp-tk-body::placeholder{
            color:var(--ink-3);font-weight:400}



@media(max-width:640px){
  .jp-chat .jp-tk-title,.jp-chat .jp-tk-body{font-size:16px}
}











.jp-drop{flex:0 1 auto;position:relative;display:flex;flex-direction:column;
         align-items:center;justify-content:center;gap:5px;
         min-height:88px;padding:9px 12px;border-radius:11px;
         border:1px dashed var(--rule-2);background:var(--raise,var(--paper));
         cursor:pointer;text-align:center;
         transition:border-color .14s,background .14s,box-shadow .14s}
.jp-drop[hidden]{display:none}
.jp-drop:hover{border-color:var(--ink-3)}
.jp-drop:focus-visible{outline:2px solid var(--ink);outline-offset:2px}


.jp-drop.is-over{border-style:solid;border-color:var(--ink-3);
         background:linear-gradient(180deg,var(--g-lite-a),var(--g-lite-b));
         box-shadow:inset 0 1px 0 var(--g-spec),
                    0 0 0 3px var(--ring,rgba(0,0,0,.12))}
.jp-drop-t{font-size:11.5px;font-weight:600;color:var(--ink-2);
           line-height:1.3;max-width:19em}
.jp-drop-s{font-size:10.5px;color:var(--ink-3);line-height:1.3}
.jp-drop-s.is-bad{color:var(--danger);font-weight:600}





.jp-drop-ic{position:relative;width:96px;height:34px;flex:none}
.jp-drop-c{position:absolute;top:50%;left:50%;width:30px;height:30px;
           border-radius:9px;display:grid;place-items:center;
           background:var(--paper);border:1px solid var(--g-lite-rim);
           color:var(--ink-3);
           transition:transform .5s cubic-bezier(.22,1,.36,1),
                      color .3s,box-shadow .3s}
.jp-drop-c:nth-child(1){transform:translate(-118%,-50%) rotate(-9deg)}
.jp-drop-c:nth-child(2){transform:translate(-50%,-50%);z-index:2}
.jp-drop-c:nth-child(3){transform:translate(18%,-50%) rotate(9deg)}
.jp-drop.is-over .jp-drop-c{color:var(--ink);
           box-shadow:var(--lift-sm,0 2px 6px rgba(0,0,0,.10))}
.jp-drop.is-over .jp-drop-c:nth-child(1){
           transform:translate(-160%,-50%) rotate(-14deg) scale(1.06)}
.jp-drop.is-over .jp-drop-c:nth-child(2){
           transform:translate(-50%,-50%) scale(1.16)}
.jp-drop.is-over .jp-drop-c:nth-child(3){
           transform:translate(60%,-50%) rotate(14deg) scale(1.06)}
@media (prefers-reduced-motion:reduce){
  .jp-drop-c{transition:none}
  .jp-drop.is-over .jp-drop-c:nth-child(1),
  .jp-drop.is-over .jp-drop-c:nth-child(2),
  .jp-drop.is-over .jp-drop-c:nth-child(3){transform:none;position:static}
  .jp-drop.is-over .jp-drop-ic{display:flex;gap:6px;width:auto;
                               align-items:center;justify-content:center}
}




.jp-tk-foot{flex:none;display:flex;align-items:center;gap:8px;min-width:0;
            padding-top:10px;border-top:1px solid var(--rule)}
.jp-tk-fnote{flex:1 1 auto;min-width:0;font-size:11px;color:var(--ink-3);
             overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jp-tk-fnote.is-bad{color:var(--danger);font-weight:500}
.jp-tk-cancel{flex:none;border:0;background:none;padding:0 4px;font:inherit;
              font-size:11.5px;font-weight:600;color:var(--ink-3);
              cursor:pointer}
.jp-tk-cancel:hover{color:var(--ink)}
.jp-tk-cancel:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.jp-tk-open{flex:none;height:30px;padding:0 14px;border-radius:15px;
            font:inherit;font-size:12px;font-weight:700;color:var(--ink);
            cursor:pointer}






.jp-chat-shots{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;min-width:0}
.jp-chat-shots[hidden]{display:none}
.jp-chat-shots.is-pending{flex:none;margin:0;padding:8px 12px 0;
                          border-top:1px solid var(--rule);
                          background:var(--paper-2)}


.jp-chat-shots.is-pending:not([hidden])+.jp-chat-form{border-top:0}
.jp-tk-form .jp-chat-shots{flex:none;margin:0;max-height:104px;overflow-y:auto;
                           scrollbar-width:thin}
.jp-shot{position:relative;display:block;width:54px;height:54px;flex:none;
         border-radius:9px;overflow:hidden;background:var(--paper-3);
         border:1px solid var(--g-lite-rim);transition:border-color .12s}
.jp-shot img{width:100%;height:100%;object-fit:cover;display:block}
a.jp-shot:hover,a.jp-file:hover{border-color:var(--ink-3)}
a.jp-shot:focus-visible,a.jp-file:focus-visible{outline:2px solid var(--ink);
         outline-offset:1px}


.jp-file{position:relative;display:flex;align-items:center;gap:8px;
         width:100%;min-width:0;padding:7px 9px;border-radius:9px;
         background:var(--paper-3);border:1px solid var(--g-lite-rim);
         text-decoration:none;color:inherit;transition:border-color .12s}
.jp-file-ic{flex:none;width:24px;height:24px;border-radius:6px;display:grid;
            place-items:center;background:var(--paper);
            border:1px solid var(--g-lite-rim);color:var(--ink-3)}
.jp-file-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.jp-file-n{font-size:11.5px;font-weight:600;color:var(--ink);overflow:hidden;
           text-overflow:ellipsis;white-space:nowrap}
.jp-file-s{font-size:10px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.jp-shot-x{position:absolute;top:2px;right:2px;width:18px;height:18px;padding:0;
           border:0;border-radius:50%;background:var(--ink);color:var(--paper);
           font-size:12px;line-height:1;cursor:pointer;display:grid;
           place-items:center;z-index:2}
.jp-file .jp-shot-x{position:static;margin-left:4px}
.jp-chat-file{display:none}



.jp-chat-attach{flex:none;width:30px;height:30px;border-radius:50%;
                border:1px solid var(--rule);display:none;place-items:center;
                background:none;color:var(--ink-2);cursor:pointer;
                transition:color .12s,border-color .12s}
.jp-chat.is-support .jp-chat-form .jp-chat-attach{display:grid}
.jp-chat-attach:hover{color:var(--ink);border-color:var(--rule-2)}
.jp-chat-attach:focus-visible{outline:2px solid var(--ink);outline-offset:2px}












.jp-sup-bar{display:flex;align-items:center;gap:8px;min-width:0;
            flex-wrap:wrap;row-gap:8px;gap:6px;
            padding:0 14px 10px;border-bottom:1px solid var(--rule)}
.jp-sup-bar[hidden]{display:none}
.jp-sup-back{flex:none;width:24px;height:24px;padding:0;border-radius:50%;
             display:grid;place-items:center;cursor:pointer;color:var(--ink-2);
             border:1px solid var(--rule);background:none;
             transition:color .12s,border-color .12s}
.jp-sup-back:hover{color:var(--ink);border-color:var(--rule-2)}
.jp-sup-back:focus-visible{outline:2px solid var(--ink);outline-offset:2px}







.jp-sup-name{flex:1 1 0;min-width:0;font-size:12.5px;font-weight:700;
             color:var(--ink);overflow:hidden;text-overflow:ellipsis;
             white-space:nowrap}



.jp-sup-back+.jp-sup-name{margin-left:0}
.jp-sup-bar .jp-tk-ref,.jp-sup-bar .jp-tk-chip{flex:none;margin-left:2px}
.jp-sup-bar .jp-tk-ref{margin-left:8px}
.jp-sup-mail{flex:0 1 auto;min-width:0;font-size:10.5px;color:var(--ink-3);
             overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jp-sup-mail[hidden]{display:none}










.jp-tk-intro{flex:none;align-self:stretch;
             







             margin:1px 26px 2px 32px;
             padding:1px 0 1px 9px;
             border-left:2px solid var(--rule-2);
             background:none;border-top:0;border-right:0;border-bottom:0;
             border-radius:0}
.jp-tk-intro[hidden]{display:none}
.jp-tk-intro-p,.jp-tk-intro-b{margin:0;font-size:10.5px;line-height:1.5;
             color:var(--ink-3)}
.jp-tk-intro-b{margin-top:3px}
.jp-tk-intro-n{display:none}
.jp-sup-state{flex:none;margin-left:auto;height:26px;padding:0 11px;border-radius:13px;
              font:inherit;font-size:11px;font-weight:700;color:var(--ink);
              cursor:pointer}





@container (max-width:300px){
  .jp-sup-bar .jp-sup-mail{display:none}
  .jp-sup-state{flex:0 0 100%;margin-left:0}
}
.jp-sup-state[hidden]{display:none}


.jp-sup-state.is-resolved{color:var(--ink-3)}



.jp-sup-state.is-armed{color:var(--paper);border-color:var(--danger);
              background:linear-gradient(180deg,var(--danger),var(--danger))}
.jp-sup-state.is-armed:hover{border-color:var(--danger)}
.jp-sup-bar.is-priority .jp-sup-name{color:var(--danger)}









.jp-chat.is-support .jp-chat-log{min-height:0}










@keyframes jp-seg-in{from{opacity:0;transform:translateY(4px)}
                     to{opacity:1;transform:none}}
.jp-seg.is-in{animation:jp-seg-in .16s cubic-bezier(.22,1,.36,1)}
@media (prefers-reduced-motion:reduce){ .jp-seg.is-in{animation:none} }

.jp-chat.is-off .jp-sup-bar,.jp-chat.is-off .jp-sup-inbox,
.jp-chat.is-off .jp-tk-head,.jp-chat.is-off .jp-tk-form,
.jp-chat.is-off .jp-tk-intro{display:none}






.jp-chat-offnote{display:none}