:root{--cjh-h:79px;--cjh-fold:46px}
.cjh{--ez:cubic-bezier(.2,.7,.3,1);--hinge:cubic-bezier(.7,0,.15,1);--sp:cubic-bezier(.22,1,.36,1);--cy:#86E6FB;--cyl:rgba(134,230,251,.5);
  position:fixed;top:0;left:10px;right:10px;z-index:60;contain:layout;
  background:rgba(7,10,11,.82);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);
  border:1px solid var(--line2,#2A3538);border-top:0;border-radius:0 0 10px 10px;
  box-shadow:0 22px 44px -26px rgba(0,0,0,.95),0 12px 32px -22px rgba(134,230,251,.35);
  font-family:var(--fm,"JetBrains Mono",ui-monospace,monospace);color:var(--ink,#F3F3F3);
  transition:background-color .35s var(--ez),transform .75s var(--hinge)}
@supports (transition-timing-function:linear(0,1)){
  .cjh{--sp:linear(0,.0616 5%,.1912 10%,.3374 15%,.4751 20%,.594 25%,.6916 30%,.7689 35%,.8288 40%,.8743 45%,.9084 50%,.9523 60%,.9756 70%,.9877 80%,.9939 90%,1)}
}
.cjh.stuck{background-color:rgba(6,9,10,.94)}
.cjh.folded{transform:translateY(calc(-1 * var(--cjh-fold)))}
.cjh::after{content:"";position:absolute;left:32px;right:32px;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--cy),transparent);opacity:.45;transition:opacity .6s var(--ez)}
.cjh.stuck::after{opacity:.7}
.cjh-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.cjh-wrap{max-width:var(--media,1460px);margin-inline:auto;animation:cjh-in .9s cubic-bezier(.2,.8,.2,1) .05s backwards}
@keyframes cjh-in{from{opacity:0;transform:translateY(-12px)}}
.cjh-row{display:flex;align-items:stretch;min-width:0;height:46px}
.cjh-r1{padding-inline:var(--gut,24px) calc(var(--gut,24px) - 8px);transform-origin:50% 100%;
  transition:transform .75s var(--hinge),opacity .5s var(--ez) .12s}
.cjh.folded .cjh-r1{transform:perspective(700px) rotateX(88deg);opacity:0;pointer-events:none;
  transition:transform .7s var(--hinge),opacity .32s var(--ez)}

.cjh-brand,.cjh-nav>a,.cjh-act>*{
  transition:opacity .45s var(--ez) calc(var(--i,0) * 45ms + 140ms),transform .7s var(--sp) calc(var(--i,0) * 45ms + 140ms),
    color .2s var(--ez),background-color .25s var(--ez),border-color .25s var(--ez)}
.cjh.folded .cjh-brand,.cjh.folded .cjh-nav>a,.cjh.folded .cjh-act>*{opacity:0;transform:translateY(-7px);
  transition-delay:calc(var(--i,0) * 22ms),calc(var(--i,0) * 22ms),0s,0s,0s}
.cjh-nav>a:nth-child(1){--i:1}.cjh-nav>a:nth-child(2){--i:2}.cjh-nav>a:nth-child(3){--i:3}
.cjh-nav>a:nth-child(4){--i:4}.cjh-nav>a:nth-child(5){--i:5}
.cjh-act>:nth-child(1){--i:6}.cjh-act>:nth-child(2){--i:7}.cjh-act>:nth-child(3){--i:8}

