/* 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. */







































:root {
  



  --chr-a:#FFFFFF; --chr-b:#FAFAFC; --chr-c:#F6F6F8; --chr-d:#EDEDF1;
  






  --chr-hi:#FFFFFF;
  --chr-lo:rgba(18,18,24,.13);
  








  --chr-h-a:#FFFFFF; --chr-h-b:#F5F5F9; --chr-h-c:#E6E6EE; --chr-h-d:#D4D4DE;
  











  --chr-spec:rgba(18,18,24,.24);
}





:root[data-mode="dark"] {
  --chr-a:#414147; --chr-b:#3A3A40; --chr-c:#35353B; --chr-d:#2E2E34;
  

  --chr-hi:#6A6A76;
  --chr-lo:rgba(0,0,0,.38);
  --chr-spec:rgba(255,255,255,.30);
  



  --chr-h-a:#5E5E68; --chr-h-b:#4C4C55; --chr-h-c:#3B3B43; --chr-h-d:#2E2E36;
}



.rail,
.jcc, .jc,
.jp-prof, .jp-recent, .jp-chat,
.tbl-wrap {
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--paper-2), var(--paper-2)) padding-box,
    var(--rim-lg) border-box !important;
  box-shadow: var(--lift-lg), inset 0 1px var(--spec) !important;
}



.rail {
  background:
    linear-gradient(var(--paper-2), var(--paper-2)) padding-box,
    var(--rim-tall) border-box !important;
}
.jcc, .jc {
  background:
    linear-gradient(var(--paper-2), var(--paper-2)) padding-box,
    var(--rim-wide) border-box !important;
}







.shell {
  padding: 10px;
  gap: 10px;
}
.rail {
  border-right: 0 !important;
  border-radius: 16px;
  overflow: hidden auto;
}



.jp-prof, .jp-recent, .jp-chat { border-radius: 14px; }
.jcc, .jc { border-radius: 14px; }
.tbl-wrap { border-radius: 14px; }



.rail,
.jp-recent, .jp-chat { position: relative; }




.rail, .jp-prof, .jp-recent, .jp-chat { isolation: isolate; }
.rail::before,
.jp-prof::before,
.jp-recent::before,
.jp-chat::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: var(--sheen);
}






.jcc-shot,
.jcc-strip > *,
.jc-hero,
.jc-media img,
.fset-lay {
  box-shadow: var(--well);
}




.fset-lay {
  background: var(--paper-3) !important;
  border-color: transparent !important;
}





.pk-chip,
.pill {
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec) !important;
}









.set-market:has(input:checked),
.set-market.on,
.set-set,
.set-seller {
  background: var(--raise) !important;
}

.set-card code,
.set-market.is-locked,
.set-vc-state {
  background: var(--paper-3) !important;
  box-shadow: var(--well);
}




.set-card {
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--paper-2), var(--paper-2)) padding-box,
    var(--rim-lg) border-box !important;
  box-shadow: var(--lift-lg), inset 0 1px var(--spec) !important;
  border-radius: 14px;
}










@media (prefers-reduced-motion: reduce) {
  .rail::before,
  .jp-prof::before,
  .jp-recent::before,
  .jp-chat::before { display: none; }
}








.rail-links {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
.rail-links a.rail-lk {
  flex-direction: row !important;
  




  justify-content: center !important;
  gap: 11px !important;
  height: auto !important;
  padding: 11px 14px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec) !important;
  font-size: 13px !important;
  color: var(--ink-2);
}
.rail-links a.rail-lk:hover { color: var(--ink); }







.rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand).on,
.rail .rgn-opt.on,
.rail .nav-drop {
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec) !important;
}







.jp-prof-h,
.jp-recent-h,
.jp-chat-t {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .13em !important;
  color: var(--ink-3) !important;
}










.jp-prof-h,
.jp-recent-h { padding-left: 16px !important; padding-right: 16px !important; }

.jp-prof-grid { background: var(--rule) !important; gap: 1px; }



.jp-prof-cell { padding-left: 12px !important; padding-right: 12px !important; }
.jp-prof-cell > :last-child { font-size: 11px; color: var(--ink-3); }



















