/* 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{
  --rf-ease:cubic-bezier(.32,.72,0,1);
  --rf-fold:.26s;      
  

  --rf-open:176px;     
  


  --rf-pad:calc((74px - var(--ric)) / 2);
  --rf-row:calc(var(--rf-open) - 14px - var(--rf-pad) - 1px);   
}





:root[data-rf] .rail{
  border:1px solid transparent !important;
  border-radius:16px !important;
  background:linear-gradient(var(--paper-2),var(--paper-2)) padding-box,
             var(--rim-tall) border-box !important;
  box-shadow:var(--lift-lg), inset 0 1px var(--spec) !important;
  transition:width var(--rf-fold) var(--rf-ease), box-shadow .22s var(--rf-ease);
}
:root[data-rf] .rail::after{display:none !important}
:root[data-rf] .rail::before{display:block !important}
@media (prefers-reduced-motion:reduce){
  :root[data-rf] .rail{transition:none}
  :root[data-rf] .rail::before{display:none !important}
}




























:root[data-rail="full"]{--rail:var(--rf-open)}
:root[data-rail="full"][data-rail-peek]{--rail:76px}

@media (min-width:861px){
  :root[data-rail="icons"] .rail{width:76px}
  :root[data-rail="full"]  .rail{width:var(--rf-open)}
  :root[data-rail-peek]    .rail{width:76px}
}


@media (max-width:860px){ .rail{width:76px} }
@media (max-width:560px){ .rail{width:58px} }












:root[data-rail="full"] .rail{padding:14px 0 !important;gap:var(--ric-sec) !important}
:root[data-rail="full"] .rail-sec{padding:0 12px 0 var(--rf-pad) !important;gap:var(--ric-gap) !important}
:root[data-rail="full"] .rail-foot{padding:0 12px 0 var(--rf-pad) !important;gap:var(--ric-gap) !important;
                                   margin-top:auto !important}
:root[data-rail="full"] .rail-links{gap:var(--ric-gap) !important}
:root[data-rail="full"] .rail-me{gap:var(--ric-gap) !important}
:root[data-rail="full"] .rbx{padding:0 !important}
:root[data-rail="full"] .rail-brand{
  height:60px !important;padding:0 10px 0 8px !important;margin:0 10px 2px !important;
}




:root[data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand),
:root[data-rail="full"] .rbx-open,
:root[data-rail="full"] .rail-links a.rail-lk,
:root[data-rail="full"] .rail-me .rail-ic,
:root[data-rail="full"] .rail-me .rail-you{
  width:var(--rf-row) !important;
  flex:none !important;
  padding:0 12px 0 54px !important;
  justify-content:flex-start !important;
  white-space:nowrap;
  

  overflow:clip;overflow-clip-margin:1px;
  font-size:13px !important;font-weight:500 !important;letter-spacing:-.005em !important;
  color:var(--ink) !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;
  transform:none !important;
  


  



  transition:width var(--rf-fold) var(--rf-ease), padding var(--rf-fold) var(--rf-ease),
             text-indent var(--rf-fold) var(--rf-ease),
             box-shadow .18s var(--rf-ease), color .16s var(--rf-ease) !important;
  clip-path:none !important;
}






:root[data-rail-shut][data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand),
:root[data-rail-shut][data-rail="full"] .rail .rbx-open,
:root[data-rail-shut][data-rail="full"] .rail .rail-links a.rail-lk,
:root[data-rail-shut][data-rail="full"] .rail .rail-me .rail-ic,
:root[data-rail-shut][data-rail="full"] .rail .rail-me .rail-you{
  


  width:var(--ric) !important;
  padding:0 !important;
  clip-path:none !important;
}
:root[data-rail="full"] .rail-me .rail-ic::after{font-size:13px;font-weight:500}
:root[data-rail="full"] .rail-me .rail-who b{font-size:13px;font-weight:500;color:var(--ink)}

:root[data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand):hover,
:root[data-rail="full"] .rbx-open:hover,
:root[data-rail="full"] .rail-links a.rail-lk:hover,
:root[data-rail="full"] .rail-me .rail-ic:hover,
:root[data-rail="full"] .rail-me .rail-you:hover{
  background:linear-gradient(var(--raise),var(--raise)) padding-box, var(--rim-sm) border-box !important;
  border-color:transparent !important;
  box-shadow:0 2px 4px rgba(0,0,0,.07), 0 10px 22px -4px rgba(0,0,0,.16), inset 0 1px var(--spec) !important;
}






:root[data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand).on{
  font-weight:600 !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;
}



:root[data-rail-anim][data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand).on{
  box-shadow:inset 0 1px 0 var(--g-sspec), var(--g-cast-s) !important;
}
:root[data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand).on::before{
  box-shadow:inset 0 1px 0 var(--g-sspec);
}


:root[data-rail="full"] .rail-me .rail-ic-dot{top:4px !important;right:auto !important;left:calc(var(--ric) - 14px) !important}


:root[data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand)::before,
:root[data-rail="full"] .rbx-open::before,
:root[data-rail="full"] .rail-links a.rail-lk::before,
:root[data-rail="full"] .rail-me .rail-ic::before{
  border:1px solid transparent;
  background:linear-gradient(var(--raise),var(--raise)) padding-box, var(--rim-sm) border-box;
  box-shadow:inset 0 1px var(--spec);
  transition:none;
}
:root[data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand):hover::before,
:root[data-rail="full"] .rbx-open:hover::before,
:root[data-rail="full"] .rail-links a.rail-lk:hover::before,
:root[data-rail="full"] .rail-me .rail-ic:hover::before{box-shadow:inset 0 1px var(--spec) !important}
:root[data-rail="full"] .rail-me .rail-you .rail-av{box-shadow:inset 0 1px var(--spec) !important}
:root[data-rail="full"] .rail-me .rail-you:hover .rail-av{box-shadow:inset 0 1px var(--spec) !important}

:root[data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand):not(.on) > svg,
:root[data-rail="full"] .rbx-open > svg,
:root[data-rail="full"] .rail-links a.rail-lk svg,
:root[data-rail="full"] .rail-me .rail-ic:not(.jp-thm) > svg{color:var(--ink-2)}




:root[data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand) > svg,
:root[data-rail="full"] .rbx-open > svg,
:root[data-rail="full"] .rail-links a.rail-lk svg,
:root[data-rail="full"] .rail-me .rail-ic:not(.jp-thm) > svg,
:root[data-rail="full"] .rail-me .rail-ic > .rail-ic-img{
  left:calc(var(--ric) / 2 - 1px);top:calc(var(--ric) / 2 - 1px);
  transform:translate(-50%,-50%);
  width:18px !important;height:18px !important;
}
:root[data-rail="full"] .rail-me .rail-ic > .rail-ic-img{width:22px !important;height:22px !important}
:root[data-rail="full"] .rail-links a.rail-lk[data-tip="Discord"] svg{width:16px !important;height:16px !important}
:root[data-rf] .rail svg, :root[data-rf] .rail .rail-ic-img{transition:none !important}












:root[data-rail="full"] .rail-me .jp-thm{padding:0 !important;justify-content:flex-start !important}
:root[data-rail="full"] .rail-me .jp-thm .jp-thm-sun,
:root[data-rail="full"] .rail-me .jp-thm .jp-thm-moon,
:root[data-mode="dark"][data-rail="full"] .rail-me .jp-thm .jp-thm-sun,
:root[data-mode="dark"][data-rail="full"] .rail-me .jp-thm .jp-thm-moon{
  position:absolute !important;top:calc(var(--ric) / 2 - 1px);
  width:18px !important;height:18px !important;
  transform:translate(-50%,-50%) !important;opacity:1;
  transition:left var(--rf-fold) var(--rf-ease), opacity .16s var(--rf-ease) .08s,
             color .2s var(--rf-ease) !important;
}
:root[data-rail="full"] .rail-me .jp-thm .jp-thm-sun{left:calc((var(--rf-row) - 2px) * .25)}
:root[data-rail="full"] .rail-me .jp-thm .jp-thm-moon{left:calc((var(--rf-row) - 2px) * .75)}

:root[data-rail-anim][data-rail="full"] .rail-me .jp-thm .jp-thm-sun,
:root[data-rail-anim][data-rail="full"] .rail-me .jp-thm .jp-thm-moon{
  left:calc(var(--ric) / 2 - 1px);
  transition:left var(--rf-fold) var(--rf-ease), opacity .12s var(--rf-ease) 0s,
             color .2s var(--rf-ease) !important;
}
:root[data-rail-anim][data-rail="full"]:not([data-mode="dark"]) .rail-me .jp-thm .jp-thm-sun,
:root[data-rail-anim][data-mode="dark"][data-rail="full"] .rail-me .jp-thm .jp-thm-moon{opacity:0}


:root[data-rail="full"] .rail-me .jp-thm::before{
  box-shadow:inset 0 1px var(--spec);
  transition:transform var(--rf-fold) var(--rf-ease), left var(--rf-fold) var(--rf-ease),
             top var(--rf-fold) var(--rf-ease), width var(--rf-fold) var(--rf-ease),
             height var(--rf-fold) var(--rf-ease), opacity .16s var(--rf-ease);
}
:root[data-rail-anim][data-rail="full"] .rail-me .jp-thm::before,
:root[data-rail-anim][data-mode="dark"][data-rail="full"] .rail-me .jp-thm::before{
  top:-1px;left:-1px;width:var(--ric);height:var(--ric);transform:none;opacity:1;
}





:root[data-rf][data-mode="dark"][data-rail="full"] .rail-me .jp-thm::before{transform:none;opacity:0}
:root[data-rf][data-mode="dark"][data-rail="full"] .rail-me .jp-thm::after{
  content:"" !important;display:block !important;position:absolute;
  top:4px;left:calc(50% + 2px);right:auto;bottom:auto;
  width:calc(50% - 6px);height:calc(100% - 8px);transform:none;
  border-radius:9999px;background:var(--raise);border:1px solid var(--g-lite-rim);
  box-shadow:inset 0 1px var(--spec);opacity:1;pointer-events:none;
  font-size:0;line-height:0;padding:0;margin:0;z-index:0;
  transition:opacity .16s var(--rf-ease) .08s;
}
:root[data-rf][data-rail-anim][data-mode="dark"][data-rail="full"] .rail-me .jp-thm::before{opacity:1}
:root[data-rf][data-rail-anim][data-mode="dark"][data-rail="full"] .rail-me .jp-thm::after{
  opacity:0;transition:opacity .12s var(--rf-ease) 0s;
}






.rail-who, .rail-links a.rail-lk span, .rail-me .rail-ic::after{
  transition:opacity .16s var(--rf-ease) .1s, transform var(--rf-fold) var(--rf-ease);
}
:root[data-rail-anim] .rail-who,
:root[data-rail-anim] .rail-links a.rail-lk span, :root[data-rail-anim] .rail-me .rail-ic::after{
  transition:opacity .12s var(--rf-ease) 0s, transform var(--rf-fold) var(--rf-ease);
}



:root[data-rail-anim][data-rail="full"] .rail-me .rail-you .rail-who{
  opacity:0 !important;transform:translateX(-14px) !important;
}
:root[data-rail="full"] .rail-me .rail-you .rail-you-c{opacity:1;transition:opacity .16s var(--rf-ease) .1s}
:root[data-rail-anim][data-rail="full"] .rail-me .rail-you .rail-you-c{opacity:0;transition:opacity .12s var(--rf-ease) 0s}




:root[data-rail="full"] .rail{align-items:stretch !important}
:root[data-rail="full"] .rail-brand{overflow:clip;align-self:stretch}
.rail-brand-t{transition:opacity .22s var(--rf-ease), transform .3s var(--rf-ease)}
:root[data-rail-anim] .rail-brand-t{transition:opacity .12s var(--rf-ease), transform .3s var(--rf-ease)}





@media (max-height:700px){
  :root[data-rail="full"]{--ric:38px;--ric-gap:6px;--ric-sec:14px}
  :root[data-rail="full"] .rail-brand{height:48px !important;padding-left:12px !important}
  :root[data-rail="full"] .rail-logo{max-width:32px !important;max-height:32px !important}
  :root[data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand) > svg,
  :root[data-rail="full"] .rbx-open > svg,
  :root[data-rail="full"] .rail-links a.rail-lk svg,
  :root[data-rail="full"] .rail-me .rail-ic:not(.jp-thm) > svg{width:16px !important;height:16px !important}
  :root[data-rail="full"] .rail-me .rail-ic > .rail-ic-img{width:19px !important;height:19px !important}
  :root[data-rail="full"] .rail-me .rail-you .rail-av{font-size:14px !important}
}




.rail .rail-ic.on .rail-ic-img{filter:invert(1)}
:root[data-theme="graphite"] .rail .rail-ic.on .rail-ic-img{filter:none}






:root[data-rf][data-rail="icons"] .rail-sec > a,
:root[data-rf][data-rail="icons"] .rail-links a.rail-lk,
:root[data-rf][data-rail="icons"] .rbx-open,
:root[data-rf][data-rail="icons"] .rail-me .rail-ic,
:root[data-rf][data-rail="icons"] .rail-me .rail-you{
  transition:transform .14s ease-out, filter .14s ease-out,
             color .16s var(--rf-ease), box-shadow .18s var(--rf-ease) !important;
}
:root[data-rf][data-rail="icons"] .rail-sec > a:active,
:root[data-rf][data-rail="icons"] .rail-links a.rail-lk:active,
:root[data-rf][data-rail="icons"] .rbx-open:active,
:root[data-rf][data-rail="icons"] .rail-me .rail-ic:active,
:root[data-rf][data-rail="icons"] .rail-me .rail-you:active{
  transform:scale(.97) !important;filter:brightness(.96);transition-duration:.08s !important;
}
:root[data-rf][data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand):active,
:root[data-rf][data-rail="full"] .rbx-open:active,
:root[data-rf][data-rail="full"] .rail-links a.rail-lk:active,
:root[data-rf][data-rail="full"] .rail-me .rail-ic:active,
:root[data-rf][data-rail="full"] .rail-me .rail-you:active{filter:brightness(.96)}
:root[data-rf] .rail-fold:active{transform:var(--fold-y) scale(.96)}



:root[data-rail="full"] .rail-fold{opacity:1}

@media (prefers-reduced-motion:reduce){
  :root[data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand),
  :root[data-rail="full"] .rbx-open,
  :root[data-rail="full"] .rail-links a.rail-lk,
  :root[data-rail="full"] .rail-me .rail-ic,
  :root[data-rail="full"] .rail-me .rail-you,
  .rail-brand-t, .rail-who, .rail-links a.rail-lk span, .rail-me .rail-ic::after{transition:none !important}
}





@media (min-width:701px){
  








  .jp-split::after{
    content:"";position:absolute;
    left:max(0px, calc(50% - var(--rf-feed-inset,0px) / 2));top:50%;
    pointer-events:none;
    width:4px;height:44px;margin:-22px 0 0 -2px;
    border-radius:9999px;background:var(--ink-3);opacity:.34;
    transition:opacity .16s ease, background-color .16s ease, transform .22s var(--rf-ease);
  }
  .jp-split:hover::after,
  .jp-split:focus-visible::after{opacity:.9}
  .jp-split.is-drag::after{opacity:1;background:var(--ink);transform:scaleY(1.18)}
  :root[data-side="off"] .jp-split::after{opacity:.6}
  :root[data-side="off"] .jp-split > i{opacity:.35}
  :root[data-side="off"] .jp-split:hover > i{opacity:1}
  .jp-colside{transition:opacity .18s ease, transform .22s var(--rf-ease)}
  .jp-colside.is-closing{opacity:0;transform:translateX(14px);pointer-events:none}
  @starting-style{
    .jp-colside{opacity:0;transform:translateX(14px)}
  }
}





.youmenu{
  transform-origin:0 100%;
  transition:opacity .18s ease-out, transform .24s var(--rf-ease), display .24s allow-discrete;
}
.youmenu[hidden]{display:none;opacity:0;transform:translateY(6px) scale(.97);pointer-events:none}
@starting-style{
  .youmenu:not([hidden]){opacity:0;transform:translateY(6px) scale(.97)}
}


.setpanes .set-pick-menu{
  transform-origin:top left;
  transition:opacity .18s ease-out, transform .24s cubic-bezier(.16,1,.3,1), display .24s allow-discrete;
}
.setpanes .set-pick-menu[hidden]{display:none;opacity:0;transform:translateY(-6px) scale(.97);pointer-events:none}
@starting-style{
  .setpanes .set-pick-menu:not([hidden]){opacity:0;transform:translateY(-6px) scale(.97)}
}
.set-pick-chev{transition:transform .22s var(--rf-ease) !important}
@keyframes rf-pane{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.setpane.on{animation:rf-pane .22s var(--rf-ease) both}
.setpanes .set-msg-p{transition:opacity .18s ease-out, transform .2s var(--rf-ease), display .2s allow-discrete}
.setpanes .set-msg-p:empty{opacity:0;transform:translateY(4px)}
@starting-style{
  .setpanes .set-msg-p:not(:empty){opacity:0;transform:translateY(4px)}
}
.adv{interpolate-size:allow-keywords}
.adv::details-content{height:0;overflow:clip;transition:height .26s var(--rf-ease), content-visibility .26s allow-discrete}
.adv[open]::details-content{height:auto}
.adv summary::before{display:inline-block;width:1em;transition:transform .2s var(--rf-ease)}
.jp-prof-field,.jp-prof-grid,.jp-prof-foot,.jp-recent-list{transition:opacity .18s ease, visibility .18s}
.jp-prof.is-off .jp-prof-field,.jp-prof.is-off .jp-prof-grid,
.jp-prof.is-off .jp-prof-foot,.jp-recent.is-off .jp-recent-list{opacity:0}
.rbx-note{transition:opacity .18s ease, display .18s allow-discrete}
.rbx-note[hidden]{display:none;opacity:0}
@starting-style{
  .rbx-note:not([hidden]){opacity:0}
}
.fnav .fnav-i{transition:background .14s,color .14s,transform .12s var(--rf-ease)}
.fnav .fnav-i:active{transform:scale(.985)}
.fnav .fnav-o{transition:background .14s,color .14s}
.fnav .fnav-chev{transition:transform .22s var(--rf-ease)}
.fmain .tbl tbody tr{transition:background-color .14s}
@media (prefers-reduced-motion:reduce){
  .youmenu,.setpanes .set-pick-menu,.setpanes .set-msg-p,.jp-colside,.rbx-note,
  .jp-prof-field,.jp-prof-grid,.jp-prof-foot,.jp-recent-list,
  .adv::details-content,.fnav .fnav-i,.fnav .fnav-o{transition:none !important}
  .setpane.on{animation:none !important}
}










main.wrap.page:has(.setwrap){
  max-width:none;
  padding-left:clamp(22px,2.2vw,40px);padding-right:clamp(22px,2.2vw,40px);
}
.setwrap{grid-template-columns:252px minmax(0,1fr);gap:36px}






.setpanes .setpane.on{
  display:block;max-width:820px;padding:0;overflow:hidden;
  background:var(--paper-2);border:1px solid var(--g-lite-rim);border-radius:16px;
  box-shadow:var(--lift-sm);
}
.setpanes .set-card{
  margin:0 !important;border:0 !important;border-radius:0 !important;
  background:none !important;box-shadow:none !important;
  padding:18px 24px 20px;
}
.setpanes .set-card + .set-card{border-top:1px solid var(--rule) !important}
.setpanes .set-card-solo{padding:16px 24px}
.setpanes .set-card h3{
  font-size:14px;font-weight:500;letter-spacing:-.005em;line-height:1.35;margin:0 0 12px;color:var(--ink);
}
.setpanes .set-card h3 + .hint{margin:-9px 0 12px}


.setpanes .set-card:has(> .set-2fa),.setpanes .set-card:has(> .set-push-row){
  display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;align-items:start;
}
.setpanes .set-card > .set-2fa,.setpanes .set-card > .set-push-row{
  grid-column:2;grid-row:1;align-self:center;justify-self:end;margin:0 !important;
  display:flex;justify-content:flex-end;flex-wrap:nowrap;
}
.setpanes .set-card:has(> .set-2fa) > :not(.set-2fa),
.setpanes .set-card:has(> .set-push-row) > :not(.set-push-row){grid-column:1}

.setpanes .set-card:has(> .rf-sizeseg){
  display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;align-items:center;
}
.setpanes .set-card > .rf-sizeseg{grid-column:2;grid-row:1 / span 2;align-self:center;width:min(360px,100%)}
.setpanes .set-card:has(> .rf-sizeseg) > :not(.rf-sizeseg){grid-column:1}
.setpanes .rf-sizeseg .set-thmseg-b{min-height:40px;padding:5px 12px;gap:8px;font-size:13px}
.setpanes .rf-sizeseg .rf-sizeg{width:26px;height:26px}
.setpanes .set-card .hint,.setpanes .set-plan-note,.setpanes .set-note,
.setpanes .set-pp-lab,.setpanes .set-vc-lab{max-width:64ch}
.setpanes .set-card .hint{font-size:12.5px;line-height:1.55;color:var(--ink-3)}
.setpanes .set-card .hint strong{font-weight:600}
.setpanes .set-dl{font-size:13.5px;gap:8px 20px}
.setpanes .set-badge{
  display:inline-block;font-size:11px;line-height:1.5;font-weight:500;
  letter-spacing:0;text-transform:none;padding:2px 9px;vertical-align:3px;
}
.setpanes .set-badge::first-letter{text-transform:uppercase}



.setnav{gap:8px}
.setnav .setnav-i{
  height:44px;padding:0 14px 0 5px;gap:11px;font-weight:500;font-size:13px;
  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);
  transition:box-shadow .18s,color .14s,transform .12s var(--rf-ease);
}
.setnav .setnav-i:hover{
  background:linear-gradient(var(--raise),var(--raise)) padding-box, var(--rim-sm) border-box;
  box-shadow:0 2px 4px rgba(0,0,0,.06), 0 10px 22px -6px rgba(0,0,0,.14), inset 0 1px var(--spec);
}
.setnav .setnav-i.on{
  background:linear-gradient(var(--raise),var(--raise)) padding-box, var(--rim-sm) border-box;
  border-color:transparent;box-shadow:var(--lift-sm), inset 0 1px var(--spec);
}
.setnav .setnav-i:active{transform:scale(.985)}
.setnav .setnav-ic{
  width:32px;height:32px;border-radius:50%;justify-content:center;
  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);
  color:var(--ink-2);transition:background .18s,color .16s,box-shadow .18s;
}
.setnav .setnav-i:hover .setnav-ic{color:var(--ink)}
.setnav .setnav-i.on{font-weight:600}
.setnav .setnav-i.on .setnav-ic{
  border-color:var(--g-solid-rim);
  background:linear-gradient(180deg,var(--g-solid-a),var(--g-solid-b));
  box-shadow:inset 0 1px 0 var(--g-sspec), var(--g-cast-s);
  color:var(--g-solid-ink);
}

.fnav .fnav-i{font-weight:500}
.fnav .fnav-sec.is-set .fnav-i{font-weight:600}










:root[data-rf] .fb-label{
  text-transform:none;letter-spacing:-.005em;font-size:13px;font-weight:600;
  color:var(--ink);margin-bottom:8px;
}
:root[data-rf] .fb-group-h{text-transform:none;letter-spacing:0;font-size:11.5px;font-weight:600}
:root[data-rf] .fb-field:has(> #fb-name) > .fb-hint{display:none}


:root[data-rf] .fb-src .mk-logo{
  width:16px;height:16px;border-radius:4px;object-fit:contain;background:#fff;display:block;
}
:root[data-rf] .fb-src-ic{display:inline-flex;align-items:center}
:root[data-rf] .fb-src-lock{display:inline-flex;align-items:center;margin-left:2px;opacity:.55}


:root[data-rf] .fb-chip .fb-chip-x{margin-left:auto}










:root[data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand),
:root[data-rail="full"] .rbx-open,
:root[data-rail="full"] .rail-links a.rail-lk,
:root[data-rail="full"] .rail-me .rail-ic,
:root[data-rail="full"] .rail-me .rail-you{
  font-size:13px !important;letter-spacing:0 !important;color:var(--ink-2) !important;
}
:root[data-rail="full"] .rail-me .rail-ic::after{font-size:13px;letter-spacing:0;color:inherit}
:root[data-rail="full"] .rail-me .rail-who b{font-size:13px;letter-spacing:0;color:inherit;font-weight:500}
:root[data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand).on{
  color:var(--ink) !important;font-weight:600 !important;
}
:root[data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand):hover,
:root[data-rail="full"] .rbx-open:hover,
:root[data-rail="full"] .rail-links a.rail-lk:hover,
:root[data-rail="full"] .rail-me .rail-ic:hover,
:root[data-rail="full"] .rail-me .rail-you:hover{color:var(--ink) !important}










.youmenu{
  border:1px solid transparent;border-radius:16px;padding:16px;
  background:linear-gradient(var(--paper-2),var(--paper-2)) padding-box, var(--rim-tall) border-box;
  box-shadow:var(--lift-lg), 0 18px 48px -18px rgba(0,0,0,.22), inset 0 1px var(--spec);
}
:root[data-mode="dark"] .youmenu{box-shadow:var(--lift-lg), 0 18px 48px -14px rgba(0,0,0,.7), inset 0 1px var(--spec)}
.youmenu-plan{margin-top:14px;padding-top:13px}
.youmenu-st{
  font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;line-height:1.5;
  padding:1px 8px;border-radius:9999px;color:var(--positive);background:var(--positive-soft);
}
.youmenu-plan.is-off .youmenu-st{color:var(--ink-2);background:var(--paper-3)}
.youmenu-st::first-letter{text-transform:uppercase}
.youmenu-acts{gap:8px;margin-top:14px}
























@media (min-width:701px) and (max-width:1000px){
  :root[data-rf][data-lay="columns"] .jfeed-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  

  :root[data-rf][data-lay="columns"] .fset-cols{grid-template-columns:repeat(3,minmax(0,1fr));padding-right:16px}
  :root[data-rf][data-lay="columns"] .jcol{container:rf-lane / inline-size}
}
@container rf-lane (max-width:239px){
  .jcc > .jcc-strip{display:none}
}
@container rf-lane (max-width:189px){
  .jcc-body{padding:8px 9px 9px}
  .jcc-act{gap:5px}
  .jcc-open,.jcc-buy,.jcc-spam{height:24px;padding:0 9px;font-size:11px}
}
@media (max-width:860px){
  



  





  :root[data-rf] .fset-lay::before{
    box-sizing:border-box;
    width:calc((100% - 10px) / 3);
    height:calc(100% - 6px);
  }
  :root[data-rf] .fset-lay:has(> button:nth-of-type(2).on)::before{transform:translateX(calc(100% + 2px))}
  :root[data-rf] .fset-lay:has(> button:nth-of-type(3).on)::before{transform:translateX(calc(200% + 4px))}
}




































@media (min-width:721px), (hover:hover){
  :root[data-rf] .jc-media{grid-template-columns:minmax(0,1fr) calc((100% - 24px) * 4 / 19)}
  :root[data-rf] .jc-shot{aspect-ratio:3 / 4;align-self:start;min-height:0}
  :root[data-rf] .jc-body{min-height:0}
  :root[data-rf] .jc-thumb{width:100%;height:auto;aspect-ratio:1}
  :root[data-rf] .jc-more{height:auto;aspect-ratio:1}
}
:root[data-rf] .jc-shot.rf-wide,:root[data-rf] .jcc-shot.rf-wide{isolation:isolate}
:root[data-rf] .jc-shot.rf-wide::before,:root[data-rf] .jcc-shot.rf-wide::before{
  content:"";position:absolute;inset:-16px;z-index:-1;pointer-events:none;
  background:var(--rf-bg) center / cover no-repeat;
  filter:blur(18px) saturate(1.25);
}
:root[data-rf] .jc-shot.rf-wide > img,:root[data-rf] .jcc-shot.rf-wide > img{object-fit:contain}




















@media (min-width:721px), (hover:hover){
  :root[data-rf] .jc{grid-template-columns:clamp(150px, 46%, var(--rf-hero-cap, 350px)) minmax(0,1fr)}
  :root[data-rf] .jc-desc{flex:1 1 0px;min-height:48px;max-height:none}   
  :root[data-rf] .jc.is-open .jc-desc{flex:none}
}








@container jfeed (max-width:560px){
  



  :root[data-rf] .jc{grid-template-columns:clamp(150px, 50%, var(--rf-hero-cap, 350px)) minmax(0,1fr)}
  :root[data-rf] .jc-media{grid-template-columns:minmax(0,1fr);align-content:start}
  :root[data-rf] .jc-thumbs{grid-column:1 / -1;flex-direction:row;align-items:flex-start;
                            height:auto;max-height:none;min-height:0;width:auto;
                            overflow:hidden}
  :root[data-rf] .jc-thumbs .jc-thumb,:root[data-rf] .jc-thumbs .jc-more{
    flex:1 1 0;min-width:0;width:auto;height:auto;max-width:none;aspect-ratio:1}
  :root[data-rf] .jc-thumbs .jc-more{position:static}
}




@media (max-width:860px) and (hover:hover){
  :root[data-rf] .jcc-open,:root[data-rf] .jcc-buy{height:26px}
}












@media (min-width:701px){
  :root[data-rf]:not([data-lay="columns"]) .fset:has(> .rf-right){
    display:grid !important;grid-template-columns:var(--cols-main) var(--cols-side);
    column-gap:var(--cols-gap) !important;row-gap:8px;align-items:start;
  }
  
  :root[data-rf]:not([data-lay="columns"]) .fset:has(> .rf-right) > .fstatus,
  :root[data-rf]:not([data-lay="columns"]) .fset:has(> .rf-right) > .fset-lab{display:none !important}
  :root[data-rf] .rf-right{
    grid-column:2;grid-row:1;display:flex;flex-wrap:nowrap;align-items:center;
    justify-content:flex-end;gap:8px;min-width:0;container-type:inline-size;
  }
  




  :root[data-rf] .rf-right .fpick{flex:1 1 0;min-width:0;margin-left:0 !important}
  @container (max-width:239px){
    .rf-right .fpick-name{display:none}
    .rf-right .fpick-btn{justify-content:center;padding:0 10px}
  }
  :root[data-rf] .rf-right .fpick::before{display:none !important}
  :root[data-rf] .rf-right .fpick-btn{width:100%;min-width:0}
  :root[data-rf] .rf-right .fpick-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  :root[data-rf] .rf-right .fset-lay{flex:none;margin-left:0 !important}
  


  :root[data-rf][data-side="off"]:not([data-lay="columns"]) .fset:has(> .rf-right){grid-template-columns:minmax(0,1fr) auto}
  


  :root[data-rf][data-side="off"] .rf-right{container-type:normal}
  :root[data-rf][data-side="off"] .rf-right .fpick{flex:0 1 auto}
  
  :root[data-rf]:not([data-side="off"]) .jp-split{margin-top:calc(-1 * var(--rf-bar, 0px))}
}





:root[data-rf][data-lay="stream"]{
  --cols-side:minmax(220px, min(460px, calc(100% - 460px - var(--cols-gap, 14px))));
}












.rf-bar{display:none}
@media (min-width:701px){
  :root[data-rf] .rf-bar{
    grid-column:1;grid-row:1;display:flex;gap:8px;min-width:0;align-items:stretch;
  }
  :root[data-rf][data-lay="columns"] .fset:has(> .rf-right){row-gap:10px !important}
  :root[data-rf][data-lay="columns"] #jp-colbar{grid-column:1;grid-row:2}
  :root[data-rf][data-side="off"][data-lay="columns"] .fset:has(> .rf-right){
    grid-template-columns:minmax(0,1fr) auto var(--cols-side);
  }
  :root[data-rf][data-side="off"][data-lay="columns"] #jp-colbar{grid-column:1 / 3}
  :root[data-rf][data-side="off"][data-lay="columns"] .rf-right{grid-column:2;grid-row:1;justify-self:end}
}
.rf-box{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 13px;
  border-radius:9999px;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),var(--g-cast);
  font-family:var(--sans);font-size:12.5px;color:var(--ink-2);white-space:nowrap;min-width:0;flex:none}
.rf-box b{font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.rf-box b:empty::before{content:"\2013"}
.rf-dot{flex:none;width:7px;height:7px;border-radius:9999px;background:var(--ink-3);transition:background .2s}
.rf-box.is-ok .rf-dot{background:var(--positive)}
.rf-box.is-warn .rf-dot{background:var(--gold)}
.rf-box.is-bad .rf-dot{background:var(--danger)}
.rf-box-hz span{color:var(--ink)}
.rf-box-q{flex:1 1 170px;padding:0 12px 0 13px;cursor:text;transition:border-color .12s,box-shadow .14s}
.rf-box-q:focus-within{border-color:var(--ink)}
.rf-box-q svg{flex:none;color:var(--ink-3)}
.rf-box-q input{flex:1 1 auto;min-width:0;height:100%;border:0;background:none;outline:none;
  font:inherit;font-size:13px;color:var(--ink);padding:0}
.rf-box-q input::placeholder{color:var(--ink-3)}
.rf-box-q input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:14px;height:14px;cursor:pointer;
  background:var(--ink-3);-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M3 3l8 8M11 3l-8 8" stroke="black" stroke-width="1.6" stroke-linecap="round"/></svg>') center/contain no-repeat;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M3 3l8 8M11 3l-8 8" stroke="black" stroke-width="1.6" stroke-linecap="round"/></svg>') center/contain no-repeat}
.rf-qn{flex:none;font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.rf-qn[hidden]{display:none}

#jp-feed > .rf-hide,
#jp-feed .jcol-list > .rf-hide{display:none !important}















:root[data-rf-size="m"] .jc{--rf-hero-cap:292px}
:root[data-rf-size="s"] .jc{--rf-hero-cap:185px}
:root[data-rf-size="s"] .jc .jc-desc,:root[data-rf-size="s"] .jc .jc-readmore{display:none}
:root[data-rf-size="s"] .jc .jc-thumbs{display:none}
:root[data-rf-size="s"] .jc .jc-media{grid-template-columns:minmax(0,1fr)}
:root[data-rf-size="s"] .jc .jc-title{font-size:14px}













:root[data-rf] .jcc-shot{
  aspect-ratio:auto;max-height:none;
  display:flex;flex-direction:column;isolation:isolate;
}
:root[data-rf] .jfeed-cols .jcc-shot{max-height:none}
:root[data-rf] .jcc-shot > img{
  flex:none;width:100%;height:auto;aspect-ratio:var(--jcc-ar, .75);
  object-fit:cover;object-position:50% 50%;display:block;
}
:root[data-rf] .jcc-shot.rf-wide > img{object-fit:contain}
:root[data-rf] .jcc-body{
  position:relative;left:auto;right:auto;bottom:auto;flex:none;margin-top:auto;
  isolation:isolate;padding:10px 12px 11px;
  background:rgba(12,11,8,.72);
}
:root[data-rf] .jcc-body::before{
  content:"";position:absolute;inset:0 -16px -16px -16px;z-index:-1;pointer-events:none;
  background:var(--rf-bg, none) center bottom / cover no-repeat;
  filter:blur(16px) saturate(1.2);
}



:root[data-rf] .jcc-strip{justify-content:flex-start}
:root[data-rf] .jcc-strip > .jc-thumb,:root[data-rf] .jcc-strip > .jc-pad,:root[data-rf] .jcc-strip > .jcc-morebtn{
  flex:0 1 auto;aspect-ratio:1;height:auto;min-height:0;
}



















































:root[data-rf] .jfeed-cols .jcc-shot{
  display:block;isolation:auto;aspect-ratio:var(--jcc-ar, .75);
  max-height:calc(var(--jcol-h, calc(100dvh - var(--jcol-top, 210px) - 14px)) * .72);
}
:root[data-rf] .jfeed-cols .jcc-shot > img,
:root[data-rf] .jfeed-cols .jcc-shot.rf-wide > img{
  width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 50%;
}
:root[data-rf] .jfeed-cols .jcc-shot.rf-wide::before{content:none}


















:root[data-rf] .jfeed-cols .jcc-body{
  position:absolute;left:0;right:0;bottom:0;margin-top:0;isolation:auto;
  padding:64px 12px 11px;
  background:linear-gradient(to bottom,
               transparent 0,
               rgba(12,11,8,.12) 18px,
               rgba(12,11,8,.38) 40px,
               rgba(12,11,8,.68) 64px,
               rgba(12,11,8,.86) 98px,
               rgba(12,11,8,.92) 100%);
}
:root[data-rf] .jfeed-cols .jcc-body::before{content:none}

















:root[data-rf] .jfeed-cols .jcc-strip{flex:0 0 calc((400% - 66px) / 25);contain:size}


@container rf-lane (max-width:189px){
  




  :root[data-rf] .jfeed-cols .jcc-body{
    padding:20px 9px 9px;
    background:linear-gradient(to bottom,
                 transparent 0,
                 rgba(12,11,8,.30) 6px,
                 rgba(12,11,8,.68) 20px,
                 rgba(12,11,8,.86) 44px,
                 rgba(12,11,8,.92) 100%);
  }
}





:root[data-rf] .jc-meta .jc-ago[data-pre="listed "],
:root[data-rf] .jc-meta .jc-ago[data-pre="listed "] + .hair,
:root[data-rf] .jc-meta .hair:has(+ .jc-ago[data-pre="listed "]:last-child){display:none}




.rf-sizeseg .rf-sizeg{flex:none;color:var(--ink-3)}
.rf-sizeseg .set-thmseg-b:hover .rf-sizeg{color:var(--ink)}
.rf-sizeseg .set-thmseg-b.on .rf-sizeg{color:var(--g-solid-ink)}




















:root[data-rf] .jc:not(.is-open):has(.jc-readmore:not([hidden])) .jc-desc{
  -webkit-mask-image:linear-gradient(#000 calc(100% - 16px), transparent);
  mask-image:linear-gradient(#000 calc(100% - 16px), transparent);
}
:root[data-rf] .jc.is-open .jc-desc{-webkit-mask-image:none;mask-image:none}





:root[data-rf] .fmain .tbl thead th{
  font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-2);
  padding-top:12px;padding-bottom:12px;
}


@media (min-width:861px){
  :root[data-rf] .fnav .fnav-body{
    display:flex !important;interpolate-size:allow-keywords;height:auto;overflow:hidden;
    transition:height .22s var(--rf-ease), opacity .18s var(--rf-ease), visibility 0s linear 0s,
               padding .22s var(--rf-ease);
  }
  :root[data-rf] .fnav .fnav-sec[data-closed] .fnav-body{
    height:0;opacity:0;visibility:hidden;padding-top:0;padding-bottom:0;
    transition:height .22s var(--rf-ease), opacity .14s var(--rf-ease), visibility 0s linear .22s,
               padding .22s var(--rf-ease);
  }
}

:root[data-rf] .fmain .tbl tbody tr[data-row]{transition:opacity .22s var(--rf-ease)}
@starting-style{
  :root[data-rf] .fmain .tbl tbody tr[data-row]{opacity:0}
}










:root[data-rf-folding] .shell > .main{will-change:transform}











:root[data-rf-dev] #jp-feed .jc-shot,
:root[data-rf-dev] #jp-feed .jc-thumb,
:root[data-rf-dev] #jp-feed .jc-more,
:root[data-rf-dev] #jp-feed .jcc-shot,
:root[data-rf-dev] #jp-feed .jcc-strip .jc-thumb,
:root[data-rf-dev] #jp-feed .jcc-morebtn,
:root[data-rf-dev] .jp-recent-it{background:#000 !important}
:root[data-rf-dev] #jp-feed .jc-shot > img,
:root[data-rf-dev] #jp-feed .jc-thumb > img,
:root[data-rf-dev] #jp-feed .jc-more > img,
:root[data-rf-dev] #jp-feed .jcc-shot > img,
:root[data-rf-dev] #jp-feed .jcc-strip img,
:root[data-rf-dev] #jp-feed .jcc-morebtn img,
:root[data-rf-dev] .jp-recent-it img{visibility:hidden !important}
:root[data-rf-dev] #jp-feed .jc-shot::before,
:root[data-rf-dev] #jp-feed .jcc-shot::before,
:root[data-rf-dev] #jp-feed .jcc-body::before{display:none !important}

:root[data-rf-dev] #jp-feed .jc-price,
:root[data-rf-dev] #jp-feed .jc-brandline,
:root[data-rf-dev] #jp-feed .jc-facts,
:root[data-rf-dev] #jp-feed .jc-sellerwrap,
:root[data-rf-dev] #jp-feed .jc-seller,
:root[data-rf-dev] #jp-feed .jc-stars,
:root[data-rf-dev] #jp-feed .jc-rev,
:root[data-rf-dev] #jp-feed .jc-desc,
:root[data-rf-dev] #jp-feed .jcc-price,
:root[data-rf-dev] #jp-feed .jcc-sub,
:root[data-rf-dev] .jp-recent-it .jp-recent-n{
  background:#000 !important;color:transparent !important;-webkit-text-fill-color:transparent;
  border-radius:4px;user-select:none;
}
:root[data-rf-dev] #jp-feed .jc-price *,
:root[data-rf-dev] #jp-feed .jc-brandline *,
:root[data-rf-dev] #jp-feed .jc-facts *,
:root[data-rf-dev] #jp-feed .jc-sellerwrap *,
:root[data-rf-dev] #jp-feed .jc-seller *,
:root[data-rf-dev] #jp-feed .jc-stars *,
:root[data-rf-dev] #jp-feed .jc-rev *,
:root[data-rf-dev] #jp-feed .jc-desc *,
:root[data-rf-dev] #jp-feed .jcc-price *,
:root[data-rf-dev] #jp-feed .jcc-sub *,
:root[data-rf-dev] .jp-recent-it .jp-recent-n *{visibility:hidden !important}

:root[data-rf-dev] #jp-feed .jc-brandline,
:root[data-rf-dev] #jp-feed .jc-sellerwrap,
:root[data-rf-dev] #jp-feed .jc-seller{width:max-content;max-width:100%}
:root[data-rf-dev] #jp-feed .jc-desc{-webkit-mask-image:none !important;mask-image:none !important}


:root[data-rf-dev] #jp-feed .jc-title,
:root[data-rf-dev] #jp-feed .jcc-title,
:root[data-rf-dev] #jp-feed .jc-meta > b{
  background:#000 !important;color:transparent !important;-webkit-text-fill-color:transparent;
  border-radius:4px;user-select:none;text-decoration:none !important;
}
:root[data-rf-dev] #jp-feed .jc-title *,
:root[data-rf-dev] #jp-feed .jcc-title *{visibility:hidden !important}
:root[data-rf-dev] #jp-feed .jc-title{width:max-content;max-width:100%;pointer-events:none}
:root[data-rf-dev] #jp-feed .jcc-title{pointer-events:none}


:root[data-rf-dev] #jp-feed .jc-meta{font-size:0}
:root[data-rf-dev] #jp-feed .jc-meta > *{font-size:12.5px}

.rf-box-min{display:none !important}







































@media (max-width:700px){
  :root[data-rf] .jp-mobar{display:none !important}
  :root[data-rf] .rf-right{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
                            flex:1 1 100%;min-width:0}
  :root[data-rf] .rf-right .fpick{flex:0 1 auto;min-width:0;margin-left:0 !important}
  :root[data-rf] .rf-right .fpick::before{display:none !important}
  :root[data-rf] .rf-right .fpick-btn{width:auto;max-width:100%;padding:0 13px}
  :root[data-rf] .rf-right .fpick-menu{right:auto;min-width:230px}
  :root[data-rf] .rf-right .fset-lay{flex:none;margin-left:0 !important}
  :root[data-rf] .rf-right .fset-lay button{flex:none;width:34px;height:28px}
  :root[data-rf] .rf-right .fset-lay::before{width:34px;height:28px}
  :root[data-rf] .rf-right .fset-lay:has(> button:nth-of-type(2).on)::before{transform:translateX(36px)}
  :root[data-rf] .rf-right .fset-lay:has(> button:nth-of-type(3).on)::before{transform:translateX(72px)}
  




  :root[data-rf][data-lay="columns"] .rf-right{grid-column:1;grid-row:1;justify-self:start}
  :root[data-rf][data-lay="columns"] #jp-colbar{grid-column:1;grid-row:2}
}
@media (min-width:721px), (hover:hover){
  :root[data-rf] .jc .jc-act{container:rf-act / inline-size}
}
@media (max-width:860px){
  @container rf-act (max-width:240px){
    :root[data-rf] .jc .jc-act .jc-neg{height:34px;padding:0 11px}
    :root[data-rf] .jc .jc-act .jc-readmore,
    :root[data-rf] .jc .jc-act .jc-spam,
    :root[data-rf] .jc .jc-act .btn.js-steal.jc-steal{width:28px;min-width:28px;height:28px;padding:0}
  }
  @container rf-act (max-width:204px){
    :root[data-rf] .jc .jc-act .jc-neg{padding:0 9px}
    :root[data-rf] .jc .jc-act .jc-readmore,
    :root[data-rf] .jc .jc-act .jc-spam,
    :root[data-rf] .jc .jc-act .btn.js-steal.jc-steal{width:26px;min-width:26px;height:26px}
  }
}
@media (min-width:861px){
  @container rf-act (max-width:210px){
    :root[data-rf] .jc .jc-act .jc-neg{padding:0 11px}
    :root[data-rf] .jc .jc-act .jc-readmore{width:28px;min-width:28px}
  }
  @container rf-act (max-width:196px){
    :root[data-rf] .jc .jc-act .jc-neg{padding:0 9px}
    :root[data-rf] .jc .jc-act .jc-readmore,
    :root[data-rf] .jc .jc-act .jc-spam,
    :root[data-rf] .jc .jc-act .btn.js-steal.jc-steal{width:26px;min-width:26px;height:26px;padding:0}
  }
}



































:root[data-rf] .rf-bar{container:rf-bar / inline-size;position:relative;z-index:45}
:root[data-rf] .rf-box{position:relative}

:root[data-rf] .rf-box[data-tip]::after{
  content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 7px);
  transform:translate(-50%,-4px);padding:5px 10px;border-radius:8px;
  background:var(--ink);color:var(--on-ink);font-family:var(--sans);font-size:12px;
  font-weight:500;line-height:1.2;letter-spacing:0;text-transform:none;white-space:nowrap;
  pointer-events:none;opacity:0;box-shadow:var(--shadow-pop);
  transition:opacity .16s ease,transform .2s ease;z-index:40;
}
:root[data-rf] .rf-box[data-tip]:hover::after,
:root[data-rf] .rf-box[data-tip]:focus-visible::after{opacity:1;transform:translate(-50%,0);transition-delay:.3s}

:root[data-rf] .rf-box-hz .rf-dot{position:relative}
:root[data-rf] .rf-box-hz.is-live .rf-dot::after{
  content:"";position:absolute;inset:0;border-radius:50%;background:inherit;
  animation:rf-breathe 2.6s cubic-bezier(.25,.6,.35,1) infinite;pointer-events:none;
}
@keyframes rf-breathe{0%{transform:scale(1);opacity:.4}70%,100%{transform:scale(2.7);opacity:0}}
@media (prefers-reduced-motion:reduce){:root[data-rf] .rf-box-hz.is-live .rf-dot::after{animation:none}}





:root[data-rf] .rf-box{
  --rf-fig-a:rgba(255,255,255,.98); --rf-fig-b:rgba(250,250,248,.94);
  --rf-fig-rim:rgba(22,21,19,.12);  --rf-fig-spec:rgba(255,255,255,.95);
  --rf-fig-cast:var(--g-cast);      --rf-fig-ink:#161513;
  --rf-fig-hover:brightness(.95);
  border-color:var(--rf-fig-rim);
  background:linear-gradient(180deg,var(--rf-fig-a),var(--rf-fig-b));
  box-shadow:inset 0 1px 0 var(--rf-fig-spec),var(--rf-fig-cast);
  color:var(--rf-fig-ink);
}
:root[data-rf][data-theme="graphite"] .rf-box{
  --rf-fig-a:rgba(24,24,27,.97);    --rf-fig-b:rgba(10,10,12,.95);
  --rf-fig-rim:rgba(255,255,255,.14); --rf-fig-spec:rgba(255,255,255,.10);
  --rf-fig-cast:var(--g-cast-s);    --rf-fig-ink:#FFFFFF;
  --rf-fig-hover:brightness(1.45);
}
@media (prefers-color-scheme:dark){
  :root[data-rf]:not([data-theme]) .rf-box{
    --rf-fig-a:rgba(24,24,27,.97);    --rf-fig-b:rgba(10,10,12,.95);
    --rf-fig-rim:rgba(255,255,255,.14); --rf-fig-spec:rgba(255,255,255,.10);
    --rf-fig-cast:var(--g-cast-s);    --rf-fig-ink:#FFFFFF;
    --rf-fig-hover:brightness(1.45);
  }
}
:root[data-rf] .rf-box:not(.rf-box-q) b,
:root[data-rf] .rf-box-hz span{color:var(--rf-fig-ink)}
:root[data-rf] .rf-box-f{text-decoration:none;cursor:pointer;transition:filter .12s,box-shadow .14s}
:root[data-rf] .rf-box-n{cursor:pointer;-webkit-appearance:none;appearance:none;font-family:var(--sans);
  transition:filter .12s,box-shadow .14s,transform .08s}
:root[data-rf] .rf-box-f:hover,:root[data-rf] .rf-box-n:hover{filter:var(--rf-fig-hover)}
:root[data-rf] .rf-box-n:active{transform:translateY(1px)}
:root[data-rf] .rf-box-f:focus-visible,:root[data-rf] .rf-box-n:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
:root[data-rf] .rf-box-f svg,:root[data-rf] .rf-box-t svg{flex:none;color:var(--rf-fig-ink);opacity:.72}
:root[data-rf] .rf-unit{flex:none;font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.3;
  color:var(--rf-fig-ink);padding:2px 7px;border-radius:9999px;
  background:color-mix(in srgb,var(--rf-fig-ink) 14%,transparent)}
:root[data-rf] .rf-lab{color:var(--rf-fig-ink);opacity:.7}

:root[data-rf] .rf-box-q{flex:1 1 160px;min-width:120px}











:root[data-rf] .rf-bar{padding-right:var(--rf-feed-inset,0px)}


:root[data-rf] .rf-box-q:focus-within{border-color:color-mix(in srgb,var(--rf-fig-ink) 55%,transparent)}
:root[data-rf] .rf-box-q svg{color:var(--rf-fig-ink);opacity:.6}
:root[data-rf] .rf-box-q input{color:var(--rf-fig-ink)}
:root[data-rf] .rf-box-q input::placeholder{color:var(--rf-fig-ink);opacity:.55}
:root[data-rf] .rf-box-q input::-webkit-search-cancel-button{background:var(--rf-fig-ink);opacity:.6}
:root[data-rf] .rf-qn{color:var(--rf-fig-ink);opacity:.6}





@container rf-bar (max-width:600px){
  :root[data-rf] .rf-box-t .rf-lab{display:none}
}
@container rf-bar (max-width:540px){
  :root[data-rf] .rf-box-hz span{display:none}
  :root[data-rf] .rf-box-hz{width:36px;padding:0;justify-content:center}
}
@container rf-bar (max-width:490px){
  :root[data-rf] .rf-box-t{display:none}
}

:root[data-rf] .jp-prof .jp-prof-dot,
:root[data-rf] .jp-prof #jp-status,
:root[data-rf] .jp-prof .jp-prof-field,
:root[data-rf] .jp-prof .jp-prof-grid,
:root[data-rf] .jp-prof .jp-prof-foot{display:none !important}
:root[data-rf] .rf-acct-h{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-rf] .rf-acct{padding:14px 18px 18px;font-size:12.5px;line-height:1.4;color:var(--ink-3)}
:root[data-rf] .jp-prof.is-off .rf-acct{visibility:hidden}































:root[data-rf] .jp-recent-list{height:175px !important;padding:8px 11px !important;gap:8px !important}
:root[data-rf] .rf-bar .rf-box:not(.rf-box-q) b{color:color-mix(in srgb,var(--rf-fig-ink) 76%,transparent)}
:root[data-rf] .rf-box-n{display:inline-grid;grid-template-columns:minmax(0,1fr);align-items:center}
:root[data-rf] .rf-n-s{grid-area:1/1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
:root[data-rf] .rf-box-n:not(.is-24) .rf-n-s[data-win="24h"],
:root[data-rf] .rf-box-n.is-24 .rf-n-s[data-win="1h"]{visibility:hidden}
:root[data-rf] .rf-unit{box-sizing:border-box;min-width:34px;text-align:center}



















































:root[data-rf][data-rail-anim][data-rail="full"] .rail-sec > a,
:root[data-rf][data-rail-anim][data-rail="full"] .rail-sec > .rail-locked,
:root[data-rf][data-rail-anim][data-rail="full"] .rbx-open,
:root[data-rf][data-rail-anim][data-rail="full"] .rail-links a.rail-lk,
:root[data-rf][data-rail-anim][data-rail="full"] .rail-me .rail-ic,
:root[data-rf][data-rail-anim][data-rail="full"] .rail-me .rail-you{clip-path:none !important}


:root[data-rf] .rf-right .fpick-btn{justify-content:center}


:root[data-rf] .rail .rf-w{
  display:inline;
  transition:opacity .16s var(--rf-ease) .1s, transform var(--rf-fold) var(--rf-ease);
}
:root[data-rf][data-rail-anim] .rail .rf-w,
:root[data-rf][data-rail="icons"] .rail .rf-w{
  opacity:0 !important;transform:translateX(-14px) !important;
  transition:opacity .12s var(--rf-ease) 0s, transform var(--rf-fold) var(--rf-ease);
}
@media (prefers-reduced-motion:reduce){
  :root[data-rf] .rail .rf-w{transition:none !important}
}



:root[data-rf][data-rail-anim][data-rail="full"]:not([data-mode="dark"]) .rail-me .jp-thm::before{opacity:0}







































:root[data-rf] .jp-prof .jp-prof-h:not(:has(.jp-prof-warn)){display:none !important}
:root[data-rf] .jp-prof #jp-prof-eye{display:none !important}
:root[data-rf] .jp-prof.is-off .rf-acct{visibility:visible !important}
:root[data-rf] .jp-prof .jp-prof-h:has(.jp-prof-warn){border-bottom:0;padding:10px 15px 0}


:root[data-rf][data-rail-anim][data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand).on{
  transition:width var(--rf-fold) var(--rf-ease), padding var(--rf-fold) var(--rf-ease),
             box-shadow .12s var(--rf-ease) .14s, color .16s var(--rf-ease) !important;
}



@media (min-width:701px){
  :root[data-rf][data-lay="columns"]:not([data-side="off"]) .rf-right .fset-lay{flex:1 1 auto;min-width:0}
  :root[data-rf][data-lay="columns"]:not([data-side="off"]) .rf-right .fset-lay button{flex:1 1 0;width:auto}
  

  :root[data-rf][data-lay="columns"]:not([data-side="off"]) .rf-right .fset-lay::before{
    box-sizing:border-box;width:calc((100% - 10px) / 3);height:calc(100% - 6px);
  }
  :root[data-rf][data-lay="columns"]:not([data-side="off"]) .rf-right .fset-lay:has(> button:nth-of-type(2).on)::before{transform:translateX(calc(100% + 2px))}
  :root[data-rf][data-lay="columns"]:not([data-side="off"]) .rf-right .fset-lay:has(> button:nth-of-type(3).on)::before{transform:translateX(calc(200% + 4px))}
  :root[data-rf][data-lay="columns"]:not([data-side="off"]) .jp-colside{
    margin-top:calc(-1 * var(--rf-sideup, 0px));
    


    height:calc(100% + var(--rf-sideup, 0px));
  }
  :root[data-rf][data-lay="columns"] .rf-acct{padding-top:20px;padding-bottom:24px}
}


























:root[data-rf][data-panel] .jp-recent-h{
  text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:500;
  border-bottom:0;padding:12px 15px 10px;
}
:root[data-rf][data-panel] .jp-recent-t{letter-spacing:0;color:var(--ink-3);display:inline-flex;
  align-items:center;gap:8px;overflow:visible;font-size:12.5px !important}
:root[data-rf][data-panel] .jp-chat-h{padding:12px 14px 10px}
:root[data-rf][data-panel] .jp-chat-t{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:600}
:root[data-rf][data-panel] .jp-chat-tab,
:root[data-rf][data-panel] .jp-recent-tab{
  text-transform:none;letter-spacing:0;font-size:12.5px !important;font-weight:500;
  transition:color .14s var(--rf-ease), background-color .14s var(--rf-ease), box-shadow .14s var(--rf-ease);
}



:root[data-rf][data-panel] .jp-recent-tab{text-transform:capitalize}
:root[data-rf][data-panel] .jp-recent-sep{display:none}
:root[data-rf][data-panel] .jp-chat-live{font-size:11.5px}


:root[data-rf][data-panel="a"] .jp-recent-tabs,
:root[data-rf][data-panel="a"] .jp-chat-tabs{
  display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:9999px;
  background:var(--tint);flex:none;
}
:root[data-rf][data-panel="a"] .jp-recent-tab,
:root[data-rf][data-panel="a"] .jp-chat-tab{
  margin:0;padding:0 10px;height:23px;border-radius:9999px;
  display:inline-flex;align-items:center;color:var(--ink-3);border:1px solid transparent;
}
:root[data-rf][data-panel="a"] .jp-recent-tab.is-on,
:root[data-rf][data-panel="a"] .jp-chat-tab.is-on{
  background:linear-gradient(var(--raise),var(--raise)) padding-box, var(--rim-sm) border-box;
  box-shadow:var(--lift-sm), inset 0 1px var(--spec);
  color:var(--ink);font-weight:600;
}


:root[data-rf][data-panel="b"] .jp-recent-tabs,
:root[data-rf][data-panel="b"] .jp-chat-tabs{display:inline-flex;align-items:center;gap:14px;flex:none}
:root[data-rf][data-panel="b"] .jp-recent-tab,
:root[data-rf][data-panel="b"] .jp-chat-tab{
  margin:0;padding:0 1px 7px;position:relative;color:var(--ink-3);
}
:root[data-rf][data-panel="b"] .jp-recent-tab.is-on,
:root[data-rf][data-panel="b"] .jp-chat-tab.is-on{color:var(--ink);font-weight:600}
:root[data-rf][data-panel="b"] .jp-recent-tab.is-on::before,
:root[data-rf][data-panel="b"] .jp-chat-tab.is-on::before{
  content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:2px;
  background:var(--ink);
}
:root[data-rf][data-panel="b"] .jp-chat-h,
:root[data-rf][data-panel="b"] .jp-recent-h{align-items:flex-end}


:root[data-rf][data-panel="c"] .jp-recent-tabs,
:root[data-rf][data-panel="c"] .jp-chat-tabs{display:inline-flex;align-items:center;gap:4px;flex:none}
:root[data-rf][data-panel="c"] .jp-recent-tab,
:root[data-rf][data-panel="c"] .jp-chat-tab{
  margin:0;padding:0 10px;height:23px;border-radius:9999px;border:1px solid transparent;
  display:inline-flex;align-items:center;color:var(--ink-3);
}
:root[data-rf][data-panel="c"] .jp-recent-tab.is-on,
:root[data-rf][data-panel="c"] .jp-chat-tab.is-on{
  background:linear-gradient(180deg,var(--g-solid-a),var(--g-solid-b));
  border-color:var(--g-solid-rim);
  box-shadow:inset 0 1px 0 var(--g-sspec), var(--g-cast-s);
  color:var(--g-solid-ink, var(--on-ink));font-weight:600;
}


















































:root[data-rf][data-rf-folding][data-lay="columns"] #jp-feed .jcc{contain:layout}





























:root[data-rf][data-panel="d"] .jp-recent-h{flex-wrap:wrap;row-gap:9px}
:root[data-rf][data-panel="d"] .jp-recent-t{flex:1 1 100%;order:-1}
:root[data-rf][data-panel="d"] .jp-recent-tabs,
:root[data-rf][data-panel="d"] .jp-chat-tabs{
  display:flex;align-items:stretch;gap:0;padding:2px;
  border-radius:9999px;background:var(--tint);
}



:root[data-rf][data-panel="d"] .jp-recent-tabs{flex:1 1 100%;order:2}
:root[data-rf][data-panel="d"] .jp-chat-tabs{flex:1 1 auto;min-width:0}
:root[data-rf][data-panel="d"] .jp-recent-tab,
:root[data-rf][data-panel="d"] .jp-chat-tab{
  margin:0;padding:0 8px;height:24px;flex:1 1 0;min-width:0;position:relative;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid transparent;border-radius:9999px;color:var(--ink-3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

:root[data-rf][data-panel="d"] .jp-recent-tab + .jp-recent-tab::after,
:root[data-rf][data-panel="d"] .jp-chat-tab + .jp-chat-tab::after{
  content:"";position:absolute;left:0;top:5px;bottom:5px;width:1px;
  background:var(--rule);
}
:root[data-rf][data-panel="d"] .jp-recent-tab.is-on::after,
:root[data-rf][data-panel="d"] .jp-chat-tab.is-on::after,
:root[data-rf][data-panel="d"] .jp-recent-tab.is-on + .jp-recent-tab::after,
:root[data-rf][data-panel="d"] .jp-chat-tab.is-on + .jp-chat-tab::after{opacity:0}
:root[data-rf][data-panel="d"] .jp-recent-tab.is-on,
:root[data-rf][data-panel="d"] .jp-chat-tab.is-on{
  background:linear-gradient(var(--raise),var(--raise)) padding-box, var(--rim-sm) border-box;
  box-shadow:var(--lift-sm), inset 0 1px var(--spec);
  color:var(--ink);font-weight:600;
}
:root[data-rf][data-panel="d"] .jp-chat-live{display:none}


:root[data-rf][data-panel="e"] .jp-recent-tabs,
:root[data-rf][data-panel="e"] .jp-chat-tabs{display:inline-flex;align-items:center;gap:6px;flex:none}
:root[data-rf][data-panel="e"] .jp-recent-tab,
:root[data-rf][data-panel="e"] .jp-chat-tab{
  margin:0;padding:0 10px;height:23px;border-radius:9999px;
  display:inline-flex;align-items:center;color:var(--ink-2);
  border:1px solid var(--g-lite-rim);
  background:linear-gradient(180deg,var(--g-lite-a),var(--g-lite-b));
}
:root[data-rf][data-panel="e"] .jp-recent-tab:hover,
:root[data-rf][data-panel="e"] .jp-chat-tab:hover{border-color:var(--ink-3);color:var(--ink)}
:root[data-rf][data-panel="e"] .jp-recent-tab.is-on,
:root[data-rf][data-panel="e"] .jp-chat-tab.is-on{
  background:linear-gradient(180deg,var(--g-solid-a),var(--g-solid-b));
  border-color:var(--g-solid-rim);
  box-shadow:inset 0 1px 0 var(--g-sspec), var(--g-cast-s);
  color:var(--g-solid-ink, var(--on-ink));font-weight:600;
}


:root[data-rf][data-panel="f"] .jp-recent-h{flex-wrap:wrap;row-gap:0}
:root[data-rf][data-panel="f"] .jp-chat-h{align-items:flex-end}
:root[data-rf][data-panel="f"] .jp-recent-h{align-items:flex-end}
:root[data-rf][data-panel="f"] .jp-recent-t{flex:1 1 100%;order:-1;margin-bottom:8px}
:root[data-rf][data-panel="f"] .jp-recent-tabs,
:root[data-rf][data-panel="f"] .jp-chat-tabs{
  display:flex;align-items:stretch;gap:0;border-bottom:1px solid var(--rule);
}

:root[data-rf][data-panel="f"] .jp-recent-tabs{flex:1 1 100%;order:2}
:root[data-rf][data-panel="f"] .jp-chat-tabs{flex:1 1 auto;min-width:0}
:root[data-rf][data-panel="f"] .jp-recent-tab,
:root[data-rf][data-panel="f"] .jp-chat-tab{
  margin:0;padding:0 6px 8px;flex:1 1 0;min-width:0;position:relative;
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
:root[data-rf][data-panel="f"] .jp-recent-tab + .jp-recent-tab::after,
:root[data-rf][data-panel="f"] .jp-chat-tab + .jp-chat-tab::after{
  content:"";position:absolute;left:0;top:2px;bottom:9px;width:1px;background:var(--rule);
}
:root[data-rf][data-panel="f"] .jp-recent-tab.is-on,
:root[data-rf][data-panel="f"] .jp-chat-tab.is-on{color:var(--ink);font-weight:600}
:root[data-rf][data-panel="f"] .jp-recent-tab.is-on::before,
:root[data-rf][data-panel="f"] .jp-chat-tab.is-on::before{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--ink);
}
:root[data-rf][data-panel="f"] .jp-chat-live{display:none}






























@media (min-width:701px){
  :root[data-rf][data-lay="stream"]{
    



    --cols-side:minmax(var(--rf-side-min, 220px), min(500px, calc(100% - 460px - var(--cols-gap, 14px))));
  }
}





:root[data-rf] .jp-chat-send{
  width:32px !important;height:32px !important;border-radius:10px !important;
  border:1px solid var(--g-solid-rim) !important;
  background:linear-gradient(180deg,var(--g-solid-a),var(--g-solid-b)) !important;
  box-shadow:inset 0 1px 0 var(--g-sspec), var(--g-cast-s) !important;
  color:var(--g-solid-ink, var(--on-ink)) !important;
  transition:filter .12s ease, transform .08s ease, opacity .12s;
}
:root[data-rf] .jp-chat-send:hover:not(:disabled){filter:brightness(1.12)}
:root[data-rf] .jp-chat-send:active:not(:disabled){transform:translateY(1px)}
:root[data-rf] .jp-chat-send svg{width:16px;height:16px}






















:root[data-rf][data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand)::before,
:root[data-rf][data-rail="full"] .rbx-open::before,
:root[data-rf][data-rail="full"] .rail-links a.rail-lk::before,
:root[data-rf][data-rail="full"] .rail-me .rail-ic:not(.jp-thm)::before{
  transition:box-shadow var(--rf-fold) var(--rf-ease);
}
:root[data-rf] .rf-bar .rf-box-hz[data-tip]::after{
  left:0;transform:translate(0,-4px);
  


  width:max-content;max-width:min(34ch,52vw);
  white-space:normal;text-align:left;line-height:1.35;
}
:root[data-rf] .rf-bar .rf-box-hz[data-tip]:hover::after,
:root[data-rf] .rf-bar .rf-box-hz[data-tip]:focus-visible::after{transform:translate(0,0)}

















































:root[data-rf][data-motion] .rail .rf-w,
:root[data-rf][data-motion][data-rail="full"] .rail-who,
:root[data-rf][data-motion][data-rail="full"] .rail-links a.rail-lk span,
:root[data-rf][data-motion][data-rail="full"] .rail-me .rail-ic::after{
  transition:opacity .22s var(--rf-ease) 0s, transform .22s var(--rf-ease) 0s !important;
}
:root[data-rf][data-motion][data-rail-anim] .rail .rf-w,
:root[data-rf][data-motion][data-rail="icons"] .rail .rf-w{
  transform:translateX(-8px) !important;
}
:root[data-rf][data-motion][data-rail-anim] .rail-who,
:root[data-rf][data-motion][data-rail-anim] .rail-links a.rail-lk span,
:root[data-rf][data-motion][data-rail-anim] .rail-me .rail-ic::after{
  transform:translateX(-8px) !important;
}


:root[data-rf][data-motion][data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand)::before{
  transition:box-shadow var(--rf-fold) var(--rf-ease), border-color var(--rf-fold) var(--rf-ease);
}
:root[data-rf][data-motion][data-rail="full"]:not([data-rail-anim]) .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand).on::before{
  border-color:transparent;
}


:root[data-rf][data-motion][data-mode="dark"][data-rail="full"]:not([data-rail-anim]) .rail-me .jp-thm::before{
  opacity:1;left:calc(50% + 2px);
}
:root[data-rf][data-motion][data-mode="dark"][data-rail="full"]:not([data-rail-anim]) .rail-me .jp-thm::after{opacity:0}
@media (prefers-reduced-motion:reduce){
  :root[data-rf][data-motion] .rail .rf-w,
  :root[data-rf][data-motion][data-rail="full"] .rail-me .jp-thm::before{transition:none !important}
}




























































:root[data-rf][data-rail="icons"] .rail-sec > a,
:root[data-rf][data-rail="icons"] .rail-sec > .rail-locked,
:root[data-rf][data-rail="icons"] .rbx-open,
:root[data-rf][data-rail="icons"] .rail-links a.rail-lk,
:root[data-rf][data-rail="icons"] .rail-me .rail-ic:not(.jp-thm){position:relative}
:root[data-rf][data-rail="icons"] .rail-sec > a > svg,
:root[data-rf][data-rail="icons"] .rail-sec > .rail-locked > svg,
:root[data-rf][data-rail="icons"] .rbx-open > svg,
:root[data-rf][data-rail="icons"] .rail-links a.rail-lk > svg,
:root[data-rf][data-rail="icons"] .rail-me .rail-ic:not(.jp-thm) > svg,
:root[data-rf][data-rail="icons"] .rail-me .rail-ic:not(.jp-thm) > .rail-ic-img{
  position:absolute;left:calc(var(--ric) / 2 - 1px);top:calc(var(--ric) / 2 - 1px);
  transform:translate(-50%,-50%);
}




:root[data-rf] .rail .rf-w,
:root[data-rf][data-rail="full"] .rail-who,
:root[data-rf][data-rail="full"] .rail-links a.rail-lk span,
:root[data-rf][data-rail="full"] .rail-me .rail-ic::after{
  transition:opacity .28s var(--rf-ease) .06s, transform .28s var(--rf-ease) .06s;
}
:root[data-rf][data-rail-anim] .rail .rf-w,
:root[data-rf][data-rail="icons"] .rail .rf-w{transform:translateX(-10px) !important}


:root[data-rf] .jfeed-cols .jcc-shot.rf-wide{isolation:isolate}
:root[data-rf] .jfeed-cols .jcc-shot.rf-wide > img{object-fit:contain}
:root[data-rf] .jfeed-cols .jcc-shot.rf-wide::before{content:""}


:root[data-rf-size="s"] .jc .jc-thumbs{display:flex}
:root[data-rf-size="s"] .jc .jc-media{grid-template-columns:minmax(0,1fr) calc((100% - 24px) * 4 / 19)}


:root[data-rf] .jfeed-cols .jcc-strip > *:first-child{border-top-right-radius:11px}
:root[data-rf] .jfeed-cols .jcc-strip > *:last-child{border-bottom-right-radius:11px}







:root[data-rf] .jfeed-cols .jc-spamnote{height:34px;padding:0 9px !important}
:root[data-rf] .jfeed-cols .jc-spamnote-in{height:34px !important;gap:7px !important}
:root[data-rf] .jfeed-cols .jc-spamnote-t{font-size:11px !important;line-height:1.25 !important}
:root[data-rf] .jfeed-cols .jc-spamnote-d{width:6px !important;height:6px !important}
:root[data-rf] .jfeed-cols .jc-spamnote-u{width:22px !important;height:22px !important}


































:root[data-rf][data-rail-anim] .rail-who,
:root[data-rf][data-rail-anim] .rail-links a.rail-lk span,
:root[data-rf][data-rail-anim] .rail-me .rail-ic::after{
  transition:opacity .12s var(--rf-ease) 0s, transform var(--rf-fold) var(--rf-ease) !important;
}


:root[data-rf] .jfeed-cols .jcc-strip > *:first-child{border-top-right-radius:13px}
:root[data-rf] .jfeed-cols .jcc-strip > *:last-child{border-bottom-right-radius:13px}








































@media (min-width:861px){
  :root[data-rf][data-rail="icons"] .rail-sec,
  :root[data-rf][data-rail="icons"] .rail-foot{
    align-self:stretch !important;
    align-items:flex-start !important;
    padding-left:var(--rf-pad) !important;
    padding-right:12px !important;
  }
  :root[data-rf][data-rail="icons"] .rail-links,
  :root[data-rf][data-rail="icons"] .rail-me,
  :root[data-rf][data-rail="icons"] .rbx{
    align-self:stretch !important;
    align-items:flex-start !important;
    padding-left:0 !important;padding-right:0 !important;
  }
}
































:root[data-rf][data-rail="full"] .rail .rf-w{
  position:absolute;left:54px;top:50%;
  transform:translateY(-50%);
  


















  width:calc(var(--rf-row) - 66px);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
:root[data-rf][data-rail-anim] .rail .rf-w,
:root[data-rf][data-rail="icons"] .rail .rf-w{
  transform:translate(-10px,-50%) !important;
}































:root[data-rf] .jp-recent-h{
  text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:500;
  border-bottom:0;padding:12px 15px 10px;
}
:root[data-rf] .jp-recent-t{letter-spacing:0;color:var(--ink-3);display:inline-flex;
  align-items:center;gap:8px;overflow:visible;font-size:12.5px !important;
  flex:1 1 auto;min-width:0}
:root[data-rf] .jp-chat-h{padding:12px 14px 10px}
:root[data-rf] .jp-chat-t{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:600}
:root[data-rf] .jp-chat-tab,
:root[data-rf] .jp-recent-tab{
  text-transform:none;letter-spacing:0;font-size:12.5px !important;font-weight:500;
  transition:color .14s var(--rf-ease), background-color .14s var(--rf-ease),
             box-shadow .14s var(--rf-ease);
}

:root[data-rf] .jp-recent-sep{display:none}





:root[data-rf] .jp-recent-tab{gap:0}
:root[data-rf] .jp-chat-live{font-size:11.5px}









:root[data-rf] .jp-recent-tabs:not([hidden]),
:root[data-rf] .jp-chat-tabs:not([hidden]){
  position:relative;display:flex;align-items:stretch;gap:0;padding:3px;
  border-radius:10px;background:var(--tint);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.06);
}



:root[data-rf] .jp-recent-tabs{flex:1 1 auto;min-width:0}
:root[data-rf] .jp-chat-tabs{flex:1 1 auto;min-width:0}
:root[data-rf] .jp-recent-tab:not([hidden]),
:root[data-rf] .jp-chat-tab:not([hidden]){
  position:relative;z-index:1;margin:0;padding:0 10px;height:26px;
  flex:1 1 0;min-width:0;
  display:inline-flex;align-items:center;justify-content:center;
  border:0;border-radius:8px;background:none;cursor:pointer;
  color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  z-index:1;           
  isolation:isolate;   
  transition:color .14s var(--rf-ease), background-color .14s var(--rf-ease),
             box-shadow .14s var(--rf-ease), transform .12s var(--rf-ease);
}












:root[data-rf] .jp-recent-tab::before,
:root[data-rf] .jp-chat-tab::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
  background:linear-gradient(var(--raise),var(--raise));
  box-shadow:var(--lift-sm);
  opacity:0;transform:scale(.94);
  transition:opacity .13s var(--rf-ease), transform .13s var(--rf-ease);
}
@media (hover:hover){
  :root[data-rf] .jp-recent-tab:not(.is-on):hover::before,
  :root[data-rf] .jp-chat-tab:not(.is-on):hover::before{
    opacity:.62;transform:none;
    transition:opacity .22s var(--rf-ease), transform .22s var(--rf-ease);
  }
}
:root[data-rf] .jp-recent-tab:hover,
:root[data-rf] .jp-chat-tab:hover{color:var(--ink)}


:root[data-rf] .jp-recent-tab:active,
:root[data-rf] .jp-chat-tab:active{transform:scale(.975)}

:root[data-rf] .jp-recent-tab.is-on,
:root[data-rf] .jp-chat-tab.is-on{
  transition:color .16s var(--rf-ease), background-color .16s var(--rf-ease),
             box-shadow .2s var(--rf-ease), transform .12s var(--rf-ease);
}
@media (prefers-reduced-motion:reduce){
  :root[data-rf] .jp-recent-tab::before,
  :root[data-rf] .jp-chat-tab::before{transition:opacity .01s;transform:none}
  :root[data-rf] .jp-recent-tab:active,
  :root[data-rf] .jp-chat-tab:active{transform:none}
}



















:root[data-rf] .jp-recent-tabs,
:root[data-rf] .jp-chat-tabs{--rf-seg:2}
:root[data-rf] .jp-chat-tabs:has(.jp-chat-tab[data-room="beta"]:not([hidden])){--rf-seg:3}
:root[data-rf] .jp-recent-tabs::before,
:root[data-rf] .jp-chat-tabs::before{
  content:"";position:absolute;left:3px;top:3px;bottom:3px;z-index:0;
  width:calc((100% - 6px) / var(--rf-seg, 2));
  border-radius:8px;
  background:linear-gradient(var(--raise),var(--raise));
  box-shadow:var(--lift-sm), inset 0 1px var(--spec);
  transition:transform .3s var(--rf-fold-ease, cubic-bezier(.32,.72,.24,1));
}

:root[data-rf] .jp-recent-tabs:has(.jp-recent-tab:nth-of-type(2).is-on)::before,
:root[data-rf] .jp-chat-tabs:has(.jp-chat-tab:nth-of-type(2).is-on)::before{
  transform:translateX(100%);
}
:root[data-rf] .jp-chat-tabs:has(.jp-chat-tab:nth-of-type(3).is-on)::before{
  transform:translateX(200%);
}

:root[data-rf] .jp-recent-tab.is-on,
:root[data-rf] .jp-chat-tab.is-on{
  color:var(--ink);font-weight:600;background:none;box-shadow:none;
}
@media (prefers-reduced-motion:reduce){
  :root[data-rf] .jp-recent-tabs::before,
  :root[data-rf] .jp-chat-tabs::before{transition:none}
}


@container (max-width:300px){
  :root[data-rf] .jp-chat-live{display:none}
}





































:root[data-rf] .jfeed-grid .jcc-shot{
  display:block;isolation:auto;aspect-ratio:var(--jcc-ar, .75);max-height:none;
}
:root[data-rf] .jfeed-grid .jcc-shot > img,
:root[data-rf] .jfeed-grid .jcc-shot.rf-wide > img{
  width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 50%;
}


:root[data-rf] .jfeed-grid .jcc-shot.rf-wide::before{content:none}
:root[data-rf] .jfeed-grid .jcc-body{
  position:absolute;left:0;right:0;bottom:0;margin-top:0;isolation:auto;
  padding:64px 12px 11px;
  background:linear-gradient(to bottom,
               transparent 0,
               rgba(12,11,8,.12) 18px,
               rgba(12,11,8,.38) 40px,
               rgba(12,11,8,.68) 64px,
               rgba(12,11,8,.86) 98px,
               rgba(12,11,8,.92) 100%);
}


:root[data-rf] .jfeed-grid .jcc-body::before{content:none}




:root[data-rf] .jfeed-grid .jcc-strip{justify-content:flex-start}

















:root[data-rf] .jfeed-grid .jcc-strip .jc-pad{
  border-radius:6px;
  background:var(--paper-3);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.06);
}


:root[data-rf] .jfeed-grid .jcc-strip{
  background:color-mix(in srgb, var(--ink) 6%, var(--paper-2));
  border-radius:0 12px 12px 0;
  padding:3px 3px 3px 0;
}






















.jc img, .jcc img, .lb-img, .lb-stage img{
  -webkit-touch-callout:none;
  -webkit-user-drag:none;
}


























:root[data-rf]{--rf-pop:1.05}
:root[data-rf][data-rail="icons"] .rail-sec > a:hover,
:root[data-rf][data-rail="icons"] .rail-links a.rail-lk:hover,
:root[data-rf][data-rail="icons"] .rbx-open:hover,
:root[data-rf][data-rail="icons"] .rail-me .rail-ic:hover,
:root[data-rf][data-rail="icons"] .rail-me .rail-you:hover{
  transform:scale(var(--rf-pop));
}











































:root[data-rf][data-rail-shut][data-rail="full"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand),
:root[data-rf][data-rail-shut][data-rail="full"] .rail .rbx-open,
:root[data-rf][data-rail-shut][data-rail="full"] .rail .rail-links a.rail-lk,
:root[data-rf][data-rail-shut][data-rail="full"] .rail .rail-me .rail-ic,
:root[data-rf][data-rail-shut][data-rail="full"] .rail .rail-me .rail-you{
  text-indent:54px;
}
:root[data-rf][data-rail="full"] .rail .rf-w,
:root[data-rf][data-rail="full"] .rail .rail-me .rail-you .rail-av{
  text-indent:0;
}
























:root[data-rf][data-rf-folding] #jp-feed,
:root[data-rf][data-rf-folding] .jcol-list,
:root[data-rf][data-rf-folding] .main > .page{overflow-anchor:none}



























































:root[data-rf-quick] .shell{transition:none !important}





















:root[data-rf-quick][data-rf-folding] .jp-colmain{
  overflow-x:clip;overflow-clip-margin:0;
}
:root[data-rf-quick][data-rf-folding] .jp-totop{display:none}
@media (prefers-reduced-motion:reduce){
  :root[data-rf-quick][data-rf-folding] .main > .page,
  :root[data-rf-quick][data-rf-folding] .jp-colmain > *{transition:none}
}









































:root[data-rf][data-rail="icons"] .rail a:not(.rgn-opt):not(.rail-lk):not(.btn):not(.rail-brand).on > svg{
  color:var(--g-solid-ink);
}



































@media (min-width:701px){
  :root[data-rf] .rf-right.rf-pick-short .fpick-name{display:none}
  :root[data-rf] .rf-right.rf-pick-short .fpick-btn{justify-content:center;padding:0 10px}
  :root[data-rf]:is([data-lay="grid"],[data-lay="columns"]){
    --cols-side:minmax(var(--rf-side-min, 220px), 1fr);
  }
}
@media (min-width:1500px){
  :root[data-rf]:is([data-lay="grid"],[data-lay="columns"]){
    --cols-side:minmax(var(--rf-side-min, 220px), 320px);
  }
}




















:root[data-lens-off] [data-lens]{display:none !important}



























.setpanes .rf-lensseg[data-n="3"] .rf-sizeg{display:none}
.setpanes .rf-lensseg[data-n="3"] .set-thmseg-b{gap:0;padding:5px 6px}
.setpanes .rf-lensseg .set-thmseg-b{min-height:40px;padding:5px 12px;gap:8px;font-size:13px}
.rf-lensseg .set-thmseg-b:hover .rf-sizeg{color:var(--ink)}






.rf-lensseg .set-thmseg-b.on .rf-sizeg{color:var(--ink)}



.setpanes .set-card.is-off .rf-lensseg{opacity:.45}
.setpanes .set-card.is-off .rf-lensseg .set-thmseg-b{cursor:default}
.setpanes .set-card.is-off .rf-lensseg .set-thmseg-b:hover{color:var(--ink-3)}






















#jp-lensbox{
  position:fixed;top:0;right:0;bottom:0;width:var(--lens-w,460px);
  z-index:80;background:var(--paper-2);
  border-left:1px solid var(--rule);
  



  overflow:hidden;
}
#jp-lensbox[hidden]{display:none}









#jp-lensbox{transform:translateX(0);transition:transform .5s cubic-bezier(.32,.72,0,1)}
#jp-lensbox.is-away{transform:translateX(100%);transition:transform .3s cubic-bezier(.32,0,.67,0)}
@media (prefers-reduced-motion:reduce){ #jp-lensbox,#jp-lensbox.is-away{transition:none} }












:root[data-lens-vt] .jp-cols > .jp-colmain{view-transition-name:jp-lens-feed;view-transition-group:contain}
:root[data-lens-vt] .jp-cols > #jp-split{view-transition-name:jp-lens-split}
:root[data-lens-vt] .jp-cols > .jp-colside{view-transition-name:jp-lens-side}
:root[data-lens-vt] #jp-fset{view-transition-name:jp-lens-fset}
:root[data-lens-vt]::view-transition-old(root){display:none}
:root[data-lens-vt]::view-transition-new(root){animation:none}
:root[data-lens-vt="in"]::view-transition-group(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.32,.72,0,1)}
:root[data-lens-vt="out"]::view-transition-group(*){animation-duration:.3s;animation-timing-function:cubic-bezier(.32,0,.67,0)}
:root[data-lens-vt]::view-transition-group(*){overflow:clip}
:root[data-lens-vt]::view-transition-old(*),
:root[data-lens-vt]::view-transition-new(*){inset:0 auto auto 0;width:auto;height:auto;animation-timing-function:ease-in-out}











:root[data-lens-vt]::view-transition-old(*.jp-lens-fit),
:root[data-lens-vt]::view-transition-new(*.jp-lens-fit){inset:0;width:100%;height:100%;object-fit:cover}
:root[data-lens-vt]::view-transition-old(*.jp-lens-box),
:root[data-lens-vt]::view-transition-new(*.jp-lens-box){inset:0;width:100%;height:100%}



:root[data-lens-vt="in"]::view-transition-old(*.jp-lens-text),
:root[data-lens-vt="in"]::view-transition-new(*.jp-lens-text){animation-duration:.22s}
:root[data-lens-vt="out"]::view-transition-old(*.jp-lens-text),
:root[data-lens-vt="out"]::view-transition-new(*.jp-lens-text){animation-delay:.06s;animation-duration:.18s}
:root[data-lens-vt="in"]::view-transition-old(*.jp-lens-strip){animation-duration:.06s}
:root[data-lens-vt="in"]::view-transition-new(*.jp-lens-strip){animation-delay:.34s;animation-duration:.16s}
:root[data-lens-vt="out"]::view-transition-old(*.jp-lens-strip){animation-duration:.05s}
:root[data-lens-vt="out"]::view-transition-new(*.jp-lens-strip){animation-delay:.22s;animation-duration:.08s}






























#jp-lensbox .jp-lensbox-skel{
  position:absolute;inset:0;padding:12px 14px;pointer-events:none;overflow:hidden;
  display:flex;flex-direction:column;gap:12px;color:var(--ink);
  transition:opacity .3s ease .12s;
}
#jp-lensbox.is-painted .jp-lensbox-skel,
#jp-lensbox.is-need .jp-lensbox-skel{opacity:0;visibility:hidden;transition:opacity .3s ease .12s,visibility 0s linear .45s}
#jp-lensbox .jp-lensbox-skel i{
  display:block;position:relative;overflow:hidden;flex:none;border-radius:10px;
  background:color-mix(in srgb,currentColor 8%,transparent);
}
#jp-lensbox .jp-lensbox-skel .s-bar{height:30px;border-radius:15px;margin-right:44px}
#jp-lensbox .jp-lensbox-skel .s-shot{height:190px;border-radius:14px}
#jp-lensbox .jp-lensbox-skel .s-tabs{height:12px;width:55%;border-radius:6px}
#jp-lensbox .jp-lensbox-skel .s-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#jp-lensbox .jp-lensbox-skel .s-grid i{aspect-ratio:3/4}
#jp-lensbox .jp-lensbox-skel i::after{
  content:"";position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,color-mix(in srgb,currentColor 7%,transparent),transparent);
  animation:jpLensSheen 1.4s ease-in-out infinite;
}
#jp-lensbox.is-painted .jp-lensbox-skel i::after,
#jp-lensbox.is-need .jp-lensbox-skel i::after{animation:none}
@keyframes jpLensSheen{to{transform:translateX(100%)}}
#jp-lensbox iframe{opacity:0;transition:opacity .28s ease}
#jp-lensbox.is-painted iframe{opacity:1}
@media (prefers-reduced-motion:reduce){
  #jp-lensbox .jp-lensbox-skel i::after{animation:none}
  #jp-lensbox iframe,#jp-lensbox .jp-lensbox-skel{transition:none}
}
#jp-lensbox iframe{
  position:absolute;top:0;left:0;
  width:calc(100% / var(--lens-zoom,.67));
  height:calc(100% / var(--lens-zoom,.67));
  transform:scale(var(--lens-zoom,.67));
  transform-origin:0 0;
  border:0;display:block;background:var(--paper);
}











#jp-lensbox .jp-lensbox-tip{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  background:var(--paper-2);border-top:1px solid var(--rule);
  max-height:70%;overflow-y:auto;
  



  transform:translateY(calc(100% - var(--tip-head, 35px)));
  transition:transform .26s cubic-bezier(.4,0,.7,1), box-shadow .26s ease;
}
#jp-lensbox .jp-lensbox-tip.is-open{
  transform:translateY(0);
  box-shadow:0 -14px 32px -16px rgba(0,0,0,.28);
  transition:transform .46s cubic-bezier(.16,1,.3,1), box-shadow .46s ease;
}
#jp-lensbox .jp-lensbox-tip.is-still,
#jp-lensbox .jp-lensbox-tip.is-still *{transition:none !important}


#jp-lensbox .jp-lensbox-steps > p,
#jp-lensbox .jp-lensbox-steps li,
#jp-lensbox .jp-lensbox-steps > .jp-lensbox-tip-x{
  opacity:0;transform:translateY(10px);
  transition:opacity .12s ease, transform .2s ease;
}
#jp-lensbox .jp-lensbox-tip.is-open .jp-lensbox-steps > p,
#jp-lensbox .jp-lensbox-tip.is-open .jp-lensbox-steps li,
#jp-lensbox .jp-lensbox-tip.is-open .jp-lensbox-steps > .jp-lensbox-tip-x{
  opacity:1;transform:none;
  transition:opacity .34s ease var(--d,0s), transform .5s cubic-bezier(.16,1,.3,1) var(--d,0s);
}
#jp-lensbox .jp-lensbox-steps > p:first-child{--d:.06s}
#jp-lensbox .jp-lensbox-steps li:nth-child(1){--d:.1s}
#jp-lensbox .jp-lensbox-steps li:nth-child(2){--d:.14s}
#jp-lensbox .jp-lensbox-steps li:nth-child(3){--d:.18s}
#jp-lensbox .jp-lensbox-steps li:nth-child(4){--d:.22s}
#jp-lensbox .jp-lensbox-steps > .jp-lensbox-steps-alt{--d:.26s}
#jp-lensbox .jp-lensbox-steps > .jp-lensbox-tip-x{--d:.3s}

#jp-lensbox .jp-lensbox-steps li > .jp-lensbox-eye{vertical-align:-3px;color:var(--ink)}
#jp-lensbox .jp-lensbox-omni{
  display:flex;align-items:center;gap:7px;
  margin:7px 0 5px;padding:0 7px 0 11px;height:30px;max-width:290px;
  border-radius:15px;background:var(--paper-3);color:var(--ink-3);
  font-size:12px;line-height:1;
}
#jp-lensbox .jp-lensbox-omni > svg{flex:none}
#jp-lensbox .jp-lensbox-omni-u{
  flex:1 1 auto;min-width:0;color:var(--ink-2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#jp-lensbox .jp-lensbox-omni-eye{
  position:relative;flex:none;width:24px;height:24px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--paper);color:var(--ink);box-shadow:0 0 0 2px var(--ink);
}
#jp-lensbox .jp-lensbox-omni-eye::after{
  content:"";position:absolute;inset:-2px;border-radius:50%;
  border:2px solid var(--ink);opacity:0;pointer-events:none;
}

#jp-lensbox .jp-lensbox-tip.is-open .jp-lensbox-omni-eye::after{
  animation:jpLensEyePing 1.3s cubic-bezier(.2,.6,.35,1) .55s 2;
}
@keyframes jpLensEyePing{
  0%{transform:scale(1);opacity:.6}
  100%{transform:scale(1.9);opacity:0}
}
#jp-lensbox .jp-lensbox-tip[hidden]{display:none}
#jp-lensbox .jp-lensbox-tip-h{
  display:flex;align-items:center;gap:8px;width:100%;
  padding:9px 12px;border:0;background:none;cursor:pointer;
  font-family:var(--sans);font-size:12px;line-height:1.35;
  color:var(--ink-2);text-align:left;
}
#jp-lensbox .jp-lensbox-tip-h:hover{color:var(--ink)}
#jp-lensbox .jp-lensbox-tip-h > span{flex:1 1 auto;min-width:0}
#jp-lensbox .jp-lensbox-tip-h > svg{flex:none;transition:transform .26s cubic-bezier(.4,0,.7,1)}
#jp-lensbox .jp-lensbox-tip.is-open .jp-lensbox-tip-h > svg{transition:transform .46s cubic-bezier(.16,1,.3,1)}
#jp-lensbox .jp-lensbox-tip.is-open .jp-lensbox-tip-h > svg{transform:rotate(180deg)}
#jp-lensbox .jp-lensbox-tip-h:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
#jp-lensbox .jp-lensbox-steps{padding:0 12px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#jp-lensbox .jp-lensbox-steps[hidden]{display:none}
#jp-lensbox .jp-lensbox-steps p{margin:0 0 8px}
#jp-lensbox .jp-lensbox-steps ol{margin:0 0 8px;padding-left:18px}
#jp-lensbox .jp-lensbox-steps li{margin:0 0 4px}
#jp-lensbox .jp-lensbox-steps b{color:var(--ink);font-weight:600}
#jp-lensbox .jp-lensbox-steps-alt{color:var(--ink-3)}
#jp-lensbox .jp-lensbox-tip-x{
  border:1px solid var(--g-lite-rim);border-radius:8px;cursor:pointer;
  background:linear-gradient(180deg,var(--g-lite-a),var(--g-lite-b));
  padding:5px 10px;font-family:var(--sans);font-size:11.5px;color:var(--ink-2);
}
#jp-lensbox .jp-lensbox-tip-x:hover{color:var(--ink);border-color:var(--g-lite-rim-h)}






#jp-lensbox .jp-lensbox-x{
  





  position:absolute;top:10px;right:10px;z-index:3;
  width:30px;height:30px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--g-lite-rim);border-radius:9px;cursor:pointer;
  


  background:linear-gradient(180deg,var(--g-lite-a),var(--g-lite-b)),var(--paper-2);
  box-shadow:inset 0 1px 0 var(--g-spec), var(--g-cast);
  color:var(--ink);
  transition:box-shadow .16s var(--rf-ease), border-color .16s var(--rf-ease);
}
#jp-lensbox .jp-lensbox-x:hover{
  border-color:var(--g-lite-rim-h);
  box-shadow:0 2px 4px rgba(0,0,0,.07), 0 10px 22px -4px rgba(0,0,0,.16);
}
#jp-lensbox .jp-lensbox-x:focus-visible{outline:2px solid var(--ink);outline-offset:2px}





#jp-lensbox .jp-lensbox-need{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;justify-content:center;gap:12px;
  padding:56px 24px 24px;background:var(--paper-2);
  font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--ink-2);
}
#jp-lensbox .jp-lensbox-need[hidden]{display:none}
#jp-lensbox .jp-lensbox-need h4{
  margin:0;font-family:var(--sans);font-size:15px;line-height:1.3;font-weight:600;
  letter-spacing:0;text-transform:none;color:var(--ink);
}
#jp-lensbox .jp-lensbox-need p{margin:0}
#jp-lensbox .jp-lensbox-need ol{margin:0;padding-left:18px}
#jp-lensbox .jp-lensbox-need li{margin:0 0 4px}
#jp-lensbox .jp-lensbox-need a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
#jp-lensbox .jp-lensbox-need-go{
  align-self:flex-start;margin-top:4px;
  border:1px solid var(--g-lite-rim);border-radius:9px;cursor:pointer;
  background:linear-gradient(180deg,var(--g-lite-a),var(--g-lite-b));
  box-shadow:inset 0 1px 0 var(--g-spec), var(--g-cast);
  padding:7px 12px;font-family:var(--sans);font-size:12.5px;color:var(--ink);
}
#jp-lensbox .jp-lensbox-need-go:hover{border-color:var(--g-lite-rim-h)}
#jp-lensbox .jp-lensbox-need-go:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#jp-lensbox.is-need .jp-lensbox-tip{display:none}



@media (max-width:860px){ #jp-lensbox{display:none !important} }







.jp-lens-toast{
  position:fixed;left:50%;bottom:calc(18px + var(--toast-lift,0px));z-index:90;
  display:flex;align-items:center;gap:8px;
  padding:7px 15px 7px 9px;border-radius:999px;
  background:linear-gradient(180deg,var(--g-solid-a),var(--g-solid-b));
  border:1px solid var(--g-solid-rim);color:var(--g-solid-ink);
  box-shadow:0 10px 26px -8px rgba(0,0,0,.35), 0 2px 6px rgba(0,0,0,.12);
  font-family:var(--sans);font-size:12.5px;font-weight:500;line-height:1.2;
  white-space:nowrap;pointer-events:none;
  opacity:0;transform:translate(-50%,10px) scale(.96);
  transition:opacity .18s ease, transform .22s cubic-bezier(.4,0,1,1);
}
.jp-lens-toast.is-on{
  opacity:1;transform:translate(-50%,0) scale(1);
  transition:opacity .22s ease, transform .42s cubic-bezier(.16,1,.3,1);
}
.jp-lens-toast.is-on.is-nudge{animation:jpLensToastNudge .34s cubic-bezier(.3,.7,.4,1)}
@keyframes jpLensToastNudge{
  40%{transform:translate(-50%,-3px) scale(1.04)}
  100%{transform:translate(-50%,0) scale(1)}
}
.jp-lens-toast > svg{flex:none;display:block}
body.is-lens > .jp-lens-toast{left:calc(50% - var(--lens-w,400px) / 2)}
#jp-lensbox > .jp-lens-toast{position:absolute;z-index:4;bottom:calc(12px + var(--toast-lift,0px))}
@media (prefers-reduced-motion:reduce){
  #jp-lensbox .jp-lensbox-tip,
  #jp-lensbox .jp-lensbox-tip *{transition:none !important;animation:none !important}
  .jp-lens-toast,.jp-lens-toast.is-on{transform:translate(-50%,0);transition:opacity .15s ease}
  .jp-lens-toast.is-on.is-nudge{animation:none}
}

























:root[data-rail="full"] .rail-brand,
:root[data-rail="icons"] .rail-brand{
  position:relative !important;box-sizing:border-box !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;
  border-radius:16px !important;height:56px !important;padding:0 !important;display:block !important;
  overflow:clip !important;
}
:root[data-rail="full"] .rail-brand{width:auto !important;margin:6px 10px 0 !important}
:root[data-rail="full"][data-rail-peek] .rail-brand{width:56px !important}
:root[data-rail="icons"] .rail-brand{width:56px !important;margin:6px 9px 0 11px !important}
:root[data-rail="full"] img.rail-logo,
:root[data-rail="icons"] img.rail-logo{
  position:absolute !important;left:13.0px !important;top:13.0px !important;margin:0 !important;
  width:30px !important;height:30px !important;max-width:none !important;max-height:none !important;
  transform-origin:0 0;transform:none;will-change:transform;
  

  transition:transform .5s var(--lh-ease,cubic-bezier(.22,.61,.36,1));
}
:root[data-rail="full"]:not([data-rail-peek]) img.rail-logo{transform:translate(9.5px,4.0px) scale(0.6667)}
:root[data-rail="full"] .rail-brand-t{
  position:absolute !important;left:44.3px !important;top:18.4px !important;
  width:85.0px !important;height:24.7px !important;overflow:visible !important;
  display:block !important;pointer-events:none;
}
.rail-goras{display:block;width:85.0px;height:24.7px;clip-path:inset(0 0 0 0);
  transition:clip-path .34s var(--rf-ease) .28s}
:root[data-rail-anim] .rail-goras{clip-path:inset(0 100% 0 0);transition:clip-path .18s var(--rf-ease) 0s}
:root[data-rail-anim] .rail-brand-t{transform:translateX(-6px) !important}
.rail-goras-img{display:block;width:100%;height:100%}
.rail-goras-img.goras-dark{display:none}
:root[data-mode="dark"] .rail-goras-img.goras-light{display:none}
:root[data-mode="dark"] .rail-goras-img.goras-dark{display:block}
@media (max-height:700px){
  :root[data-rail="full"] .rail-brand,:root[data-rail="icons"] .rail-brand{height:48px !important}
  :root[data-rail="full"][data-rail-peek] .rail-brand,:root[data-rail="icons"] .rail-brand{width:48px !important}
  :root[data-rail="icons"] .rail-brand{margin:6px 13px 0 15px !important}
  :root[data-rail="full"] img.rail-logo,:root[data-rail="icons"] img.rail-logo{left:11.0px !important;top:11.0px !important;width:26px !important;height:26px !important}
  :root[data-rail="full"]:not([data-rail-peek]) img.rail-logo{transform:translate(16.7px,3.0px) scale(0.6923)}
  :root[data-rail="full"] .rail-brand-t{left:47.6px !important;top:15.2px !important;width:76.5px !important;height:22.2px !important}
  .rail-goras{width:76.5px;height:22.2px}
}





@media (max-width:560px){
  :root[data-rail="icons"] .rail-brand,:root[data-rail="full"] .rail-brand,
  :root[data-rail="full"][data-rail-peek] .rail-brand{width:44px !important;height:44px !important;margin:6px 7px 0 !important}
  :root[data-rail="full"] img.rail-logo,:root[data-rail="icons"] img.rail-logo{left:8px !important;top:8px !important;width:28px !important;height:28px !important;transform:none !important}
}
@media (prefers-reduced-motion:reduce){ img.rail-logo,.rail-goras{transition:none !important} }
























@media (min-width:701px){
  :root[data-rf] .rf-bar .fpick{flex:none;min-width:0;margin-left:0 !important;position:relative}
  :root[data-rf] .rf-bar .fpick::before{display:none !important}
  :root[data-rf] .rf-bar .fpick-btn{width:auto;min-width:0;justify-content:center}
  :root[data-rf] .rf-bar .fpick-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  :root[data-rf] .rf-bar .fpick-menu{left:0;right:0;width:auto;min-width:0}
  @container rf-bar (max-width:560px){
    .rf-bar .fpick-name{display:none}
    .rf-bar .fpick-btn{padding:0 10px}
    
    :root[data-rf] .rf-bar .fpick-menu{left:auto;min-width:200px}
  }
  :root[data-rf]:not([data-side="off"]):not([data-split="slim"]) .rf-right .fset-lay{flex:1 1 auto;min-width:0}
  :root[data-rf]:not([data-side="off"]):not([data-split="slim"]) .rf-right .fset-lay button{flex:1 1 0;width:auto}
  :root[data-rf]:not([data-side="off"]):not([data-split="slim"]) .rf-right .fset-lay::before{
    box-sizing:border-box;width:calc((100% - 10px) / 3);height:calc(100% - 6px);
  }
  :root[data-rf]:not([data-side="off"]):not([data-split="slim"]) .rf-right .fset-lay:has(> button:nth-of-type(2).on)::before{transform:translateX(calc(100% + 2px))}
  :root[data-rf]:not([data-side="off"]):not([data-split="slim"]) .rf-right .fset-lay:has(> button:nth-of-type(3).on)::before{transform:translateX(calc(200% + 4px))}
}






































:root[data-rf] .fpick-btn{font-weight:500}
:root[data-rf] .fpick-menu{min-width:0;padding:6px}
:root[data-rf] .fpick-opt{
  height:36px;padding:0 8px;gap:10px;border-radius:11px;justify-content:flex-start;
  font-family:var(--sans);font-size:13px;font-weight:500;color:var(--ink-2);
  transition:background .16s,color .14s,box-shadow .18s,transform .12s var(--rf-ease,ease);
}
:root[data-rf] .fpick-opt .fpick-lab{flex:1 1 auto}
:root[data-rf] .fpick-opt:hover{color:var(--ink);background:var(--tint);border-color:transparent;box-shadow:none}
:root[data-rf] .fpick-opt:active{transform:scale(.985)}
:root[data-rf] .fpick-opt.on{font-weight:600}
:root[data-rf] .fpick-opt.on::after{display:none}
:root[data-rf] .fpick-opt.is-locked:hover{background:transparent;color:var(--ink-3)}
:root[data-rf] .fpick-head{margin:8px 8px 4px;padding-top:8px;text-align:left;
  font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-3)}

:root[data-rf] .fpick-menu{
  transform-origin:top right;
  opacity:0;transform:translateY(-8px) scale(.96);
  transition:opacity .18s ease-in, transform .22s ease-in, display .22s allow-discrete;
}
:root[data-rf] .fpick[aria-open="1"] .fpick-menu{
  opacity:1;transform:none;
  transition:opacity .22s ease-out, transform .38s cubic-bezier(.2,.8,.2,1), display .38s allow-discrete;
}
@starting-style{
  :root[data-rf] .fpick[aria-open="1"] .fpick-menu{opacity:0;transform:translateY(-8px) scale(.96)}
}
@keyframes rf-fpick-row{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
:root[data-rf] .fpick-menu .fpick-opt{animation:rf-fpick-row .34s cubic-bezier(.2,.8,.2,1) both}
  :root[data-rf] .fpick-menu .fpick-opt:nth-child(2){animation-delay:22ms}
  :root[data-rf] .fpick-menu .fpick-opt:nth-child(3){animation-delay:44ms}
  :root[data-rf] .fpick-menu .fpick-opt:nth-child(4){animation-delay:66ms}
  :root[data-rf] .fpick-menu .fpick-opt:nth-child(5){animation-delay:88ms}
  :root[data-rf] .fpick-menu .fpick-opt:nth-child(6){animation-delay:110ms}
  :root[data-rf] .fpick-menu .fpick-opt:nth-child(7){animation-delay:132ms}
  :root[data-rf] .fpick-menu .fpick-opt:nth-child(8){animation-delay:154ms}
  :root[data-rf] .fpick-menu .fpick-opt:nth-child(9){animation-delay:176ms}
  :root[data-rf] .fpick-menu .fpick-opt:nth-child(10){animation-delay:198ms}
  :root[data-rf] .fpick-menu .fpick-opt:nth-child(11){animation-delay:220ms}
  :root[data-rf] .fpick-menu .fpick-opt:nth-child(12){animation-delay:242ms}
@media (prefers-reduced-motion:reduce){
  :root[data-rf] .fpick-menu,:root[data-rf] .fpick[aria-open="1"] .fpick-menu{transition:display .01s allow-discrete}
  :root[data-rf] .fpick-menu .fpick-opt{animation:none}
}












:root[data-rf] .rail .rail-brand,
:root[data-rf] .rail .rail-brand *{pointer-events:none !important;cursor:default !important}