.cjh-brand{position:relative;display:flex;align-items:center;gap:10px;flex:none;margin-right:auto;padding-right:var(--s6,32px);color:var(--ink,#F3F3F3);text-decoration:none}
.cjh-brand svg{display:block;height:14px;width:auto;fill:currentColor}
.cjh-brand .cjh-icon{display:none;height:17px}
.cjh-word .m{fill:var(--cy);transition:filter .4s var(--ez)}
.cjh-brand:hover .cjh-word .m{filter:drop-shadow(0 0 6px rgba(134,230,251,.8))}

.cjh-nav{position:relative;display:flex;align-items:stretch;min-width:0}
.cjh-nav>a{display:flex;align-items:center;height:100%;padding:0 14px;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;
  color:#8A979A;text-decoration:none;white-space:nowrap}
.cjh-nav>a:hover{color:var(--ink,#F3F3F3)}
.cjh-nav>a[aria-current="page"]{color:var(--ink,#F3F3F3)}
.cjh-nav .only-m{display:none}
.cjh-glide{position:absolute;left:0;bottom:0;width:100px;height:1px;pointer-events:none;opacity:0;transform-origin:0 0;
  background:var(--bar,linear-gradient(90deg,transparent,var(--cy),transparent));transition:transform .5s var(--ez),opacity .35s var(--ez)}
.cjh-glide::before{content:"";position:absolute;left:0;bottom:1px;width:100%;height:16px;background:radial-gradient(50% 100% at 50% 100%,rgba(134,230,251,.2),transparent)}

.cjh-act{display:flex;align-items:center;gap:8px;flex:none;margin-left:var(--s3,12px);padding-left:var(--s5,24px)}
.cjh-key{position:relative;display:inline-flex;align-items:center;gap:7px;height:29px;padding:0 13px;border:1px solid rgba(134,230,251,.5);border-radius:6px;
  background:rgba(134,230,251,.07);color:var(--cy);font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(134,230,251,.18),0 10px 26px -18px rgba(134,230,251,.9)}
.cjh-key::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 22px -6px rgba(134,230,251,.6);transition:opacity .3s var(--ez)}
.cjh-key:hover{background-color:rgba(134,230,251,.14);color:#E8FBFF}
.cjh-key:hover::after,.cjh-key:focus-visible::after{opacity:1}
.cjh-key svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
.cjh-key .sh{transform-box:fill-box;transform-origin:100% 100%;transition:transform .35s var(--ez)}
.cjh-key:hover .sh,.cjh-key:focus-visible .sh{transform:translateY(-1.3px) rotate(-14deg)}
.cjh-go{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;height:29px;padding:0 15px;border:1px solid var(--gold,#E6BE4E);border-radius:6px;
  background:var(--gold,#E6BE4E);color:#0b0b0b;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,246,222,.45),0 10px 26px -16px rgba(230,190,78,.75)}
.cjh-go::after{content:"";position:absolute;inset:0 auto 0 0;width:45%;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 20%,rgba(255,250,235,.55) 50%,transparent 80%);transform:translateX(-120%);transition:transform .9s var(--ez)}
.cjh-go:hover{background-color:#F2CE62;border-color:#F2CE62}
.cjh-go:hover::after,.cjh-go:focus-visible::after{transform:translateX(330%)}
.cjh-menu{display:none;align-items:center;justify-content:center;width:36px;height:29px;padding:0;border:1px solid var(--line2,#2A3538);border-radius:6px;background:none;color:var(--ink,#F3F3F3);cursor:pointer}
.cjh-menu svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.cjh-menu:hover{border-color:var(--gold,#E6BE4E);color:var(--gold,#E6BE4E)}

.cjh-r2{position:relative;height:32px;border-top:1px solid var(--line,#1A2224);border-image:var(--hr,linear-gradient(90deg,transparent,#2A3538,transparent)) 1;
  border-radius:0 0 10px 10px;overflow:hidden;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase}
.cjh-r2::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:2;pointer-events:none;
  background:var(--bar,linear-gradient(90deg,transparent,var(--cy),transparent));opacity:0;transform:scaleX(.2);transition:opacity .5s var(--ez),transform .7s var(--ez)}
.cjh.folded .cjh-r2::before{opacity:.85;transform:none}
.cjh-r2::after{content:"";position:absolute;left:0;top:0;width:22%;height:1px;z-index:3;pointer-events:none;opacity:0;transform:translateX(-110%);
  background:linear-gradient(90deg,transparent,#E9FCFF,transparent);box-shadow:0 0 8px rgba(134,230,251,.9)}
.cjh.folded .cjh-r2::after{animation:cjh-crease 1.05s cubic-bezier(.4,0,.2,1) .28s both}
@keyframes cjh-crease{0%{opacity:0;transform:translateX(-110%)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(560%)}}

.cjh-id{position:relative;flex:none;display:flex;align-items:center;gap:9px;padding:0 16px 0 var(--gut,24px);border-right:1px solid var(--line,#1A2224);color:#8A979A;text-decoration:none}
.cjh-id i{width:12px;height:9px;background:var(--gold,#E6BE4E);-webkit-mask:var(--cjm) center/contain no-repeat;mask:var(--cjm) center/contain no-repeat;
  filter:drop-shadow(0 0 4px rgba(230,190,78,.6));transition:transform .6s var(--sp)}
.cjh-id b{color:var(--gold,#E6BE4E);font-weight:600;white-space:nowrap}
.cjh-id span{white-space:nowrap}
.cjh-id:hover i{transform:rotate(-8deg) scale(1.12)}
.cjh-sub{flex:1;min-width:0;display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.cjh-sub::-webkit-scrollbar{display:none}
.cjh-sub a{position:relative;display:flex;align-items:center;flex:none;padding:0 14px;color:#8A979A;text-decoration:none;white-space:nowrap;transition:color .2s var(--ez)}
.cjh-sub a::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;background:var(--bar,linear-gradient(90deg,transparent,var(--cy),transparent));
  transform:scaleX(0);transition:transform .45s var(--sp)}
.cjh-sub a:hover{color:var(--ink,#F3F3F3)}
.cjh-sub a[aria-current]{color:var(--cy)}
.cjh-sub a:hover::after,.cjh-sub a[aria-current]::after{transform:none}
.cjh-promo{position:relative;flex:none;display:flex;align-items:center;gap:9px;max-width:30%;padding:0 var(--gut,24px) 0 14px;border-left:1px solid var(--line,#1A2224);color:#8A979A;text-decoration:none}
.cjh-promo::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,rgba(230,190,78,.09),transparent);transition:opacity .3s var(--ez)}
.cjh-promo b{color:var(--gold,#E6BE4E);font-weight:600;white-space:nowrap}
.cjh-promo span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cjh-promo i{font-style:normal;color:var(--ink2,#BFC9CB);transition:transform .25s var(--ez)}
.cjh-promo:hover::before{opacity:1}
.cjh-promo:hover b{color:#F2CE62}
.cjh-promo:hover i{transform:translateX(3px)}

.cjh-prog{position:absolute;left:var(--s6,32px);right:var(--s6,32px);bottom:-1px;height:1px;z-index:1;pointer-events:none;border-radius:1px;
  background:linear-gradient(90deg,#4FC3F7,var(--cy) 60%,#E8FBFF);transform-origin:0 50%;transform:scaleX(0);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cjh-seam{position:absolute;left:var(--s6,32px);right:var(--s6,32px);bottom:-5px;height:9px;overflow:hidden;pointer-events:none;z-index:2}
.cjh-seam::before{content:"";position:absolute;top:0;left:0;width:30%;height:100%;opacity:0;
  background:linear-gradient(90deg,transparent,#E9FCFF,transparent) center/100% 1px no-repeat,radial-gradient(50% 50% at 50% 50%,rgba(134,230,251,.4),transparent);
  transform:translateX(-100%);animation:cjh-seam 2.6s var(--ez) .25s both}
@keyframes cjh-seam{0%{transform:translateX(-100%);opacity:0}12%{opacity:1}80%{opacity:1}100%{transform:translateX(334%);opacity:0}}

.cjh-tab{position:absolute;left:50%;bottom:-14px;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;width:136px;height:14px;margin-left:-68px;padding:0;
  border:1px solid rgba(134,230,251,.35);border-top:0;border-radius:0 0 8px 8px;background:#0A0E10;color:var(--cy);cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(-10px) scaleX(.55);transform-origin:50% 0;
  transition:opacity .3s var(--ez),transform .45s var(--ez),visibility 0s linear .45s,border-color .3s var(--ez)}
.cjh.folded .cjh-tab{opacity:1;visibility:visible;transform:none;
  transition:opacity .45s var(--ez) .5s,transform .8s var(--sp) .5s,visibility 0s,border-color .3s var(--ez)}
.cjh-tab::before,.cjh-tab::after{content:"";width:28px;height:2px;border-radius:1px;background:rgba(134,230,251,.35);transition:transform .45s var(--sp),background-color .3s var(--ez)}
.cjh-tab svg{width:11px;height:8px;fill:currentColor;filter:drop-shadow(0 0 5px rgba(134,230,251,.9))}
.cjh-tab:hover,.cjh-tab:focus-visible{border-color:rgba(134,230,251,.8);outline:none}
.cjh-tab:hover::before,.cjh-tab:hover::after,.cjh-tab:focus-visible::before,.cjh-tab:focus-visible::after{background-color:rgba(134,230,251,.85);transform:scaleX(1.35)}

#ledger{top:calc(var(--cjh-h) + 8px);transition:transform .75s cubic-bezier(.7,0,.15,1)}
.cjh-folded #ledger{transform:translateY(calc(-1 * var(--cjh-fold)))}
body:has(>.cjh[data-pad]){padding-top:var(--cjh-h)}
section[id]{scroll-margin-top:calc(var(--cjh-h) + 56px)}

@media(max-width:1180px){.cjh-promo{display:none}}
@media(max-width:1080px){
  .cjh-nav{position:fixed;top:calc(var(--cjh-h) + 6px);left:-1px;right:-1px;z-index:4;display:none;flex-direction:column;align-items:stretch;height:auto;
    max-height:calc(100svh - var(--cjh-h) - 18px);overflow-y:auto;padding:var(--s2,8px) var(--gut,24px) var(--s4,16px);
    background:rgba(6,9,10,.98);border:1px solid var(--line2,#2A3538);border-radius:10px;
    box-shadow:inset 0 1px 0 rgba(134,230,251,.12),0 30px 60px -30px rgba(0,0,0,.9)}
  .cjh-nav.open{display:flex;animation:cjh-sheet .5s var(--sp) both}
  .cjh-nav>a{height:auto;padding:15px 0;font-size:12px;border-bottom:1px solid var(--line,#1A2224)}
  .cjh-nav>a:last-of-type{border-bottom:0}
  .cjh-nav>a[aria-current="page"]{color:var(--gold,#E6BE4E)}
  .cjh-nav .only-m{display:flex}
  .cjh-nav .acc{color:var(--gold,#E6BE4E)}
  .cjh-glide{display:none}
  .cjh-menu{display:inline-flex}
}
@keyframes cjh-sheet{from{opacity:0;transform:translateY(-8px) scale(.985)}}
@media(max-width:760px){
  :root{--cjh-h:75px;--cjh-fold:44px}
  .cjh{left:8px;right:8px}
  .cjh-row{height:44px}
  .cjh-r1{padding-inline:var(--s4,16px) calc(var(--s4,16px) - 4px)}
  .cjh-r2{height:30px}
  .cjh-brand svg{height:13px}
  .cjh-key{padding:0 12px}
  .cjh-prog,.cjh-seam{left:var(--s5,24px);right:var(--s5,24px)}
  .cjh-act{padding-left:0}
  .cjh-go{padding:0 12px}
  .cjh-id{padding-left:var(--s4,16px)}
  .cjh-id span{display:none}
  .cjh-sub a{padding:0 11px}
}
@media(max-width:520px){
  .cjh-brand .cjh-word{display:none}
  .cjh-brand .cjh-icon{display:block}
  .cjh-go{display:none}
}

.lite .cjh-seam,.lite .cjh-go::after,.lite .cjh-r2::after{display:none}
.lite .cjh{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:rgba(6,9,10,.97)}
@media(prefers-reduced-motion:reduce){
  .cjh,.cjh-r1,.cjh-brand,.cjh-nav>a,.cjh-act>*,.cjh-r2::before,.cjh-tab,.cjh-glide,.cjh-sub a::after,#ledger{transition:none}
  .cjh-wrap,.cjh-seam::before,.cjh.folded .cjh-r2::after,.cjh-nav.open{animation:none}
  .cjh-go::after{display:none}
}
@media print{.cjh{display:none}}