.jp-prof-h {
  display: flex !important;
  align-items: center;
  gap: 8px;
  text-align: left !important;
  border-bottom: 0 !important;
  padding: 15px 18px 0 !important;
}
.jp-prof-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--positive); flex: none;
}


.jp-prof-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 13px 14px !important;
  background: none !important;
  padding: 14px 18px 0 !important;
}




.jp-prof-cell {
  align-items: center !important;
  text-align: center !important;
  background: none !important;
  padding: 0 !important;
  gap: 0 !important;
}
.jp-prof-cell span { font-size: 11.5px; color: var(--ink-3); }












.jp-prof-field {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin: 13px 18px 0;
  padding: 8px 11px;
  border-radius: 9px;
  border: 1px solid transparent;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec);
}
.jp-prof-field-l { font-size: 11.5px; color: var(--ink-3); flex: none; }


.jp-prof-field-v {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -.01em;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}



.jp-prof-foot {
  position: relative;
  border-top: 0 !important;
  margin-top: 15px;
  padding: 15px 18px 16px !important;
}
.jp-prof-foot::before {
  content: "";
  position: absolute; top: 0; left: 18px; right: 18px; height: 1px;
  background: var(--rule);
}


.jp-recent-h {
  text-align: left !important;
  border-bottom: 0 !important;
  padding: 14px 18px 4px !important;
}












.jp-recent-it {
  



  border-radius: 14px !important;
  padding: 5px 9px 5px 5px !important;
  height: 48px !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec) !important;
}


.jp-recent-it:hover {
  box-shadow: var(--lift-lg), inset 0 1px var(--spec) !important;
}
.jp-recent-it + .jp-recent-it { border-top: 0; }


.jp-recent-sh { width: 38px !important; height: 38px !important;
                border-radius: 10px !important; }
.jp-recent-n { font-size: 11.5px !important; }
.jp-recent-mk { width: 22px !important; height: 22px !important; }





.jp-chat-t { padding-left: 4px; }
.jp-chat-h { padding: 14px 18px 8px !important; }
.jp-chat-log { padding: 0 !important; }
.jp-chat-msg {
  padding: 11px 18px !important;
  margin: 0 !important;
}
.jp-chat-msg + .jp-chat-msg { border-top: 1px solid var(--rule); }
.jp-chat-form { padding-left: 18px !important; padding-right: 18px !important; }


























.jp-chat-form { background: var(--raise) !important; }













.jp-chat-note { background: var(--paper-3); }
.jp-chat.is-off .jp-chat-offnote {
  flex: 1 1 auto;
  display: grid;
  place-content: center;
  justify-items: center;
  text-align: center;
  background: none;
  padding: 8px 28px 22px;
  max-width: 34ch;
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.55;
  color: var(--ink-3);
  text-wrap: balance;
}











.btn:not(.btn-primary):not(.btn-quiet),
.jc-neg:not(.on) {
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec) !important;
}



















.jc-neg.on {
  border: 1px solid var(--ink) !important;
  background: var(--ink) !important;
  color: var(--paper) !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,.34) !important;
}
.jc-neg.on:hover { background: var(--ink-2) !important; border-color: var(--ink-2) !important; }











.jp-totop {
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec) !important;
  bottom: 52px !important;
  width: auto !important;
  height: 34px !important;
  padding: 0 2px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 0;
  border-radius: 999px !important;
}
.jp-totop-l {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1;
  white-space: nowrap;
}
.jp-totop svg { flex: none; }













.fset > .fstatus { display: none !important; }




.jp-chat-msg + .jp-chat-msg { border-top: 0 !important; }
.jp-chat-msg {
  margin: 0 14px 7px !important;
  padding: 9px 12px !important;
  border-radius: 13px;
  border: 1px solid transparent;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box;
}
.jp-chat-log { padding-top: 4px !important; padding-bottom: 4px !important; }



















:root[data-lay="columns"] .fset-lab,
:root[data-lay="columns"] .fpick { display: none !important; }






:root[data-lay="columns"] .fset {
  display: grid !important;
  grid-template-columns: var(--cols-main) var(--cols-side);
  gap: var(--cols-gap) !important;
  align-items: center;
  flex-wrap: nowrap !important;
}


:root[data-lay="columns"] .fset-cols {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
}
@media (min-width: 861px) {
  :root[data-lay="columns"] .fset-cols { padding-right: 16px; }
  





  .jp-colmain:has(.jfeed-cols) { scrollbar-gutter: auto; }
}
@media (max-width: 1000px) {
  :root[data-lay="columns"] .fset-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 680px) {
  :root[data-lay="columns"] .fset-cols { grid-template-columns: minmax(0, 1fr); }
}
:root[data-lay="columns"] .fset-lay { margin-left: auto !important; }


:root[data-lay="columns"] .fset > .fstatus { display: none !important; }





.fset-col {
  position: relative;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}


.fset-mk {
  display: inline-flex;
  align-items: center;
  







  flex: 1 1 auto;
  justify-content: center;
  gap: 8px;
  max-width: 100%;
  min-width: 0;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid transparent;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec);
  font: inherit;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ink);
  cursor: pointer;
  white-space: nowrap;
}
.fset-mk:hover { box-shadow: var(--lift-lg), inset 0 1px var(--spec); }
.fset-mk:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }




.fset-mk-i { flex: none; width: 16px; height: 16px; border-radius: 4px;
             object-fit: contain; }
.fset-mkopt .fset-mk-i { width: 20px; height: 20px; border-radius: 5px; }
.fset-mk-l { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.fset-mk-c { flex: none; color: var(--ink-3); }
.fset-mk[aria-expanded="true"] .fset-mk-c { transform: rotate(180deg); }




.fset-mkmenu {
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 60;
  min-width: 190px;
  max-height: 320px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 6px;
  border-radius: 14px;
  border: 1px solid transparent;
  background:
    linear-gradient(var(--paper-2), var(--paper-2)) padding-box,
    var(--rim-lg) border-box;
  box-shadow: var(--lift-lg), inset 0 1px var(--spec);
}
.fset-mkmenu[hidden] { display: none; }
.fset-mkopt {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 10px;
  background: none;
  font: inherit;
  font-size: 12.5px;
  color: var(--ink);
  cursor: pointer;
  text-align: left;
}
.fset-mkopt:hover:not(:disabled) { background: var(--paper-3); }
.fset-mkopt.is-on { font-weight: 700; }



.fset-mkopt:disabled { opacity: .38; cursor: not-allowed; }






















.jcol-mk {
  flex: none;
  width: 15px;
  height: 15px;
  object-fit: contain;
  filter: brightness(0);
  opacity: .85;
}
:root[data-mode="dark"] .jcol-mk { filter: brightness(0) invert(1); }
.jcol-name {
  font-size: 11.5px !important;
  letter-spacing: .1em !important;
  color: var(--ink) !important;
}






.jcol-n { display: none !important; }











.jcol-pause {
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec) !important;
  color: var(--ink-2) !important;
  min-width: 0 !important;
  justify-content: center !important;
  position: relative;
  




  flex: none !important;
}
.jcol-pause:hover { color: var(--ink) !important; }
.jcol-pause svg { width: 12px !important; height: 12px !important; }


.jcol-pause [data-plabel] {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 15px;
  height: 15px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--accent);
  color: var(--paper);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 15px;
  text-align: center;
}
.jcol-pause [data-plabel]:empty { display: none; }








.jcol-pause.on {
  background: var(--ink-3) !important;
  color: var(--paper) !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--g-sspec) !important;
}
.jcol-pause.on:hover {
  background: var(--ink-2) !important;
  color: var(--paper) !important;
}






@font-face {
  font-family: "JP Wordmark";
  src: url("/static/jp/fonts/archivo-700-latin.woff2?v=1") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}




.rail-brand {
  









  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  




  flex: none;
  text-decoration: none;
  transition: box-shadow .14s;
  font-family: "JP Wordmark", Arial, Helvetica, sans-serif !important;
  text-align: center;
  margin: 0 10px;
  padding: 11px 12px !important;
  font-size: 15px !important;
  letter-spacing: .17em !important;
  border-radius: 16px;
  border: 1px solid transparent;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec);
}









































.rail-logo {
  display: block;
  max-height: 32px;
  max-width: 44px;
  width: auto;
  height: auto;
  margin: 0;
  object-fit: contain;
}





.rail-brand-t {
  

  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}











img.rail-logo.mark-dark { display: none; }
:root[data-mode="dark"] img.rail-logo.mark-light { display: none; }
:root[data-mode="dark"] img.rail-logo.mark-dark { display: block; }








img.rail-logo.mark-light { filter: drop-shadow(0 1px 1px rgba(22,21,19,.16)) drop-shadow(0 4px 8px rgba(22,21,19,.22)); }
:root[data-mode="dark"] img.rail-logo.mark-dark { filter: drop-shadow(0 0 1px rgba(255,255,255,.22)) drop-shadow(0 3px 8px rgba(0,0,0,.6)); }


a.rail-brand:hover { box-shadow: var(--lift-lg), inset 0 1px var(--spec); }
a.rail-brand:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }












@media (max-width: 860px) {
  .rail-brand { display: none !important; }
}







.jp-chat-msg.is-run { margin-top: 0 !important; }
.jp-chat-msg.is-run .jp-chat-av { visibility: visible !important; }
.jp-chat-msg.is-run .jp-chat-meta { display: flex !important; }
.jp-chat-who-n {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: .01em;
  color: var(--ink) !important;
}
.jp-chat-when {
  font-size: 10px !important;
  font-variant-numeric: tabular-nums;
  color: var(--ink-3) !important;
}
.jp-chat-meta { margin-bottom: 3px; }
.jp-chat-body { font-size: 12.5px !important; color: var(--ink-2) !important; }



















.fcust-reset:hover,
.rgn-opt.on, .pk-item.on, .fpick-opt.on,
.setnav-i.on,




.fnav-i, .fnav-o, .tab, .recs-mks button.on,
.jp-thm:hover {
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec) !important;
}















.mkseg button.on,
.sortseg button.on,
.rgnseg button.on,
.fset-lay button.on,
.fcust-seg button.on {
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec) !important;
  color: var(--ink) !important;
}
.mkseg button.on b,
.rgnseg button.on b { opacity: .55; }





.mkseg button:hover:not(.on),
.sortseg button:hover:not(.on),
.rgnseg button:hover:not(.on),
.fset-lay button:hover:not(.on),
.fcust-seg button:hover:not(.on) {
  border-color: transparent !important;
  background: var(--tint) !important;
  box-shadow: none !important;
  color: var(--ink) !important;
}







.sortseg button.on img { filter: none !important; }
:root[data-mode="dark"] .sortseg img { filter: invert(1) !important; }





















.jp-recent-list {
  height: 121px !important;
  padding: 9px 11px !important;
  gap: 7px !important;
}



























.btn-primary:not(.is-done):not(.is-failed):not(.is-needsyou):not(.is-gone),
.jc-negsend,
.fpick-btn,
.fcust-btn,
.jp-chat-send {
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec) !important;
  color: var(--ink) !important;
}








































.jc-buy:not(.is-done):not(.is-failed):not(.is-needsyou):not(.is-gone) {
  background: linear-gradient(180deg, var(--chr-a), var(--chr-b) 40%,
                              var(--chr-c) 62%, var(--chr-d)) padding-box,
              var(--rim-sm) border-box !important;
  overflow: hidden;
  position: relative;
  isolation: isolate;
}
.jc-buy:not(.is-done):not(.is-failed):not(.is-needsyou):not(.is-gone):hover,
.jc-buy:not(.is-done):not(.is-failed):not(.is-needsyou):not(.is-gone):focus-visible {
  background: linear-gradient(180deg, var(--chr-h-a), var(--chr-h-b) 40%,
                              var(--chr-h-c) 62%, var(--chr-h-d)) padding-box,
              var(--rim-sm) border-box !important;
  




  box-shadow: var(--lift-lg),
              inset 0 1px 0 var(--chr-hi),
              inset 0 -1px 0 var(--chr-lo) !important;
}



















.jcc-buy:not(.is-done):not(.is-failed):not(.is-needsyou):not(.is-gone):hover {
  background: rgba(22,21,15,.92) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.30) !important;
}






.jcc-buy { position: relative; overflow: hidden; isolation: isolate; }











.jp-prof-h .fstatus {
  position: static !important;
  transform: none !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  color: var(--ink-3) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .13em !important;
}
.jp-prof-h .fstatus.live { color: var(--ink-3) !important; }





.jp-prof-h .fstatus {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jp-prof-dot { background: var(--ink-3); transition: background .2s;
               position: relative; }










.jp-prof-h:has(.fstatus.live) .jp-prof-dot { background: var(--positive); }
.jp-prof-h:has(.fstatus.live) .jp-prof-dot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--positive);
  animation: jp-live-pulse 2.6s cubic-bezier(.25,.6,.35,1) infinite;
  pointer-events: none;
}
@keyframes jp-live-pulse {
  0%   { transform: scale(1);   opacity: .40; }
  70%  { transform: scale(2.7); opacity: 0; }
  100% { transform: scale(2.7); opacity: 0; }
}


@media (prefers-reduced-motion: reduce) {
  .jp-prof-h:has(.fstatus.live) .jp-prof-dot::after { animation: none; }
}


.rail-av { position: relative; overflow: hidden; }
.rail-av img {
  position: absolute; inset: 0;
  width: 100%; height: 100%; object-fit: cover;
  border-radius: inherit;
}
.rail-av img[hidden] { display: none; }




.rail-av:has(img) .rail-av-ini { display: none; }

















.fb-modal {
  border: 1px solid transparent !important;
  border-radius: 20px !important;
  background:
    linear-gradient(var(--paper-2), var(--paper-2)) padding-box,
    var(--rim-lg) border-box !important;
  box-shadow: var(--lift-lg), inset 0 1px var(--spec) !important;
}



.fb-head, .fb-foot {
  background: none !important;
  border-color: var(--rule) !important;
}
.fb-head h2 { font-size: 16px !important; font-weight: 700 !important; }


.fb-label {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase;
  color: var(--ink-3) !important;
}


.fb-src,
.fb-btn:not(.is-quiet),
.fb-add,
.fb-x:hover {
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec) !important;
  color: var(--ink-2) !important;
}
.fb-src:hover, .fb-btn:not(.is-quiet):hover, .fb-add:hover {
  box-shadow: var(--lift-lg), inset 0 1px var(--spec) !important;
  color: var(--ink) !important;
}




.fb-src.is-on {
  background: var(--ink) !important;
  color: var(--paper) !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--g-sspec) !important;
  font-weight: 700 !important;
}



.fb-src.is-locked, .fb-src.is-locked[disabled] {
  background: none !important;
  box-shadow: none !important;
  border: 1px dashed var(--rule-2) !important;
  color: var(--ink-3) !important;
}


.fb-btn.is-primary {
  background: var(--ink) !important;
  border: 1px solid transparent !important;
  color: var(--paper) !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--g-sspec) !important;
}
.fb-btn.is-primary:hover { filter: none !important; box-shadow: var(--lift-lg), inset 0 1px var(--g-sspec) !important; }
.fb-btn.is-quiet { border-radius: 999px !important; }


.fb-input, .fb-textarea {
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: var(--paper-3) !important;
  box-shadow: var(--well, inset 0 1px 2px rgba(0,0,0,.06)) !important;
  color: var(--ink) !important;
}





.fb-input:focus-visible, .fb-textarea:focus-visible {
  outline: 2px solid var(--ink) !important;
  outline-offset: 1px;
}
.fb-input:focus, .fb-textarea:focus { outline: none !important; }




.fb-chip {
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background:
    linear-gradient(var(--raise), var(--raise)) padding-box,
    var(--rim-sm) border-box !important;
  box-shadow: var(--lift-sm), inset 0 1px var(--spec) !important;
}
.fb-seg { border-right-color: var(--rule) !important; }
button.fb-seg:hover { background: var(--paper-3) !important; color: var(--ink) !important; }
.fb-chip-x:hover { background: var(--danger) !important; color: #fff !important; }






.fb-empty {
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: var(--paper-3) !important;
  box-shadow: var(--well, inset 0 1px 2px rgba(0,0,0,.05)) !important;
  color: var(--ink-3) !important;
}


.fb-summary {
  border: 1px solid transparent !important;
  border-left: 3px solid var(--ink) !important;
  border-radius: 14px !important;
  background: var(--paper-3) !important;
  box-shadow: none !important;
}


.fb-pop {
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  background:
    linear-gradient(var(--paper-2), var(--paper-2)) padding-box,
    var(--rim-lg) border-box !important;
  box-shadow: var(--lift-lg), inset 0 1px var(--spec) !important;
}
.fb-opt { border-radius: 10px !important; }
.fb-opt:hover { background: var(--paper-3) !important; }























.jcc-act.has-buy .jcc-buy  { flex: 1 1 auto; min-width: 62px; }
































.jcc-act { flex-wrap: nowrap; }
.jcc-act.has-buy .jcc-buy.is-done,
.jcc-act.has-buy .jcc-buy.is-failed,
.jcc-act.has-buy .jcc-buy.is-needsyou { flex: 1 1 100%; min-width: 0; }
.jcc-act.has-buy:has(.jcc-buy.is-done) .jcc-open,
.jcc-act.has-buy:has(.jcc-buy.is-failed) .jcc-open,
.jcc-act.has-buy:has(.jcc-buy.is-needsyou) .jcc-open,
.jcc-act.has-buy:has(.jcc-buy.is-done) .jcc-spam,
.jcc-act.has-buy:has(.jcc-buy.is-failed) .jcc-spam,
.jcc-act.has-buy:has(.jcc-buy.is-needsyou) .jcc-spam { display: none; }
.jcc-act.has-buy .jcc-open { flex: 0 1 auto; min-width: 0; }











@media (max-width: 860px) {
  .shell {
    


    display: block;
    padding: 0;
    gap: 0;
  }
  .rail {
    position: sticky !important;
    top: 0;
    border: 0 !important;
    border-bottom: 1px solid var(--rule) !important;
    border-radius: 0;
    overflow: auto hidden;
    box-shadow: none !important;
    




    background:
      linear-gradient(to right, var(--paper) 40%, transparent) left / 24px 100% no-repeat local,
      linear-gradient(to left,  var(--paper) 40%, transparent) right / 24px 100% no-repeat local,
      linear-gradient(to right, var(--rule-2), transparent) left / 9px 100% no-repeat scroll,
      linear-gradient(to left,  var(--rule-2), transparent) right / 9px 100% no-repeat scroll,
      var(--paper) !important;
  }
  

  .rail::before { display: none; }
  


  .tbl-wrap {
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
  }
}








@media (max-width: 860px) {
  









  .jc-act .btn:not(.jc-buy):not(.jc-open.btn-primary),
  .jc-act .jc-neg, .jc-act .jc-readmore {
    height: 38px;
    padding: 0 16px;
    font-size: 13px;
  }
  .jc-act .jc-spam { height: 38px; width: 38px; }
  .jcc-open, .jcc-buy { height: 34px; }
  





  .jcc-buy { height: 38px; }
  .jcc-spam { height: 34px; width: 34px; }
}







@media (max-width: 860px) {
  .rail-links {
    



    display: flex !important;
    grid-template-columns: none !important;
    gap: 6px !important;
  }
  .rail-links a.rail-lk {
    height: 36px !important;
    width: 38px;
    padding: 0 !important;
    justify-content: center !important;
    gap: 0 !important;
  }
}



@media (max-width: 860px) {
  .acts .btn { min-width: 44px; }
}














.fb-scrim { align-items: flex-start !important; }
.fb-modal { margin: min(7vh, 56px) auto 0 !important; }













@media (max-width: 860px) {
  
  .rail {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    align-items: center !important;
    scrollbar-width: none;
  }
  .rail > a, .rail > span { flex: 0 0 auto !important; }

  




  .rail-foot {
    flex: 0 0 auto !important;
    position: sticky !important;
    right: 0;
    margin-left: auto;
    margin-top: 0 !important;
    padding: 6px 8px !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    background: var(--paper);
    box-shadow: -14px 0 14px -8px var(--paper);
    z-index: 3;
  }

  


  .rail-foot .rail-links { display: none !important; }

  





  .rail-foot .rail-you { display: none !important; }

  
  .fset.is-folded { display: none !important; }
  .jp-fsetbtn { display: inline-flex !important; }
}



@media (min-width: 861px) {
  .jp-fsetbtn { display: none !important; }
}