:root{
  --jne-primary: #46CCED;
  --jne-primary-rgb: 70, 204, 237;
  --jne-primary-dark: #1594B7;
  --jne-background: #07111F;
  --jne-background-soft: #0D1A2C;
  --jne-card: rgba(14, 31, 51, 0.88);
  --jne-card-hover: rgba(20, 45, 72, 0.96);
  --jne-border: rgba(70, 204, 237, 0.24);
  --jne-text: #F3F8FC;
  --jne-text-soft: #AFC1D1;
  --jne-shadow: 0 18px 45px rgba(0, 0, 0, 0.32);
  --jne-radius: 22px;
  --jne-width: 1180px;
}
*{box-sizing: border-box;}
html{scroll-behavior: smooth;}
body{
  margin: 0;
  color: var(--jne-text);
  background:
        radial-gradient(
            circle at 15% 10%,
            rgba(var(--jne-primary-rgb), 0.12),
            transparent 32%
        ),
        radial-gradient(
            circle at 85% 18%,
            rgba(var(--jne-primary-rgb), 0.08),
            transparent 28%
        ),
        linear-gradient(145deg, #050C16 0%, var(--jne-background) 48%, #09182A 100%);
  font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
  line-height: 1.65;
}
body::before{
  position: fixed;
  inset: 0;
  z-index: -1;
  content: "";
  pointer-events: none;
  opacity: 0.22;
  background-image:
        linear-gradient(rgba(70, 204, 237, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(70, 204, 237, 0.035) 1px, transparent 1px);
  background-size: 42px 42px;
}
a{color: var(--jne-primary);text-decoration: none;}
a:hover,a:focus-visible{color: #FFFFFF;}
img{display: block;max-width: 100%;height: auto;}
.jne-container{width: min(calc(100% - 40px), var(--jne-width));margin-inline: auto;}
.site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid var(--jne-border);
  background: rgba(5, 12, 22, 0.86);
  backdrop-filter: blur(18px);
}
.header-inner{display: flex;min-height: 82px;align-items: center;justify-content: space-between;gap: 30px;}
.site-branding{display: flex;align-items: center;}
.custom-logo-link{display: inline-flex;align-items: center;}
.custom-logo{width: auto;max-width: 150px;max-height: 58px;object-fit: contain;}
.site-title{color: var(--jne-primary);font-size: 1.75rem;font-weight: 900;letter-spacing: 0.08em;}
.main-navigation{display: flex;align-items: center;justify-content: flex-end;gap: 8px;}
.main-navigation a{
  position: relative;
  padding: 10px 15px;
  border-radius: 999px;
  color: var(--jne-text-soft);
  font-size: 0.94rem;
  font-weight: 700;
  transition:
        color 180ms ease,
        background 180ms ease,
        transform 180ms ease;
}
.main-navigation a:hover,.main-navigation a:focus-visible,.main-navigation a.is-active{
  color: #041019;
  background: var(--jne-primary);
  transform: translateY(-1px);
}
.site-main{min-height: calc(100vh - 220px);}
.jne-hero{
  display: grid;
  min-height: 620px;
  padding-block: 85px;
  align-items: center;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
  gap: 70px;
}
.hero-kicker{
  display: inline-flex;
  margin-bottom: 20px;
  padding: 7px 14px;
  border: 1px solid var(--jne-border);
  border-radius: 999px;
  color: var(--jne-primary);
  background: rgba(var(--jne-primary-rgb), 0.08);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.hero-title{margin: 0;max-width: 760px;font-size: clamp(3.4rem, 8vw, 7rem);font-weight: 950;letter-spacing: -0.055em;line-height: 0.94;}
.hero-title span{color: var(--jne-primary);text-shadow: 0 0 34px rgba(var(--jne-primary-rgb), 0.34);}
.hero-description{max-width: 680px;margin: 28px 0 0;color: var(--jne-text-soft);font-size: clamp(1.05rem, 2vw, 1.25rem);}
.hero-actions{display: flex;flex-wrap: wrap;gap: 14px;margin-top: 34px;}
.jne-button{
  display: inline-flex;
  min-height: 48px;
  padding: 11px 22px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--jne-primary);
  border-radius: 999px;
  color: #031019;
  background: var(--jne-primary);
  font-weight: 800;
  box-shadow: 0 10px 28px rgba(var(--jne-primary-rgb), 0.2);
  transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        background 180ms ease;
}
.jne-button:hover,.jne-button:focus-visible{
  color: #031019;
  background: #83E3F8;
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(var(--jne-primary-rgb), 0.3);
}
.jne-button.is-secondary{color: var(--jne-primary);background: transparent;box-shadow: none;}
.jne-button.is-secondary:hover,.jne-button.is-secondary:focus-visible{color: #031019;background: var(--jne-primary);}
.hero-logo-panel{
  display: grid;
  min-height: 500px;
  padding: 36px;
  place-items: center;
  border: 1px solid var(--jne-border);
  border-radius: 36px;
  background:
        radial-gradient(
            circle,
            rgba(var(--jne-primary-rgb), 0.2),
            transparent 64%
        ),
        rgba(10, 25, 43, 0.75);
  box-shadow: var(--jne-shadow);
}
.hero-logo-panel::before{
  width: 280px;
  height: 280px;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.2);
  box-shadow:
        0 0 0 35px rgba(var(--jne-primary-rgb), 0.035),
        0 0 0 75px rgba(var(--jne-primary-rgb), 0.025);
}
.hero-logo-panel .custom-logo-link{z-index: 2;display: grid;width: 100%;height: 100%;margin: 0;padding: 0;place-items: center;}
.hero-logo-panel .custom-logo{
  display: block;
  width: auto;
  height: auto;
  max-width: min(72%, 430px);
  max-height: 250px;
  margin: 0;
  padding: 0;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(
        0 20px 30px
        rgba(0, 0, 0, 0.42)
    );
}
.hero-logo-fallback{
  position: relative;
  z-index: 2;
  color: var(--jne-primary);
  font-size: clamp(4rem, 10vw, 7rem);
  font-weight: 950;
  letter-spacing: -0.08em;
  text-shadow:
        0 0 45px
        rgba(var(--jne-primary-rgb), 0.4);
}
@media (max-width: 900px){
.hero-logo-panel{min-height: 320px;padding: 28px;}
  .hero-logo-panel::before{width: 230px;height: 230px;}
  .hero-logo-panel .custom-logo{max-width: min(74%, 360px);max-height: 220px;}
}
@media (max-width: 600px){
.hero-logo-panel{min-height: 270px;padding: 22px;}
  .hero-logo-panel .custom-logo{max-width: min(82%, 320px);max-height: 190px;}
}
.jne-section{padding-block: 85px;}
.jne-section-heading{margin-bottom: 35px;}
.jne-section-heading span{color: var(--jne-primary);font-size: 0.82rem;font-weight: 800;letter-spacing: 0.13em;text-transform: uppercase;}
.jne-section-heading h2{margin: 7px 0 0;font-size: clamp(2rem, 4vw, 3.35rem);line-height: 1.1;}
.jne-panel,.page-content{
  padding: clamp(25px, 5vw, 52px);
  border: 1px solid var(--jne-border);
  border-radius: var(--jne-radius);
  background: var(--jne-card);
  box-shadow: var(--jne-shadow);
}
.jne-panel > :first-child,.page-content > :first-child{margin-top: 0;}
.jne-panel > :last-child,.page-content > :last-child{margin-bottom: 0;}
.jne-card-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 24px;}
.jne-card{
  position: relative;
  display: flex;
  min-height: 245px;
  padding: 31px;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border: 1px solid var(--jne-border);
  border-radius: var(--jne-radius);
  color: var(--jne-text);
  background: var(--jne-card);
  box-shadow: var(--jne-shadow);
  transition:
        transform 200ms ease,
        border-color 200ms ease,
        background 200ms ease;
}
.jne-card::after{
  position: absolute;
  right: -55px;
  bottom: -75px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  content: "";
  background: rgba(var(--jne-primary-rgb), 0.08);
}
.jne-card:hover,.jne-card:focus-visible{
  color: var(--jne-text);
  border-color: rgba(var(--jne-primary-rgb), 0.65);
  background: var(--jne-card-hover);
  transform: translateY(-5px);
}
.jne-card-icon{color: var(--jne-primary);font-size: 2rem;font-weight: 900;}
.jne-card h3{margin: 30px 0 8px;font-size: 1.55rem;}
.jne-card p{margin: 0;color: var(--jne-text-soft);}
.jne-card-link{position: relative;z-index: 2;margin-top: 24px;color: var(--jne-primary);font-weight: 800;}
.page-hero{padding: 90px 0 45px;}
.page-hero-label{color: var(--jne-primary);font-size: 0.82rem;font-weight: 800;letter-spacing: 0.13em;text-transform: uppercase;}
.page-title{margin: 8px 0 0;font-size: clamp(2.7rem, 7vw, 5.7rem);line-height: 1;}
.page-layout{padding-bottom: 95px;}
.page-content h2,.page-content h3{color: var(--jne-text);}
.page-content table{
  width: 100%;
  margin-block: 25px;
  overflow: hidden;
  border-collapse: collapse;
  border: 1px solid var(--jne-border);
  border-radius: 14px;
}
.page-content th,.page-content td{padding: 14px 16px;border-bottom: 1px solid var(--jne-border);text-align: left;}
.page-content th{color: #031019;background: var(--jne-primary);}
.page-content tr:last-child td{border-bottom: 0;}
.page-content code{padding: 4px 8px;border: 1px solid var(--jne-border);border-radius: 7px;color: var(--jne-primary);background: rgba(0, 0, 0, 0.25);}
.wp-block-gallery{gap: 18px !important;}
.wp-block-gallery figure{overflow: hidden;border: 1px solid var(--jne-border);border-radius: 16px;background: var(--jne-background-soft);}
.wp-block-gallery img{transition:
        transform 240ms ease,
        filter 240ms ease;}
.wp-block-gallery figure:hover img{filter: brightness(1.08);transform: scale(1.035);}
.site-footer{border-top: 1px solid var(--jne-border);background: rgba(4, 10, 18, 0.75);}
.footer-inner{display: flex;min-height: 140px;padding-block: 30px;align-items: center;justify-content: space-between;gap: 30px;}
.footer-brand{color: var(--jne-primary);font-size: 1.3rem;font-weight: 900;letter-spacing: 0.08em;}
.footer-text{margin: 4px 0 0;color: var(--jne-text-soft);font-size: 0.88rem;}
.footer-links{display: flex;gap: 18px;}
.footer-links a{color: var(--jne-text-soft);font-size: 0.9rem;font-weight: 700;}
.footer-links a:hover{color: var(--jne-primary);}
.screen-reader-text{position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
@media (max-width: 900px){
.header-inner{padding-block: 16px;align-items: flex-start;flex-direction: column;}
  .main-navigation{width: 100%;justify-content: flex-start;}
  .jne-hero{min-height: auto;grid-template-columns: 1fr;gap: 45px;}
  .hero-logo-panel{min-height: 330px;}
}
@media (max-width: 680px){
.jne-container{width: min(calc(100% - 26px), var(--jne-width));}
  .main-navigation{gap: 5px;}
  .main-navigation a{padding: 8px 11px;font-size: 0.85rem;}
  .jne-hero{padding-block: 60px;}
  .hero-title{font-size: clamp(3rem, 18vw, 5rem);}
  .hero-logo-panel{min-height: 260px;}
  .jne-card-grid{grid-template-columns: 1fr;}
  .footer-inner{align-items: flex-start;flex-direction: column;}
  .footer-links{justify-content: flex-start;}
  .page-content{padding: 24px 18px;}
  .page-content table{overflow-x: auto;}
}
.command-accordion-list{display: grid;margin-top: 42px;gap: 24px;}
.jne-command-card{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.22);
  border-radius: 24px;
  background:
        radial-gradient(
            circle at 92% 5%,
            rgba(var(--jne-primary-rgb), 0.11),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(18, 42, 68, 0.96),
            rgba(7, 20, 36, 0.98)
        );
  box-shadow:
        0 22px 55px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.025);
  transition:
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
}
.jne-command-card::before{
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  content: "";
  background: linear-gradient(
        180deg,
        var(--jne-primary),
        rgba(var(--jne-primary-rgb), 0.12)
    );
}
.jne-command-card:hover{
  border-color: rgba(var(--jne-primary-rgb), 0.55);
  transform: translateY(-2px);
  box-shadow:
        0 28px 65px rgba(0, 0, 0, 0.36),
        0 0 32px rgba(var(--jne-primary-rgb), 0.06);
}
.jne-command-card[open]{
  border-color: rgba(var(--jne-primary-rgb), 0.78);
  box-shadow:
        0 30px 75px rgba(0, 0, 0, 0.4),
        0 0 42px rgba(var(--jne-primary-rgb), 0.08);
}
.jne-command-card.is-protected{
  background:
        radial-gradient(
            circle at 90% 4%,
            rgba(var(--jne-primary-rgb), 0.16),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(19, 47, 75, 0.98),
            rgba(7, 20, 36, 0.98)
        );
}
.jne-command-summary{
  display: grid;
  min-height: 122px;
  padding: 27px 30px 27px 34px;
  align-items: center;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 22px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.jne-command-summary::-webkit-details-marker{display: none;}
.jne-command-summary::marker{content: "";}
.jne-command-icon{
  display: flex;
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.38);
  border-radius: 18px;
  color: var(--jne-primary);
  background:
        linear-gradient(
            145deg,
            rgba(var(--jne-primary-rgb), 0.16),
            rgba(var(--jne-primary-rgb), 0.035)
        );
  font-size: 1.7rem;
  font-weight: 900;
  box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 10px 26px rgba(0, 0, 0, 0.22);
}
.jne-command-heading{display: flex;min-width: 0;flex-direction: column;gap: 6px;}
.jne-command-heading strong{color: var(--jne-text);font-size: clamp(1.2rem, 2vw, 1.45rem);line-height: 1.2;}
.jne-command-heading small{overflow: hidden;color: var(--jne-text-soft);font-size: 0.94rem;text-overflow: ellipsis;white-space: nowrap;}
.jne-command-status{
  display: inline-flex;
  padding: 7px 13px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.35);
  border-radius: 999px;
  color: var(--jne-primary);
  background: rgba(var(--jne-primary-rgb), 0.08);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  white-space: nowrap;
}
.jne-command-status.is-protected{color: #DFF9FF;background: rgba(var(--jne-primary-rgb), 0.15);}
.jne-command-chevron{
  display: flex;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.4);
  border-radius: 50%;
  color: var(--jne-primary);
  background: rgba(var(--jne-primary-rgb), 0.06);
  font-size: 1.55rem;
  line-height: 1;
  transition:
        color 180ms ease,
        background 180ms ease,
        transform 180ms ease;
}
.jne-command-card[open] .jne-command-chevron{color: #031019;background: var(--jne-primary);transform: rotate(45deg);}
.jne-command-body{
  padding: 36px 38px 42px;
  border-top: 1px solid rgba(var(--jne-primary-rgb), 0.18);
  background: rgba(3, 12, 22, 0.26);
  animation: jne-command-open 180ms ease;
}
.jne-command-body > :first-child{margin-top: 0;}
.jne-command-body > :last-child{margin-bottom: 0;}
.jne-command-body > h2{margin-bottom: 10px;font-size: clamp(1.55rem, 3vw, 2.15rem);}
.jne-command-body > p{max-width: 850px;color: var(--jne-text-soft);}
@keyframes jne-command-open {
from {
opacity: 0;
transform: translateY(-8px);
}

to {
opacity: 1;
transform: translateY(0);
}
}
.jne-login-box{
  max-width: 680px;
  padding: 32px;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.25);
  border-radius: 20px;
  background:
        linear-gradient(
            145deg,
            rgba(var(--jne-primary-rgb), 0.055),
            transparent
        ),
        rgba(2, 11, 20, 0.62);
}
.jne-login-box h2{margin: 0 0 9px;}
.jne-login-box > p{margin-top: 0;color: var(--jne-text-soft);}
.jne-login-form{display: grid;margin-top: 27px;gap: 19px;}
.jne-login-field{display: grid;gap: 8px;}
.jne-login-field span{color: var(--jne-text);font-size: 0.91rem;font-weight: 750;}
.jne-login-field input{
  width: 100%;
  min-height: 51px;
  padding: 11px 15px;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.25);
  border-radius: 12px;
  outline: none;
  color: var(--jne-text);
  background: rgba(1, 8, 15, 0.76);
  font: inherit;
  transition:
        border-color 180ms ease,
        box-shadow 180ms ease;
}
.jne-login-field input:focus{border-color: var(--jne-primary);box-shadow: 0 0 0 4px rgba(var(--jne-primary-rgb), 0.12);}
.jne-remember-field{display: flex;align-items: center;gap: 9px;color: var(--jne-text-soft);font-size: 0.9rem;cursor: pointer;}
.jne-remember-field input{width: 17px;height: 17px;accent-color: var(--jne-primary);}
.jne-login-form .jne-button{width: fit-content;cursor: pointer;}
.jne-login-message{margin: 18px 0;padding: 13px 16px;border-radius: 11px;font-weight: 700;}
.jne-login-message.is-error{color: #FFD4D4;border: 1px solid rgba(255, 91, 91, 0.4);background: rgba(255, 91, 91, 0.1);}
.jne-login-message.is-success{color: #C9FFDE;border: 1px solid rgba(69, 218, 129, 0.4);background: rgba(69, 218, 129, 0.1);}
.protected-user-note{
  display: flex;
  margin-bottom: 28px;
  padding: 16px 19px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.28);
  border-radius: 14px;
  color: var(--jne-text-soft);
  background: rgba(var(--jne-primary-rgb), 0.065);
}
.protected-user-note strong{color: var(--jne-primary);}
.jne-text-button{padding: 0;border: 0;color: var(--jne-primary);background: transparent;font: inherit;font-weight: 800;cursor: pointer;}
.jne-text-button:hover,.jne-text-button:focus-visible{color: #FFFFFF;}
@media (max-width: 760px){
.jne-command-summary{min-height: 105px;padding: 22px;grid-template-columns: auto minmax(0, 1fr) auto;gap: 15px;}
  .jne-command-status{display: none;}
  .jne-command-icon{width: 54px;height: 54px;flex-basis: 54px;font-size: 1.4rem;}
  .jne-command-body{padding: 29px 21px 34px;}
}
@media (max-width: 520px){
.jne-command-summary{min-height: 94px;padding: 18px 17px 18px 21px;gap: 12px;}
  .jne-command-heading strong{font-size: 1.08rem;}
  .jne-command-heading small{font-size: 0.8rem;white-space: normal;}
  .jne-command-chevron{width: 36px;height: 36px;flex-basis: 36px;}
  .protected-user-note{align-items: flex-start;flex-direction: column;}
}
.jne-bot-list{display: grid;margin-top: 34px;grid-template-columns: repeat(2, minmax(0, 1fr));align-items: start;gap: 18px;}
.jne-bot-card{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.19);
  border-radius: 17px;
  background:
        linear-gradient(
            145deg,
            rgba(19, 43, 68, 0.82),
            rgba(5, 17, 30, 0.92)
        );
  box-shadow:
        0 13px 32px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.025);
  transition:
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
}
.jne-bot-card::before{position: absolute;top: 0;left: 0;width: 4px;height: 100%;content: "";background: rgba(var(--jne-primary-rgb), 0.55);}
.jne-bot-card:hover{
  border-color: rgba(var(--jne-primary-rgb), 0.48);
  transform: translateY(-2px);
  box-shadow:
        0 17px 38px rgba(0, 0, 0, 0.27),
        0 0 24px rgba(var(--jne-primary-rgb), 0.045);
}
.jne-bot-card[open]{
  grid-column: 1 / -1;
  border-color: rgba(var(--jne-primary-rgb), 0.7);
  background:
        radial-gradient(
            circle at 95% 0%,
            rgba(var(--jne-primary-rgb), 0.09),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(18, 43, 70, 0.94),
            rgba(5, 17, 30, 0.98)
        );
}
.jne-bot-card > summary{
  display: flex;
  min-height: 94px;
  padding: 21px 22px 21px 26px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.jne-bot-card > summary::-webkit-details-marker{display: none;}
.jne-bot-card > summary::marker{content: "";}
.jne-bot-card > summary > span:first-child{display: flex;min-width: 0;flex-direction: column;gap: 5px;}
.jne-bot-card > summary strong{color: var(--jne-text);font-size: 1.14rem;line-height: 1.25;}
.jne-bot-card > summary small{
  overflow: hidden;
  color: var(--jne-text-soft);
  font-size: 0.86rem;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jne-bot-plus{
  display: flex;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.35);
  border-radius: 50%;
  color: var(--jne-primary);
  background: rgba(var(--jne-primary-rgb), 0.055);
  font-size: 1.4rem;
  line-height: 1;
  transition:
        color 180ms ease,
        background 180ms ease,
        transform 180ms ease;
}
.jne-bot-card[open] .jne-bot-plus{color: #031019;background: var(--jne-primary);transform: rotate(45deg);}
.jne-bot-content{
  padding: 26px 27px 31px;
  overflow-x: auto;
  border-top: 1px solid rgba(var(--jne-primary-rgb), 0.16);
  background: rgba(2, 10, 18, 0.23);
  animation: jne-bot-open 180ms ease;
}
.jne-bot-content table{
  width: 100%;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.19);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 14px;
}
.jne-bot-content thead th{
  padding: 16px 18px;
  border: 0;
  color: #031019;
  background:
        linear-gradient(
            90deg,
            var(--jne-primary),
            #78DDF3
        );
  font-size: 0.86rem;
  font-weight: 900;
  letter-spacing: 0.02em;
}
.jne-bot-content tbody td{padding: 17px 18px;border: 0;border-bottom: 1px solid rgba(var(--jne-primary-rgb), 0.14);vertical-align: middle;}
.jne-bot-content tbody tr:last-child td{border-bottom: 0;}
.jne-bot-content tbody tr:nth-child(even){background: rgba(var(--jne-primary-rgb), 0.025);}
.jne-bot-content tbody tr:hover{background: rgba(var(--jne-primary-rgb), 0.065);}
.jne-bot-content td:first-child{width: 23%;}
.jne-bot-content td:nth-child(2){width: 31%;}
.jne-bot-content code{
  display: inline-flex;
  margin: 2px 3px 2px 0;
  padding: 5px 9px;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.3);
  border-radius: 8px;
  color: var(--jne-primary);
  font-size: 0.82rem;
  white-space: nowrap;
}
@keyframes jne-bot-open {
from {
opacity: 0;
transform: translateY(-7px);
}

to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 900px){
.jne-bot-list{grid-template-columns: 1fr;}
  .jne-bot-card[open]{grid-column: auto;}
}
@media (max-width: 600px){
.jne-bot-card > summary{min-height: 82px;padding: 17px 16px 17px 21px;}
  .jne-bot-card > summary small{white-space: normal;}
  .jne-bot-content{padding: 18px 13px 22px;}
  .jne-bot-content table{min-width: 720px;}
}
.jne-bot-content table,.jne-command-body table{border-color: rgba(var(--jne-primary-rgb), 0.42) !important;background: #173653 !important;}
.jne-bot-content tbody tr,.jne-command-body tbody tr{background: transparent !important;}
.jne-bot-content tbody td,.jne-command-body tbody td{
  background: #173653 !important;
  border-bottom-color: rgba(var(--jne-primary-rgb), 0.26) !important;
  color: #E3EEF6 !important;
}
.jne-bot-content tbody tr:nth-child(even) td,.jne-command-body tbody tr:nth-child(even) td{background: #1D4161 !important;}
.jne-bot-content tbody tr:hover td,.jne-command-body tbody tr:hover td{background: #245574 !important;}
.jne-bot-content tbody td:last-child,.jne-command-body tbody td:last-child{color: #D6E5F1 !important;}
.jne-bot-content code,.jne-command-body code{
  border-color: rgba(var(--jne-primary-rgb), 0.48) !important;
  background: rgba(2, 15, 27, 0.78) !important;
}
body .jne-bot-content table tbody tr td,body .jne-command-body table tbody tr td{
  background: none !important;
  background-color: #244B6B !important;
  color: #F1F7FB !important;
}
body .jne-bot-content table tbody tr:nth-child(even) td,body .jne-command-body table tbody tr:nth-child(even) td{
  background: none !important;
  background-color: #2B587A !important;
}
body .jne-bot-content table tbody tr:hover td,body .jne-command-body table tbody tr:hover td{
  background: none !important;
  background-color: #32698F !important;
}
body .jne-bot-content table tbody td,body .jne-command-body table tbody td{border-bottom: 1px solid rgba(70, 204, 237, 0.28) !important;}
body .jne-bot-content table tbody tr:last-child td,body .jne-command-body table tbody tr:last-child td{border-bottom: 0 !important;}
body .jne-bot-content table code,body .jne-command-body table code{
  color: #5DDAF5 !important;
  background-color: #071827 !important;
  border-color: rgba(70, 204, 237, 0.55) !important;
}
.site-branding .custom-logo-link,.hero-logo-panel .custom-logo-link,.hero-logo-panel .hero-logo-fallback{text-decoration: none;}
.site-branding .custom-logo-link,.hero-logo-panel .custom-logo-link{cursor: pointer;}
.site-branding .custom-logo-link:focus-visible,.hero-logo-panel .custom-logo-link:focus-visible,.hero-logo-panel .hero-logo-fallback:focus-visible{
  border-radius: 12px;
  outline: 2px solid var(--jne-primary);
  outline-offset: 8px;
}
.main-navigation,.footer-links{flex-wrap: wrap;}
.jne-content-page{min-height: calc(100vh - 220px);}
.jne-page-content{font-size: 1rem;}
.jne-page-content > :first-child{margin-top: 0;}
.jne-page-content > :last-child{margin-bottom: 0;}
.jne-page-content h2{margin-top: 42px;margin-bottom: 14px;color: var(--jne-text);font-size: clamp(1.35rem, 2.4vw, 1.8rem);}
.jne-page-content p,.jne-page-content li{color: var(--jne-text-soft);}
.jne-page-content a{color: var(--jne-primary);font-weight: 750;}
.jne-legal-warning{
  margin-bottom: 30px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 196, 80, 0.5);
  border-radius: 14px;
  color: #FFE6A6;
  background: rgba(255, 174, 38, 0.09);
}
.jne-form-wrapper,.jne-guestbook-form-panel{margin-top: 30px;}
.jne-form{display: grid;gap: 20px;}
.jne-form-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px;}
.jne-field{display: grid;gap: 8px;}
.jne-field > span{color: var(--jne-text);font-weight: 800;}
.jne-field input,.jne-field textarea{
  width: 100%;
  padding: 14px 16px;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.3);
  border-radius: 12px;
  outline: none;
  color: var(--jne-text);
  background: rgba(3, 15, 27, 0.78);
  font: inherit;
  transition:
        border-color 180ms ease,
        box-shadow 180ms ease,
        background 180ms ease;
}
.jne-field textarea{min-height: 160px;resize: vertical;}
.jne-field input:focus,.jne-field textarea:focus{
  border-color: var(--jne-primary);
  background: rgba(7, 28, 45, 0.95);
  box-shadow:
        0 0 0 4px
        rgba(var(--jne-primary-rgb), 0.12);
}
.jne-checkbox{display: flex;align-items: flex-start;gap: 12px;color: var(--jne-text-soft);cursor: pointer;}
.jne-checkbox input{width: 18px;height: 18px;margin-top: 3px;flex: 0 0 18px;accent-color: var(--jne-primary);}
.jne-form .jne-button{width: fit-content;border: 0;cursor: pointer;}
.jne-form-message{margin-bottom: 24px;padding: 16px 18px;border-radius: 13px;font-weight: 750;}
.jne-form-message.is-success{border: 1px solid rgba(75, 224, 139, 0.45);color: #CFFFF0;background: rgba(75, 224, 139, 0.1);}
.jne-form-message.is-error{border: 1px solid rgba(255, 105, 105, 0.45);color: #FFD8D8;background: rgba(255, 105, 105, 0.1);}
.jne-honeypot{position: absolute !important;left: -10000px !important;width: 1px !important;height: 1px !important;overflow: hidden !important;}
.jne-guestbook-list{display: grid;margin-top: 28px;gap: 16px;}
.jne-guestbook-entry{padding: 22px;}
.jne-guestbook-entry header{display: flex;margin-bottom: 14px;align-items: center;justify-content: space-between;gap: 20px;}
.jne-guestbook-entry strong{color: var(--jne-primary);font-size: 1.05rem;}
.jne-guestbook-entry time{color: var(--jne-text-soft);font-size: 0.82rem;white-space: nowrap;}
.jne-guestbook-message{color: var(--jne-text);line-height: 1.7;}
.jne-guestbook-form-panel{padding: 28px;}
.jne-empty-state{
  padding: 24px;
  border: 1px dashed rgba(var(--jne-primary-rgb), 0.32);
  border-radius: 15px;
  color: var(--jne-text-soft);
  text-align: center;
}
.jne-link-grid{display: grid;margin-top: 28px;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px;}
.jne-link-card{
  display: grid;
  min-height: 116px;
  padding: 22px;
  align-items: center;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.26);
  border-radius: 18px;
  color: var(--jne-text) !important;
  background:
        linear-gradient(
            145deg,
            rgba(21, 55, 84, 0.9),
            rgba(6, 22, 37, 0.96)
        );
  text-decoration: none;
  box-shadow: 0 15px 34px rgba(0, 0, 0, 0.2);
  transition:
        border-color 180ms ease,
        transform 180ms ease,
        box-shadow 180ms ease;
}
a.jne-link-card:hover,a.jne-link-card:focus-visible{
  border-color: var(--jne-primary);
  transform: translateY(-3px);
  box-shadow:
        0 20px 44px rgba(0, 0, 0, 0.28),
        0 0 25px rgba(var(--jne-primary-rgb), 0.07);
}
.jne-link-card.is-placeholder{opacity: 0.7;}
.jne-link-icon{
  display: flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.4);
  border-radius: 15px;
  color: #031019;
  background: var(--jne-primary);
  font-size: 1.25rem;
  font-weight: 950;
}
.jne-link-card > span:nth-child(2){display: grid;gap: 5px;}
.jne-link-card strong{color: var(--jne-text);font-size: 1.08rem;}
.jne-link-card small{color: var(--jne-text-soft);}
.footer-links{max-width: 620px;justify-content: flex-end;row-gap: 10px;}
@media (max-width: 850px){
.jne-form-grid,.jne-link-grid{grid-template-columns: 1fr;}
  .main-navigation{justify-content: center;}
  .jne-guestbook-entry header{align-items: flex-start;flex-direction: column;gap: 5px;}
}
@media (max-width: 600px){
.jne-guestbook-form-panel{padding: 19px;}
  .jne-link-card{padding: 18px;}
  .footer-links{justify-content: flex-start;}
}
.jne-social-card .jne-brand-icon,.footer-social-link{color: var(--jne-primary);}
.jne-brand-icon svg,.footer-social-link svg{display: block;width: 24px;height: 24px;overflow: visible;fill: currentColor;}
.jne-brand-icon .jne-icon-cutout,.footer-social-link .jne-icon-cutout{fill: none;stroke: #07111F;stroke-width: 1.8;stroke-linecap: round;}
.jne-brand-icon .jne-icon-dot,.footer-social-link .jne-icon-dot{fill: #07111F;}
.jne-social-card.is-twitch .jne-brand-icon{color: #A970FF;}
.jne-social-card.is-spotify .jne-brand-icon{color: #1ED760;}
.jne-social-card.is-instagram .jne-brand-icon{color: #F05A9D;}
.jne-social-card.is-discord .jne-brand-icon{color: #7289DA;}
.footer-social{display: flex;width: 100%;margin-top: 18px;align-items: center;justify-content: flex-end;flex-wrap: wrap;gap: 10px;}
.footer-social-link{
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.3);
  border-radius: 12px;
  background: rgba(8, 27, 44, 0.82);
  text-decoration: none;
  transition:
        border-color 180ms ease,
        color 180ms ease,
        background 180ms ease,
        transform 180ms ease;
}
.footer-social-link:hover,.footer-social-link:focus-visible{
  border-color: var(--jne-primary);
  color: #031019;
  background: var(--jne-primary);
  transform: translateY(-2px);
}
.footer-social-link.is-twitch{color: #A970FF;}
.footer-social-link.is-spotify{color: #1ED760;}
.footer-social-link.is-instagram{color: #F05A9D;}
.footer-social-link.is-discord{color: #7289DA;}
@media (max-width: 850px){
.footer-social{justify-content: flex-start;}
}
.site-footer .footer-inner{
  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) auto auto !important;
  align-items: center !important;
  justify-content: initial !important;
  column-gap: 26px !important;
  row-gap: 18px !important;
}
.site-footer .footer-links{
  width: auto !important;
  max-width: 620px !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-self: end !important;
  justify-content: flex-end !important;
}
.site-footer .footer-social{
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-self: start !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
}
@media (max-width: 850px){
.site-footer .footer-inner{grid-template-columns: 1fr !important;align-items: start !important;row-gap: 20px !important;}
  .site-footer .footer-links,.site-footer .footer-social{justify-self: start !important;justify-content: flex-start !important;}
  .site-footer .footer-social{flex-wrap: wrap !important;}
}
.jne-error-page{display: flex;min-height: calc(100vh - 230px);align-items: center;}
.jne-error-card{
  position: relative;
  display: grid;
  max-width: 920px;
  margin: 0 auto;
  padding: clamp(36px, 7vw, 76px);
  overflow: hidden;
  justify-items: center;
  text-align: center;
  background:
        radial-gradient(
            circle at 50% 15%,
            rgba(var(--jne-primary-rgb), 0.18),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            rgba(18, 48, 76, 0.96),
            rgba(5, 20, 35, 0.98)
        );
}
.jne-error-card::before{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 390px;
  height: 390px;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.13);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  transform: translate(-50%, -50%);
  box-shadow:
        0 0 0 55px rgba(var(--jne-primary-rgb), 0.025),
        0 0 0 110px rgba(var(--jne-primary-rgb), 0.018);
}
.jne-error-card > *{position: relative;z-index: 1;}
.jne-error-code{
  color: var(--jne-primary);
  font-size: clamp(6rem, 18vw, 12rem);
  font-weight: 950;
  line-height: 0.82;
  letter-spacing: -0.08em;
  text-shadow:
        0 0 45px rgba(var(--jne-primary-rgb), 0.28);
}
.jne-error-kicker{margin-top: 28px;color: var(--jne-primary);font-size: 0.82rem;font-weight: 900;letter-spacing: 0.18em;text-transform: uppercase;}
.jne-error-card h1{max-width: 760px;margin: 14px 0 0;color: var(--jne-text);font-size: clamp(2rem, 5vw, 3.6rem);line-height: 1.08;}
.jne-error-description{max-width: 670px;margin: 22px 0 0;color: var(--jne-text-soft);font-size: clamp(1rem, 2vw, 1.15rem);line-height: 1.75;}
.jne-error-actions{display: flex;margin-top: 34px;justify-content: center;flex-wrap: wrap;gap: 14px;}
.jne-error-links{display: flex;margin-top: 34px;justify-content: center;flex-wrap: wrap;gap: 10px 22px;}
.jne-error-links a{
  color: var(--jne-text-soft);
  font-weight: 750;
  text-decoration: none;
  transition:
        color 180ms ease,
        transform 180ms ease;
}
.jne-error-links a:hover,.jne-error-links a:focus-visible{color: var(--jne-primary);transform: translateY(-1px);}
@media (max-width: 600px){
.jne-error-page{min-height: auto;}
  .jne-error-card{padding: 34px 22px;}
  .jne-error-card::before{width: 260px;height: 260px;}
  .jne-error-actions{width: 100%;flex-direction: column;}
  .jne-error-actions .jne-button{width: 100%;justify-content: center;}
}
.jne-menu-toggle{
  display: none;
  width: 48px;
  height: 48px;
  padding: 11px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.38);
  border-radius: 14px;
  color: var(--jne-primary);
  background: rgba(8, 27, 44, 0.9);
  cursor: pointer;
  transition:
        border-color 180ms ease,
        background 180ms ease,
        transform 180ms ease;
}
.jne-menu-toggle:hover,.jne-menu-toggle:focus-visible{border-color: var(--jne-primary);background: rgba(var(--jne-primary-rgb), 0.12);}
.jne-menu-toggle-line{
  display: block;
  width: 23px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
  transition:
        opacity 180ms ease,
        transform 180ms ease;
}
.jne-menu-toggle[aria-expanded="true"] .jne-menu-toggle-line:nth-child(1){transform: translateY(8px) rotate(45deg);}
.jne-menu-toggle[aria-expanded="true"] .jne-menu-toggle-line:nth-child(2){opacity: 0;}
.jne-menu-toggle[aria-expanded="true"] .jne-menu-toggle-line:nth-child(3){transform: translateY(-8px) rotate(-45deg);}
@media (max-width: 850px){
.site-header .header-inner{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .site-header .site-branding{min-width: 0;}
  .site-header .custom-logo-link{display: inline-flex;align-items: center;}
  .site-header .custom-logo{width: auto !important;max-width: 92px !important;max-height: 58px !important;object-fit: contain;}
  .jne-menu-toggle{display: inline-flex;justify-self: end;}
  .site-header .main-navigation{
    display: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    grid-column: 1 / -1;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    border: 1px solid rgba(var(--jne-primary-rgb), 0.28);
    border-radius: 17px;
    background:
            linear-gradient(
                145deg,
                rgba(16, 43, 69, 0.98),
                rgba(5, 20, 34, 0.99)
            );
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.34);
  }
  .site-header .main-navigation.is-open{display: grid !important;}
  .site-header .main-navigation a{
    display: flex !important;
    width: 100% !important;
    min-height: 45px;
    padding: 10px 15px !important;
    align-items: center;
    justify-content: center !important;
    border-radius: 12px !important;
    text-align: center;
  }
  .jne-hero{grid-template-columns: minmax(0, 1fr) !important;padding-top: 52px !important;gap: 42px !important;}
  .hero-title{max-width: 100%;font-size: clamp(3.3rem, 14vw, 5.8rem) !important;line-height: 0.95 !important;overflow-wrap: anywhere;}
  .hero-description{max-width: 100%;font-size: 1.05rem !important;line-height: 1.7 !important;}
  .hero-actions{display: grid !important;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px !important;}
  .hero-actions .jne-button{width: 100%;min-height: 52px;padding-inline: 16px;justify-content: center;text-align: center;}
  .hero-logo-panel{width: 100%;min-height: 310px !important;}
}
@media (max-width: 520px){
.jne-container{width: min(
            calc(100% - 28px),
            var(--jne-width)
        );}
  .hero-title{font-size: clamp(3rem, 15.5vw, 4.65rem) !important;letter-spacing: -0.07em !important;}
  .hero-actions{grid-template-columns: 1fr !important;}
  .hero-actions .jne-button{min-height: 54px;}
  .hero-logo-panel{min-height: 270px !important;border-radius: 25px !important;}
}
@media (max-width: 680px){
.page-template-page-twitch-befehle .jne-content-page{padding-top: 34px;}
  .page-template-page-twitch-befehle .jne-panel{padding: 18px !important;border-radius: 22px !important;}
  .command-accordion-list{margin-top: 24px !important;gap: 18px !important;}
  .jne-command-card{border-radius: 20px !important;}
  .jne-command-summary{min-height: 78px !important;padding: 14px 14px 14px 18px !important;gap: 11px !important;}
  .jne-command-icon{width: 48px !important;height: 48px !important;flex: 0 0 48px !important;border-radius: 14px !important;}
  .jne-command-heading strong{font-size: 1rem !important;}
  .jne-command-heading small{margin-top: 4px !important;font-size: 0.78rem !important;white-space: normal !important;text-overflow: initial !important;}
  .jne-command-chevron{width: 36px !important;height: 36px !important;flex: 0 0 36px !important;}
  .jne-command-body{padding: 20px 16px 18px !important;}
  .jne-command-body > h2{margin-bottom: 14px !important;font-size: clamp(1.45rem, 7vw, 2rem) !important;line-height: 1.15 !important;}
  .jne-command-body > p{margin-bottom: 20px !important;font-size: 0.95rem !important;line-height: 1.65 !important;}
  .jne-bot-card{margin-top: 16px !important;border-radius: 18px !important;}
  .jne-bot-card > summary{min-height: 92px !important;padding: 17px 16px 17px 20px !important;gap: 12px !important;}
  .jne-bot-card > summary strong{font-size: 1rem !important;}
  .jne-bot-card > summary small{
    margin-top: 8px !important;
    font-size: 0.78rem !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    text-overflow: initial !important;
  }
  .jne-bot-content,.jne-command-body{overflow-x: visible !important;}
  .jne-bot-content{padding: 16px 12px 14px !important;}
  .jne-bot-content table,.jne-command-body table,.page-content table{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  .jne-mobile-command-table thead{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    white-space: nowrap !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
  }
  .jne-mobile-command-table tbody{display: grid !important;width: 100% !important;gap: 12px !important;}
  body .jne-mobile-command-table tbody tr{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid
            rgba(var(--jne-primary-rgb), 0.27) !important;
    border-radius: 15px !important;
    background:
            linear-gradient(
                145deg,
                rgba(36, 83, 119, 0.78),
                rgba(20, 55, 84, 0.88)
            ) !important;
    box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
  }
  body .jne-mobile-command-table tbody tr:nth-child(even){
    background:
            linear-gradient(
                145deg,
                rgba(42, 94, 132, 0.82),
                rgba(24, 64, 96, 0.9)
            ) !important;
  }
  body .jne-mobile-command-table tbody td{
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px 15px !important;
    grid-template-columns:
            minmax(104px, 34%)
            minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 13px !important;
    border: 0 !important;
    border-bottom: 1px solid
            rgba(var(--jne-primary-rgb), 0.18) !important;
    color: var(--jne-text-soft) !important;
    background: transparent !important;
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
  }
  body .jne-mobile-command-table tbody td:last-child{border-bottom: 0 !important;}
  body .jne-mobile-command-table tbody td::before{
    display: block;
    color: var(--jne-primary);
    content: attr(data-label);
    font-size: 0.7rem;
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  body .jne-mobile-command-table code{
    display: inline-block !important;
    max-width: 100% !important;
    padding: 7px 9px !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
  }
}
@media (max-width: 430px){
body .jne-mobile-command-table tbody td{grid-template-columns: 1fr !important;gap: 7px !important;}
  .jne-command-body{padding-right: 12px !important;padding-left: 12px !important;}
  .jne-bot-content{padding-right: 9px !important;padding-left: 9px !important;}
}
.screen-reader-text:focus,.screen-reader-text:focus-visible{
  position: fixed;
  top: 16px;
  left: 16px;
  z-index: 1000000;
  width: auto;
  height: auto;
  padding: 14px 18px;
  overflow: visible;
  clip: auto;
  clip-path: none;
  white-space: normal;
  color: #00111c;
  background: var(--jne-primary);
  border: 3px solid #ffffff;
  border-radius: 12px;
  box-shadow: 0 0 0 4px #00111c;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: none;
}
#primary-content{scroll-margin-top: 120px;}
#primary-content:focus{outline: none;}
.jne-mod-age-notice{
  margin: 28px 0 24px;
  padding: 22px 24px;
  border: 1px solid rgba(70, 204, 237, 0.42);
  border-left: 5px solid #46CCED;
  border-radius: 16px;
  background:
        linear-gradient(
            135deg,
            rgba(70, 204, 237, 0.11),
            rgba(5, 23, 39, 0.72)
        );
}
.jne-mod-age-notice h2{margin: 0 0 10px;color: #46CCED;}
.jne-mod-age-notice p{margin: 0;}
.jne-form-required-note{margin-bottom: 4px;font-size: 0.95rem;}
.jne-choice-field{
  min-width: 0;
  margin: 0;
  padding: 18px 20px;
  border: 1px solid rgba(70, 204, 237, 0.3);
  border-radius: 14px;
  background: rgba(3, 15, 27, 0.54);
}
.jne-choice-field legend{padding: 0 8px;color: var(--jne-text);font-weight: 800;}
.jne-choice-options{display: flex;flex-wrap: wrap;gap: 12px;}
.jne-choice{
  display: inline-flex;
  min-height: 44px;
  padding: 10px 14px;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(70, 204, 237, 0.26);
  border-radius: 11px;
  color: var(--jne-text-soft);
  background: rgba(6, 24, 40, 0.82);
  cursor: pointer;
  transition:
        border-color 180ms ease,
        background 180ms ease,
        color 180ms ease;
}
.jne-choice:hover{border-color: #46CCED;color: var(--jne-text);}
.jne-choice:has(input:checked){border-color: #46CCED;color: #00111c;background: #46CCED;font-weight: 800;}
.jne-choice input{width: 18px;height: 18px;margin: 0;flex: 0 0 18px;accent-color: #46CCED;}
.jne-choice:has(input:focus-visible){outline: 3px solid #ffffff;outline-offset: 3px;}
.jne-mod-submit{min-height: 48px;padding: 13px 22px;color: #00111c;background: #46CCED;font-weight: 850;}
.jne-mod-submit:hover,.jne-mod-submit:focus-visible{color: #00111c;background: #78DCF3;box-shadow:
        0 0 0 4px rgba(70, 204, 237, 0.2);}
@media (max-width: 600px){
.jne-mod-age-notice{padding: 18px;}
  .jne-choice-options{flex-direction: column;}
  .jne-choice,.jne-mod-submit{width: 100%;}
}
.jne-floating-mod-button{
  position: fixed;
  top: calc(50% - 22px);
  left: -41px;
  z-index: 90;
  display: inline-flex;
  width: 126px;
  height: 44px;
  padding: 0 14px;
  align-items: center;
  justify-content: center;
  border: 1px solid #46CCED;
  border-radius: 999px;
  color: #00111c;
  background: #46CCED;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.35),
        0 0 18px rgba(70, 204, 237, 0.2);
  transform: rotate(-90deg);
  transition:
        left 180ms ease,
        background 180ms ease,
        box-shadow 180ms ease;
}
.jne-floating-mod-button:hover,.jne-floating-mod-button:focus-visible,.jne-floating-mod-button.is-active{
  left: -37px;
  color: #00111c;
  background: #78DCF3;
  box-shadow:
        0 13px 30px rgba(0, 0, 0, 0.4),
        0 0 25px rgba(70, 204, 237, 0.3);
}
.jne-floating-mod-button:focus-visible{outline: 3px solid #ffffff;outline-offset: 3px;}
@media (max-width: 850px){
.jne-floating-mod-button{top: calc(50% - 21px);left: -37px;width: 116px;height: 42px;padding-inline: 11px;font-size: 0.64rem;}
  .jne-floating-mod-button:hover,.jne-floating-mod-button:focus-visible,.jne-floating-mod-button.is-active{left: -33px;}
}
.jne-mod-wizard{display: grid;gap: 24px;}
.jne-wizard-status{
  display: flex;
  justify-content: center;
  color: #8eddf3;
  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.jne-wizard-progress{
  display: grid;
  grid-template-columns: repeat(6, minmax(118px, 1fr));
  gap: 8px;
  margin: 0;
  padding: 4px 2px 10px;
  overflow-x: auto;
  list-style: none;
}
.jne-wizard-progress li{
  position: relative;
  min-width: 118px;
  padding: 11px 10px;
  border: 1px solid rgba(142, 221, 243, 0.18);
  border-radius: 12px;
  color: var(--jne-text-soft);
  background: rgba(10, 22, 38, 0.72);
  font-size: 0.78rem;
  font-weight: 750;
  text-align: center;
}
.jne-wizard-progress li.is-current{border-color: #46CCED;color: #00111c;background: #46CCED;}
.jne-wizard-progress li.is-complete{border-color: rgba(70, 204, 237, 0.55);color: #8eddf3;background: rgba(70, 204, 237, 0.1);}
.jne-wizard-progress li.is-complete::before{content: "✓ ";}
.jne-wizard-step{
  display: grid;
  gap: 22px;
  padding: clamp(20px, 3vw, 34px);
  border: 1px solid rgba(142, 221, 243, 0.2);
  border-radius: 22px;
  background:
        linear-gradient(
            145deg,
            rgba(18, 33, 53, 0.96),
            rgba(8, 18, 32, 0.96)
        );
  box-shadow:
        0 18px 48px rgba(0, 0, 0, 0.22);
}
.jne-wizard-step[hidden],.jne-conditional-group[hidden],.jne-conditional-field[hidden],.jne-conditional-hint[hidden],.jne-wizard-controls [hidden]{
  display: none !important;
}
.jne-wizard-step > h2{margin: 0;color: #ffffff;font-size: clamp(1.35rem, 3vw, 1.85rem);}
.jne-wizard-step > h2:focus{outline: none;}
.jne-conditional-group{display: grid;gap: 22px;}
.jne-conditional-hint{
  margin: 0;
  padding: 14px 16px;
  border-left: 4px solid #46CCED;
  border-radius: 12px;
  color: var(--jne-text-soft);
  background: rgba(70, 204, 237, 0.08);
  font-size: 0.92rem;
}
.jne-wizard-controls{display: flex;flex-wrap: wrap;gap: 12px;justify-content: space-between;align-items: center;}
.jne-wizard-controls .jne-button{min-width: 140px;}
.jne-button-secondary{border: 1px solid #46CCED;color: #8eddf3;background: transparent;}
.jne-button-secondary:hover,.jne-button-secondary:focus-visible{color: #00111c;background: #78DCF3;}
.jne-review-intro{
  padding: 16px 18px;
  border: 1px solid rgba(70, 204, 237, 0.35);
  border-radius: 14px;
  color: var(--jne-text-soft);
  background: rgba(70, 204, 237, 0.08);
}
.jne-review-intro p{margin: 0;}
.jne-mod-review{display: grid;gap: 18px;}
.jne-review-section{padding: 18px;border: 1px solid rgba(142, 221, 243, 0.2);border-radius: 16px;background: rgba(4, 13, 25, 0.5);}
.jne-review-section-header{display: flex;gap: 16px;justify-content: space-between;align-items: center;margin-bottom: 14px;}
.jne-review-section-header h3{margin: 0;color: #8eddf3;font-size: 1.05rem;}
.jne-review-edit{
  min-height: 36px;
  padding: 7px 13px;
  border: 1px solid #46CCED;
  border-radius: 999px;
  color: #8eddf3;
  background: transparent;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 800;
  cursor: pointer;
}
.jne-review-edit:hover,.jne-review-edit:focus-visible{color: #00111c;background: #78DCF3;}
.jne-review-edit:focus-visible{outline: 3px solid #ffffff;outline-offset: 3px;}
.jne-review-section dl{display: grid;gap: 14px;margin: 0;}
.jne-review-row{
  display: grid;
  grid-template-columns: minmax(170px, 0.35fr) minmax(0, 1fr);
  gap: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(142, 221, 243, 0.12);
}
.jne-review-row:first-child{padding-top: 0;border-top: 0;}
.jne-review-row dt{color: #ffffff;font-weight: 800;}
.jne-review-row dd{margin: 0;color: var(--jne-text-soft);white-space: pre-wrap;overflow-wrap: anywhere;}
.jne-final-confirmations{
  display: grid;
  gap: 15px;
  padding: 20px;
  border: 1px solid rgba(70, 204, 237, 0.4);
  border-radius: 16px;
  background: rgba(70, 204, 237, 0.07);
}
.jne-final-confirmations h3{margin: 0 0 4px;color: #ffffff;}
@media (max-width: 700px){
.jne-wizard-progress{grid-template-columns: repeat(6, minmax(104px, 1fr));}
  .jne-wizard-progress li{min-width: 104px;font-size: 0.72rem;}
  .jne-wizard-controls{display: grid;grid-template-columns: 1fr;}
  .jne-wizard-controls .jne-button{width: 100%;}
  .jne-review-row{grid-template-columns: 1fr;gap: 6px;}
}
@media (min-width: 851px){
#jne-main-navigation.main-navigation{
    --jne-nav-bg: rgb(5, 47, 74);
    --jne-nav-accent: #46CCED;
    --jne-nav-text: #ffffff;
    --jne-nav-duration: 620ms;
    --jne-nav-easing: cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
    display: flex;
    width: fit-content !important;
    max-width: 100%;
    margin: 0;
    padding: 5px !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: flex-end !important;
    gap: 0 !important;
    isolation: isolate;
    overflow: visible;
    border-radius: 999px;
  }
  @supports ( transition-timing-function: linear( 0, 1 44.7%, 0.898 51.8%, 0.874 55.1%, 0.866 58.4%, 0.888 64.3%, 1 77.4%, 0.98 84.5%, 1 ) ){
#jne-main-navigation.main-navigation{
      --jne-nav-easing:
                linear(
                    0,
                    1 44.7%,
                    0.898 51.8%,
                    0.874 55.1%,
                    0.866 58.4%,
                    0.888 64.3%,
                    1 77.4%,
                    0.98 84.5%,
                    1
                );
    }
  }
  #jne-main-navigation.main-navigation > a{
    position: relative;
    z-index: 3;
    display: inline-flex;
    min-height: 40px;
    padding: 10px 15px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: var(--jne-nav-text) !important;
    background: transparent !important;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    text-shadow: none;
    transform: none !important;
    transition:
            color 180ms ease,
            text-shadow 180ms ease;
  }
  #jne-main-navigation.main-navigation > a:hover,#jne-main-navigation.main-navigation > a:focus-visible,#jne-main-navigation.main-navigation > a.is-active{
    color: var(--jne-nav-text) !important;
    background: transparent !important;
    transform: none !important;
  }
  #jne-main-navigation.main-navigation > a:focus-visible{outline: 2px solid rgba(255, 255, 255, 0.95);outline-offset: -4px;}
  #jne-main-navigation .jne-nav-selection{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: calc(var(--jne-selection-width, 0px) + 8px);
    height: calc(var(--jne-selection-height, 0px) + 6px);
    border-radius: 999px;
    opacity: 0;
    pointer-events: none;
    overflow: visible;
    transform:
            translate3d(
                calc(var(--jne-selection-x, 0px) - 4px),
                calc(var(--jne-selection-y, 0px) - 3px),
                0
            );
    transition:
            transform var(--jne-nav-duration) var(--jne-nav-easing),
            width var(--jne-nav-duration) var(--jne-nav-easing),
            height var(--jne-nav-duration) var(--jne-nav-easing),
            opacity 120ms ease;
    will-change:
            transform,
            width,
            height,
            opacity;
  }
  #jne-main-navigation .jne-nav-selection.is-visible{opacity: 1;}
  #jne-main-navigation .jne-nav-selection.is-no-transition{transition: none !important;}
  #jne-main-navigation .jne-nav-selection-outline{
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: 10px;
    border: 2px solid rgba(70, 204, 237, 0.95);
    border-bottom: none;
    border-radius: 999px 999px 26px 26px;
    opacity: 0;
    pointer-events: none;
    filter:
            drop-shadow(0 0 3px rgba(70, 204, 237, 0.55));
    transition: opacity 180ms ease;
  }
  #jne-main-navigation .jne-nav-top-wave{
    position: absolute;
    left: 16px;
    right: 16px;
    background:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(70, 204, 237, 0.20) 8%,
                #46CCED 22%,
                #ffffff 50%,
                #46CCED 78%,
                rgba(70, 204, 237, 0.20) 92%,
                transparent 100%
            );
    -webkit-mask-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='8' viewBox='0 0 32 8'%3E%3Cpath d='M0 4 C4 0 8 0 12 4 S20 8 24 4 S28 0 32 4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='8' viewBox='0 0 32 8'%3E%3Cpath d='M0 4 C4 0 8 0 12 4 S20 8 24 4 S28 0 32 4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    -webkit-mask-size: 32px 8px;
    mask-size: 32px 8px;
    opacity: 0;
    pointer-events: none;
    filter:
            drop-shadow(0 0 3px rgba(70, 204, 237, 0.7));
    transition: opacity 180ms ease;
  }
  #jne-main-navigation .jne-nav-bottom-wave{
    position: absolute;
    bottom: -10px;
    width: 86px;
    height: 8px;
    background:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(70, 204, 237, 0.22) 10%,
                #46CCED 26%,
                #ffffff 50%,
                #46CCED 74%,
                rgba(70, 204, 237, 0.22) 90%,
                transparent 100%
            );
    -webkit-mask-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='8' viewBox='0 0 32 8'%3E%3Cpath d='M0 4 C4 0 8 0 12 4 S20 8 24 4 S28 0 32 4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='8' viewBox='0 0 32 8'%3E%3Cpath d='M0 4 C4 0 8 0 12 4 S20 8 24 4 S28 0 32 4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    -webkit-mask-size: 32px 8px;
    mask-size: 32px 8px;
    opacity: 0;
    pointer-events: none;
    filter:
            drop-shadow(0 0 3px rgba(70, 204, 237, 0.7));
    transition: opacity 180ms ease;
  }
  #jne-main-navigation .jne-nav-bottom-wave-left{right: calc(100% - 12px);}
  #jne-main-navigation .jne-nav-bottom-wave-right{left: calc(100% - 12px);}
  #jne-main-navigation .jne-nav-selection.is-hovering .jne-nav-selection-outline,#jne-main-navigation .jne-nav-selection.is-hovering .jne-nav-top-wave,#jne-main-navigation .jne-nav-selection.is-hovering .jne-nav-bottom-wave{
    opacity: 1;
  }
  #jne-main-navigation .jne-nav-selection.is-hovering .jne-nav-top-wave{animation: jne-nav-wave-top 760ms linear infinite;}
  #jne-main-navigation .jne-nav-selection.is-hovering .jne-nav-bottom-wave-left{animation: jne-nav-wave-left 680ms linear infinite;}
  #jne-main-navigation .jne-nav-selection.is-hovering .jne-nav-bottom-wave-right{animation: jne-nav-wave-right 680ms linear infinite;}
}
@media (min-width: 901px){
#jne-main-navigation.main-navigation{margin-left: auto;align-self: center;}
}
@media (min-width: 851px) and (max-width: 900px){
#jne-main-navigation.main-navigation{align-self: center;justify-content: center !important;}
}
@keyframes jne-nav-wave-top {
from {
-webkit-mask-position: 0 0;
mask-position: 0 0;
}

to {
-webkit-mask-position: -32px 0;
mask-position: -32px 0;
}
}
@keyframes jne-nav-wave-left {
from {
-webkit-mask-position: 0 0;
mask-position: 0 0;
}

to {
-webkit-mask-position: -32px 0;
mask-position: -32px 0;
}
}
@keyframes jne-nav-wave-right {
from {
-webkit-mask-position: 0 0;
mask-position: 0 0;
}

to {
-webkit-mask-position: 32px 0;
mask-position: 32px 0;
}
}
@media (min-width: 851px) and (prefers-reduced-motion: reduce){
#jne-main-navigation .jne-nav-selection{
    transition:
            transform 1ms linear,
            width 1ms linear,
            height 1ms linear,
            opacity 1ms linear !important;
  }
  #jne-main-navigation .jne-nav-selection-outline,#jne-main-navigation .jne-nav-top-wave,#jne-main-navigation .jne-nav-bottom-wave{
    animation: none !important;
    transition: none !important;
  }
}
@media (min-width: 851px){
#jne-main-navigation .jne-nav-top-wave{top: -10px;left: -7px;right: -7px;height: 8px;z-index: 2;}
  #jne-main-navigation .jne-nav-bottom-wave-left{
    width: 92px;
    right:
            calc(
                100% - 1px
            );
    bottom: -10px;
    z-index: 2;
  }
  #jne-main-navigation .jne-nav-bottom-wave-right{
    width: 92px;
    left:
            calc(
                100% - 1px
            );
    bottom: -10px;
    z-index: 2;
  }
  #jne-main-navigation .jne-nav-wave-connector{
    position: absolute;
    top: -8px;
    width: 8px;
    height:
            calc(
                100% + 14px
            );
    background:
            linear-gradient(
                180deg,

                transparent 0%,

                rgba(
                    70,
                    204,
                    237,
                    0.20
                ) 7%,

                #46CCED 22%,

                #ffffff 50%,

                #46CCED 78%,

                rgba(
                    70,
                    204,
                    237,
                    0.20
                ) 93%,

                transparent 100%
            );
    -webkit-mask-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='32' viewBox='0 0 8 32'%3E%3Cpath d='M4 0 C0 4 0 8 4 12 S8 20 4 24 S0 28 4 32' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='32' viewBox='0 0 8 32'%3E%3Cpath d='M4 0 C0 4 0 8 4 12 S8 20 4 24 S0 28 4 32' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat:
            repeat-y;
    mask-repeat:
            repeat-y;
    -webkit-mask-size:
            8px 32px;
    mask-size:
            8px 32px;
    -webkit-mask-position:
            0 0;
    mask-position:
            0 0;
    opacity: 0;
    pointer-events: none;
    filter:
            drop-shadow(
                0 0 3px
                rgba(
                    70,
                    204,
                    237,
                    0.70
                )
            );
    transition:
            opacity
            180ms
            ease;
    z-index: 2;
  }
  #jne-main-navigation .jne-nav-wave-connector-left{left: -7px;}
  #jne-main-navigation .jne-nav-wave-connector-right{right: -7px;}
  #jne-main-navigation .jne-nav-selection.is-hovering .jne-nav-wave-connector{opacity: 1;}
  #jne-main-navigation .jne-nav-selection.is-hovering .jne-nav-top-wave{
    animation:
            jne-nav-wave-top
            680ms
            linear
            infinite;
  }
  #jne-main-navigation .jne-nav-selection.is-hovering .jne-nav-wave-connector-left{
    animation:
            jne-nav-wave-up
            680ms
            linear
            infinite;
  }
  #jne-main-navigation .jne-nav-selection.is-hovering .jne-nav-wave-connector-right{
    animation:
            jne-nav-wave-down
            680ms
            linear
            infinite;
  }
}
@keyframes jne-nav-wave-up {
from {
-webkit-mask-position:
            0 0;
mask-position:
            0 0;
}

to {
-webkit-mask-position:
            0 -32px;
mask-position:
            0 -32px;
}
}
@keyframes jne-nav-wave-down {
from {
-webkit-mask-position:
            0 0;
mask-position:
            0 0;
}

to {
-webkit-mask-position:
            0 32px;
mask-position:
            0 32px;
}
}
@media ( min-width: 851px ) and ( prefers-reduced-motion: reduce ){
#jne-main-navigation .jne-nav-wave-connector{animation:
            none !important;}
}
@media (min-width: 851px){
#jne-main-navigation .jne-nav-selection-outline,#jne-main-navigation .jne-nav-top-wave,#jne-main-navigation .jne-nav-bottom-wave,#jne-main-navigation .jne-nav-wave-connector{
    display: none !important;
  }
  #jne-main-navigation .jne-nav-single-wave{
    position: absolute;
    z-index: 5;
    top: -14px;
    left: -60px;
    width:
            calc(100% + 120px);
    height:
            calc(100% + 28px);
    overflow: visible;
    pointer-events: none;
    opacity: 0;
    transition:
            opacity 160ms ease;
  }
  #jne-main-navigation .jne-nav-selection.is-hovering .jne-nav-single-wave{opacity: 1;}
  #jne-main-navigation .jne-nav-single-wave-path{fill: none;}
}
@media ( min-width: 851px ) and ( prefers-reduced-motion: reduce ){
#jne-main-navigation .jne-nav-single-wave animate{display: none;}
}
@media (min-width: 851px){
#jne-main-navigation .jne-nav-single-wave-path{
    stroke-opacity: 0.92;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect:
            non-scaling-stroke;
  }
  #jne-main-navigation.main-navigation{
    border-color:
            rgba(70, 204, 237, 0.32);
    background:
            linear-gradient(
                180deg,
                rgba(18, 43, 60, 0.98) 0%,
                rgba(10, 32, 47, 0.99) 38%,
                rgba(6, 23, 35, 1) 52%,
                rgba(11, 35, 50, 0.99) 72%,
                rgba(20, 49, 67, 0.97) 100%
            ) !important;
    border:
            1px solid rgba(135, 220, 245, 0.28) !important;
    box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.18),
            inset 0 -1px 0 rgba(0, 0, 0, 0.28),
            inset 0 10px 18px rgba(255, 255, 255, 0.03),
            inset 0 -10px 18px rgba(0, 0, 0, 0.10),
            0 6px 16px rgba(0, 0, 0, 0.22) !important;
  }
  #jne-main-navigation .jne-nav-selection{
    background:
            linear-gradient(
                180deg,
                #a8efff 0%,
                #76def8 12%,
                #56d0f1 26%,
                #46CCED 44%,
                #2fa6c8 58%,
                #1d6e8b 82%,
                #2c96b4 100%
            ) !important;
    border:
            1px solid rgba(220, 247, 255, 0.42);
    box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.52),
            inset 0 2px 10px rgba(255, 255, 255, 0.10),
            inset 0 -2px 8px rgba(0, 37, 54, 0.20),
            0 4px 10px rgba(0, 0, 0, 0.18),
            0 0 0 1px rgba(85, 212, 241, 0.24) !important;
  }
  #jne-main-navigation.main-navigation > a[data-jne-selected="true"]{
    color: #051018 !important;
    text-shadow:
            0 1px 0 rgba(255, 255, 255, 0.24) !important;
  }
  #jne-main-navigation.main-navigation > a:not([data-jne-selected="true"]){
    color: #f3fbff !important;
    text-shadow:
            0 1px 0 rgba(0, 0, 0, 0.28) !important;
  }
  #jne-main-navigation .jne-nav-single-wave-path{stroke: #8fe9ff !important;stroke-width: 1.9 !important;stroke-opacity: 0.96;}
}
.hero-logo-panel{position: relative;isolation: isolate;overflow: hidden;background-image: none !important;}
.hero-logo-panel > *{position: relative;z-index: 2;}
.hero-logo-panel::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 560px;
  height: 560px;
  max-width: 76%;
  max-height: 76%;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  background:
        radial-gradient(
            circle,

            rgba(70, 204, 237, 0.020) 0%,
            rgba(70, 204, 237, 0.020) 24%,

            rgba(70, 204, 237, 0.14) 24.4%,
            rgba(70, 204, 237, 0.14) 24.9%,

            transparent 25.5%,
            transparent 43.5%,

            rgba(70, 204, 237, 0.10) 44.0%,
            rgba(70, 204, 237, 0.10) 44.6%,

            transparent 45.2%,
            transparent 63.0%,

            rgba(70, 204, 237, 0.065) 63.5%,
            rgba(70, 204, 237, 0.065) 64.1%,

            transparent 64.8%
        );
  transform:
        translate(-50%, -50%)
        scale(0.92);
  opacity: 0.82;
  animation:
        jne-hero-rings-breathe-outer
        5.8s
        ease-in-out
        infinite;
}
.hero-logo-panel::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 360px;
  height: 360px;
  max-width: 50%;
  max-height: 50%;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
  background:
        radial-gradient(
            circle,

            transparent 0%,
            transparent 28%,

            rgba(143, 233, 255, 0.16) 28.6%,
            rgba(143, 233, 255, 0.16) 29.2%,

            transparent 30.0%,
            transparent 51.5%,

            rgba(70, 204, 237, 0.12) 52.1%,
            rgba(70, 204, 237, 0.12) 52.7%,

            transparent 53.5%,
            transparent 70.5%
        );
  transform:
        translate(-50%, -50%)
        scale(0.88);
  opacity: 0.70;
  animation:
        jne-hero-rings-breathe-inner
        5.8s
        ease-in-out
        infinite;
}
.hero-logo-panel .custom-logo-link,.hero-logo-panel .hero-logo-fallback,.hero-logo-panel .custom-logo{position: relative;z-index: 3;}
@keyframes jne-hero-rings-breathe-outer {
0% {
transform:
            translate(-50%, -50%)
            scale(0.90);
opacity: 0.70;
}

50% {
transform:
            translate(-50%, -50%)
            scale(1.04);
opacity: 0.92;
}

100% {
transform:
            translate(-50%, -50%)
            scale(0.90);
opacity: 0.70;
}
}
@keyframes jne-hero-rings-breathe-inner {
0% {
transform:
            translate(-50%, -50%)
            scale(0.86);
opacity: 0.56;
}

50% {
transform:
            translate(-50%, -50%)
            scale(1.05);
opacity: 0.84;
}

100% {
transform:
            translate(-50%, -50%)
            scale(0.86);
opacity: 0.56;
}
}
@media (max-width: 680px){
.hero-logo-panel::before{width: 420px;height: 420px;max-width: 82%;max-height: 82%;}
  .hero-logo-panel::after{width: 270px;height: 270px;max-width: 58%;max-height: 58%;}
}
@media (prefers-reduced-motion: reduce){
.hero-logo-panel::before,.hero-logo-panel::after{animation: none !important;}
}
.jne-media-gallery-ready .jne-media-card-host{min-width: 0;width: 100%;}
.jne-media-card{
  width: 100%;
  padding: 22px;
  border:
        1px solid
        rgba(70, 204, 237, 0.32);
  background:
        linear-gradient(
            145deg,
            rgba(18, 45, 68, 0.98),
            rgba(7, 25, 40, 0.99) 48%,
            rgba(15, 42, 61, 0.98)
        );
  box-shadow:
        inset 0 1px 0
            rgba(255, 255, 255, 0.10),

        inset 0 -1px 0
            rgba(0, 0, 0, 0.26),

        0 18px 34px
            rgba(0, 0, 0, 0.20);
}
.jne-media-card::before{
  opacity: 0.55;
}
.jne-media-card-header{padding:
        0 56px
        18px 2px;}
.jne-media-card-title{color: #f5fbff;font-size:
        clamp(
            1.25rem,
            1.8vw,
            1.65rem
        );}
.jne-media-card-description{
  margin:
        8px 0 0;
  max-width: 62ch;
  font-size: 0.95rem;
  line-height: 1.55;
}
.jne-media-card-count{
  display: inline-flex;
  min-width: 48px;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  border:
        1px solid
        rgba(70, 204, 237, 0.36);
  color: #b9effc;
  background:
        rgba(6, 30, 46, 0.88);
  font-size: 0.82rem;
}
.jne-media-viewer{
  width: 100%;
  border:
        1px solid
        rgba(70, 204, 237, 0.30);
  background:
        linear-gradient(
            180deg,
            #061722,
            #031019
        );
  box-shadow:
        inset 0 0 30px
            rgba(0, 0, 0, 0.34);
}
.jne-media-viewer-stage{aspect-ratio: 4 / 3;}
.jne-media-viewer-stage img,.jne-media-viewer-stage video{background: #031019;}
.jne-media-image-button{display: block;width: 100%;height: 100%;padding: 0;border: 0;background: transparent;cursor: zoom-in;}
.jne-media-nav,.jne-media-enlarge{
  display: inline-grid;
  border:
        1px solid
        rgba(137, 226, 247, 0.38);
  color: #eafaff;
  background:
        linear-gradient(
            180deg,
            rgba(24, 62, 84, 0.96),
            rgba(5, 27, 42, 0.98)
        );
  box-shadow:
        inset 0 1px 0
            rgba(255, 255, 255, 0.14),

        0 5px 14px
            rgba(0, 0, 0, 0.28);
  font-size: 1.35rem;
  transition:
        transform 160ms ease,
        border-color 160ms ease,
        background 160ms ease;
}
.jne-media-nav:hover,.jne-media-enlarge:hover{
  background:
        linear-gradient(
            180deg,
            #287f9d,
            #10465e
        );
  transform:
        translateY(-1px);
}
.jne-media-prev{left: 14px;}
.jne-media-next{right: 14px;}
.jne-media-prev:hover,.jne-media-next:hover{transform:
        translateY(-50%)
        scale(1.04);}
.jne-media-enlarge{top: 14px;right: 14px;}
.jne-media-filmstrip{
  width: 100%;
  background:
        linear-gradient(
            180deg,
            rgba(5, 27, 42, 0.92),
            rgba(3, 17, 28, 0.96)
        );
  scrollbar-color:
        #46CCED
        rgba(5, 32, 48, 0.8);
}
.jne-media-thumb{
  flex:
        0 0 84px;
  width: 84px;
  height: 64px;
  padding: 0;
  background:
        #061722;
  opacity: 0.62;
  transition:
        opacity 160ms ease,
        transform 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease;
}
.jne-media-thumb img{display: block;object-fit: cover;}
.jne-media-thumb.is-active{box-shadow:
        0 0 0 1px
            rgba(255, 255, 255, 0.16);}
.jne-media-thumb.is-video{background:
        linear-gradient(
            145deg,
            #123c55,
            #061722
        );}
.jne-media-thumb-video{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #c8f4ff;
  background:
        rgba(2, 14, 22, 0.42);
  font-size: 1.25rem;
  font-weight: 900;
}
.jne-media-thumb-video small{margin-top: 2px;font-size: 0.55rem;letter-spacing: 0.09em;}
html.jne-lightbox-open{overflow: hidden;}
.jne-media-lightbox[hidden]{display: none;}
.jne-media-lightbox{position: fixed;inset: 0;z-index: 100000;display: grid;place-items: center;padding: 30px;}
.jne-media-lightbox-backdrop{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background:
        rgba(0, 8, 14, 0.92);
  cursor: zoom-out;
}
.jne-media-lightbox-dialog{
  position: relative;
  z-index: 1;
  display: grid;
  width:
        min(
            94vw,
            1500px
        );
  height:
        min(
            90vh,
            960px
        );
  place-items: center;
  overflow: hidden;
  border:
        1px solid
        rgba(70, 204, 237, 0.40);
  border-radius: 22px;
  background:
        linear-gradient(
            145deg,
            #0d2a3e,
            #020c13
        );
  box-shadow:
        0 30px 90px
            rgba(0, 0, 0, 0.58);
}
.jne-media-lightbox-stage{display: grid;width: 100%;height: 100%;place-items: center;padding: 30px 70px;}
.jne-media-lightbox-stage img,.jne-media-lightbox-stage video{display: block;max-width: 100%;max-height: 100%;object-fit: contain;}
.jne-media-lightbox-close,.jne-media-lightbox-nav{
  position: absolute;
  z-index: 3;
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border:
        1px solid
        rgba(70, 204, 237, 0.42);
  border-radius: 13px;
  color: #ffffff;
  background:
        rgba(5, 37, 55, 0.94);
  font-size: 1.55rem;
  font-weight: 800;
  cursor: pointer;
}
.jne-media-lightbox-close{top: 18px;right: 18px;}
.jne-media-lightbox-prev{top: 50%;left: 18px;transform:
        translateY(-50%);}
.jne-media-lightbox-next{top: 50%;right: 18px;transform:
        translateY(-50%);}
.jne-media-lightbox-counter{
  position: absolute;
  right: 22px;
  bottom: 18px;
  padding:
        6px 11px;
  border-radius: 999px;
  color: #d8f6ff;
  background:
        rgba(3, 22, 34, 0.88);
  font-size: 0.85rem;
  font-weight: 800;
}
@media (max-width: 780px){
.jne-media-card{padding: 14px;border-radius: 18px;}
  .jne-media-card-header{padding-right: 0;}
  .jne-media-card-count{position: static;width: fit-content;margin-top: 10px;}
  .jne-media-viewer-stage{aspect-ratio: 1 / 1;}
  .jne-media-nav,.jne-media-enlarge{width: 38px;height: 38px;border-radius: 10px;}
  .jne-media-thumb{flex-basis: 70px;width: 70px;height: 54px;}
  .jne-media-lightbox{padding: 10px;}
  .jne-media-lightbox-dialog{width: 96vw;height: 88vh;border-radius: 16px;}
  .jne-media-lightbox-stage{padding: 58px 12px 46px;}
  .jne-media-lightbox-prev{left: 8px;}
  .jne-media-lightbox-next{right: 8px;}
}
.jne-media-gallery-ready .jne-media-viewer-stage{
  aspect-ratio: auto !important;
  height: clamp(300px, 36vw, 520px);
  background:
        linear-gradient(
            180deg,
            #031019 0%,
            #061722 100%
        ) !important;
}
.jne-media-gallery-ready .jne-media-viewer-stage img,.jne-media-gallery-ready .jne-media-viewer-stage video{
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center center;
  background: #031019;
}
.jne-media-gallery-ready .jne-media-image-button{display: grid;place-items: center;width: 100%;height: 100%;background: #031019;}
.jne-media-gallery-ready .jne-media-thumb{
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 4px;
  background:
        linear-gradient(
            180deg,
            rgba(5, 27, 42, 0.95),
            rgba(3, 17, 28, 0.98)
        );
}
.jne-media-gallery-ready .jne-media-thumb img{
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center center;
  background: #031019;
  border-radius: 6px;
}
.jne-media-gallery-ready .jne-media-thumb.is-video img{
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center center;
  background: #031019;
}
.jne-media-gallery-ready .jne-media-thumb-video{background:
        rgba(2, 14, 22, 0.34);}
@media (max-width: 780px){
.jne-media-gallery-ready .jne-media-viewer-stage{aspect-ratio: auto !important;height: clamp(240px, 78vw, 420px);}
  .jne-media-gallery-ready .jne-media-thumb{flex-basis: 72px;width: 72px;height: 56px;}
}
.jne-book-ready .jne-guestbook-list{display: none !important;}
.jne-book-shell{width: 100%;margin:
        34px auto 48px;}
.jne-book-toolbar{
  display: grid;
  grid-template-columns:
        auto
        1fr
        auto;
  gap: 16px;
  width:
        min(
            1080px,
            100%
        );
  margin:
        0 auto 14px;
  align-items: center;
}
.jne-book-control{
  display: inline-flex;
  min-height: 42px;
  gap: 8px;
  padding:
        8px 16px;
  align-items: center;
  justify-content: center;
  border:
        1px solid
        rgba(70, 204, 237, .38);
  border-radius: 999px;
  color:
        #f5fcff;
  background:
        linear-gradient(
            180deg,
            #194d68,
            #08283c
        );
  box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.13),

        0 5px 12px
        rgba(0,0,0,.18);
  font-weight: 800;
  cursor: pointer;
}
.jne-book-control:hover:not(:disabled){
  color: #041019;
  border-color: #46CCED;
  background:
        linear-gradient(
            180deg,
            #91ebff,
            #46CCED
        );
}
.jne-book-control:disabled{opacity: .32;cursor: not-allowed;}
.jne-book-status{
  color:
        rgba(
            225,
            242,
            249,
            .70
        );
  font-size: .88rem;
  font-weight: 700;
  text-align: center;
}
.jne-book{
  position: relative;
  width:
        min(
            1100px,
            100%
        );
  margin: 0 auto;
  padding:
        18px 20px 22px;
  perspective:
        1800px;
  border:
        1px solid
        rgba(100, 218, 245, .30);
  border-radius:
        26px 26px 22px 22px;
  background:
        linear-gradient(
            145deg,
            #183c52 0%,
            #092637 42%,
            #041721 54%,
            #0b2c3e 76%,
            #1a485f 100%
        );
  box-shadow:
        inset 0 2px 0
            rgba(255,255,255,.12),

        inset 0 -3px 0
            rgba(0,0,0,.28),

        0 24px 50px
            rgba(0,0,0,.30);
}
.jne-book::before{
  content: "";
  position: absolute;
  inset:
        8px 10px 10px;
  pointer-events: none;
  border:
        1px solid
        rgba(70,204,237,.18);
  border-radius:
        20px;
  box-shadow:
        inset 0 0 20px
        rgba(70,204,237,.035);
}
.jne-book-spread{
  display: grid;
  grid-template-columns:
        minmax(0, 1fr)
        24px
        minmax(0, 1fr);
  min-height:
        500px;
  border-radius:
        14px;
}
.jne-book-page{min-width: 0;min-height: 500px;box-sizing:
        border-box;}
.jne-book-page-content{
  display: flex;
  height: 100%;
  min-height: 500px;
  flex-direction: column;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color:
        rgba(83,67,45,.35)
        transparent;
}
.jne-book-page::after{
  content: "";
  position: absolute;
  right: 7px;
  bottom: 7px;
  width: 32px;
  height: 32px;
  pointer-events: none;
  background:
        linear-gradient(
            135deg,
            transparent 49%,
            rgba(115,94,62,.10) 50%,
            rgba(255,255,255,.42)
        );
  border-radius:
        0 0 9px 0;
  opacity: .65;
}
.jne-book-page-number{position: absolute;bottom: 19px;}
.jne-book-page-left .jne-book-page-number{left: 30px;}
.jne-book-page-right .jne-book-page-number{right: 30px;}
.jne-book-page.is-intro .jne-book-page-content{align-items: center;justify-content: center;text-align: center;}
.jne-book-intro-ornament{display: flex;width: 100%;gap: 12px;margin-bottom: 22px;align-items: center;justify-content: center;color: #267c98;}
.jne-book-intro-ornament span{
  width: 72px;
  height: 1px;
  background:
        linear-gradient(
            90deg,
            transparent,
            #46a7c3
        );
}
.jne-book-intro-ornament span:last-child{
  background:
        linear-gradient(
            90deg,
            #46a7c3,
            transparent
        );
}
.jne-book-intro-ornament i{font-family:
        Georgia,
        serif;font-size: .78rem;font-style: normal;font-weight: 800;letter-spacing: .14em;}
.jne-book-page.is-intro h2,.jne-book-page.is-write h2{
  margin:
        0 0 14px;
  color: #2d2923;
  font-family:
        Georgia,
        "Times New Roman",
        serif;
  font-size:
        clamp(
            1.7rem,
            3vw,
            2.45rem
        );
  font-weight: 700;
}
.jne-book-page.is-intro p,.jne-book-page.is-write p{
  max-width: 30ch;
  margin: 0;
  color:
        rgba(51,45,37,.72);
  font-family:
        Georgia,
        serif;
  font-size: 1.02rem;
  line-height: 1.65;
}
.jne-book-page .jne-book-entry{
  display: flex;
  min-height: 100%;
  padding: 0 !important;
  flex-direction: column;
  border: 0 !important;
  border-radius: 0 !important;
  color: #332d25 !important;
  background:
        transparent !important;
  box-shadow:
        none !important;
}
.jne-book-page .jne-book-entry header{
  display: flex;
  gap: 12px;
  margin-bottom: 26px;
  padding-bottom: 14px;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom:
        1px solid
        rgba(76,62,43,.18);
}
.jne-book-page .jne-book-entry strong{
  color: #26758e !important;
  font-family:
        Georgia,
        "Times New Roman",
        serif;
  font-size:
        clamp(
            1.25rem,
            2vw,
            1.65rem
        );
}
.jne-book-page .jne-book-entry time{color:
        rgba(55,47,37,.52) !important;font-size: .76rem;white-space: nowrap;}
.jne-book-page .jne-book-entry::after{
  content: "✦";
  display: block;
  margin-top: auto;
  padding-top: 32px;
  color:
        rgba(38,117,142,.34);
  font-size: .9rem;
  text-align: center;
}
.jne-book-write-mark{margin-bottom: 12px;color: #318fa9;font-size: 2rem;}
.jne-book-write-button{
  margin-top: 26px;
  min-height: 44px;
  padding:
        9px 19px;
  border:
        1px solid
        rgba(30,101,122,.45);
  border-radius:
        999px;
  color: #f5fcff;
  background:
        linear-gradient(
            180deg,
            #318aa6,
            #15556d
        );
  box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.20),

        0 4px 8px
        rgba(47,39,28,.14);
  font-weight: 800;
  cursor: pointer;
}
.jne-book-write-button:hover{
  color: #041019;
  background:
        linear-gradient(
            180deg,
            #96edff,
            #46CCED
        );
}
.jne-book-page.is-blank{display: grid;place-items: center;}
.jne-book-blank-ornament{
  color:
        rgba(65,54,39,.08);
  font-family:
        Georgia,
        serif;
  font-size: 3rem;
  font-weight: 800;
  letter-spacing: .16em;
}
.jne-book.is-turning-next .jne-book-page-right{
  z-index: 15;
  transform-origin:
        left center;
  animation:
        jne-book-turn-next
        580ms
        cubic-bezier(.45,.05,.22,1)
        forwards;
}
.jne-book.is-turning-prev .jne-book-page-left{
  z-index: 15;
  transform-origin:
        right center;
  animation:
        jne-book-turn-prev
        580ms
        cubic-bezier(.45,.05,.22,1)
        forwards;
}
@keyframes jne-book-turn-next {
0% {
transform:
            rotateY(0deg);
filter:
            brightness(1);
}

48% {
filter:
            brightness(.78);
}

100% {
transform:
            rotateY(-178deg);
filter:
            brightness(.92);
}
}
@keyframes jne-book-turn-prev {
0% {
transform:
            rotateY(0deg);
filter:
            brightness(1);
}

48% {
filter:
            brightness(.78);
}

100% {
transform:
            rotateY(178deg);
filter:
            brightness(.92);
}
}
.jne-book-ready .jne-guestbook-form-panel{margin-top: 38px;}
@media (max-width: 760px){
.jne-book-toolbar{grid-template-columns:
            1fr
            auto
            1fr;gap: 7px;}
  .jne-book-control{min-height: 40px;padding:
            7px 11px;font-size: .82rem;}
  .jne-book-control:first-child{justify-self: start;}
  .jne-book-control:last-child{justify-self: end;}
  .jne-book-status{font-size: .74rem;}
  .jne-book{padding:
            12px 12px 16px;border-radius:
            20px;}
  .jne-book-spread{display: block;}
  .jne-book-page-right{min-height:
            450px;box-shadow:
            inset 8px 0 20px
            rgba(72,56,34,.08);}
  .jne-book-page-content{min-height:
            450px;}
  .jne-book-page-right .jne-book-page-number{right: 22px;}
  .jne-book.is-turning-prev .jne-book-page-right{
    z-index: 15;
    transform-origin:
            right center;
    animation:
            jne-book-mobile-prev
            580ms
            cubic-bezier(.45,.05,.22,1)
            forwards;
  }
  @keyframes jne-book-mobile-prev {
from {
transform:
                rotateY(0);
}

to {
transform:
                rotateY(178deg);
}
}
}
@media (prefers-reduced-motion: reduce){
.jne-book.is-turning-next .jne-book-page-right,.jne-book.is-turning-prev .jne-book-page-left,.jne-book.is-turning-prev .jne-book-page-right{
    animation-duration:
            1ms !important;
  }
}
.jne-book-page .jne-guestbook-message{
  font-family:
        Georgia,
        "Times New Roman",
        serif;
  font-size:
        clamp(
            1rem,
            1.5vw,
            1.12rem
        );
  font-weight:
        400;
  line-height:
        1.78;
  text-shadow:
        none !important;
}
.jne-book-page.is-write .jne-book-page-content{
  align-items:
        stretch !important;
  justify-content:
        flex-start !important;
  text-align:
        left !important;
}
.jne-book-free-page-title{
  gap:
        9px;
  margin:
        0 0 13px;
  align-items:
        center;
  justify-content:
        center;
  color:
        #26758e;
  font-family:
        Georgia,
        "Times New Roman",
        serif;
  font-size:
        .78rem;
  letter-spacing:
        .06em;
}
.jne-book-free-page-title::before,.jne-book-free-page-title::after{
  content:
        "";
  flex:
        1;
  height:
        1px;
  background:
        linear-gradient(
            90deg,
            transparent,
            rgba(
                38,
                117,
                142,
                .34
            )
        );
}
.jne-book-free-page-title::after{
  background:
        linear-gradient(
            90deg,
            rgba(
                38,
                117,
                142,
                .34
            ),
            transparent
        );
}
.jne-book-free-page-title span{color:
        rgba(
            38,
            117,
            142,
            .55
        );}
.jne-book-page .jne-guestbook-form-panel{
  width:
        100%;
  margin:
        0 !important;
  padding:
        0 !important;
  border:
        0 !important;
  border-radius:
        0 !important;
  color:
        #332d25 !important;
  background:
        transparent !important;
  box-shadow:
        none !important;
}
.jne-book-page .jne-guestbook-form-panel h2{
  margin:
        0 0 5px !important;
  color:
        #2d2923 !important;
  font-family:
        Georgia,
        "Times New Roman",
        serif;
  font-size:
        clamp(
            1.25rem,
            2vw,
            1.55rem
        );
  text-align:
        center;
}
.jne-book-page .jne-guestbook-form-panel > p{
  max-width:
        40ch;
  margin:
        0 auto 13px !important;
  color:
        rgba(
            51,
            45,
            37,
            .68
        ) !important;
  font-family:
        Georgia,
        "Times New Roman",
        serif;
  font-size:
        .78rem;
  line-height:
        1.35;
  text-align:
        center;
}
.jne-book-page .jne-guestbook-form-panel .jne-form{display:
        flex;gap:
        9px;flex-direction:
        column;}
.jne-book-page .jne-guestbook-form-panel .jne-field > span{
  display:
        block;
  margin-bottom:
        4px;
  color:
        #3d352c !important;
  font-family:
        Georgia,
        "Times New Roman",
        serif;
  font-size:
        .82rem;
  font-weight:
        700;
}
.jne-book-page .jne-guestbook-form-panel input[type="text"],.jne-book-page .jne-guestbook-form-panel textarea{
  width:
        100%;
  box-sizing:
        border-box;
  border:
        1px solid
        rgba(
            76,
            66,
            50,
            .28
        ) !important;
  border-radius:
        7px !important;
  color:
        #2c2720 !important;
  background:
        rgba(
            255,
            255,
            249,
            .60
        ) !important;
  box-shadow:
        inset 0 1px 3px
        rgba(
            67,
            54,
            36,
            .08
        ) !important;
  font-family:
        Georgia,
        "Times New Roman",
        serif;
}
.jne-book-page .jne-guestbook-form-panel input[type="text"]{min-height:
        37px;padding:
        7px 10px;}
.jne-book-page .jne-guestbook-form-panel textarea{
  min-height:
        105px;
  max-height:
        145px;
  padding:
        9px 10px;
  resize:
        vertical;
}
.jne-book-page .jne-guestbook-form-panel input[type="text"]:focus,.jne-book-page .jne-guestbook-form-panel textarea:focus{
  border-color:
        #46a8c4 !important;
  outline:
        2px solid
        rgba(
            70,
            204,
            237,
            .17
        ) !important;
  outline-offset:
        1px;
}
.jne-book-page .jne-guestbook-form-panel .jne-checkbox{display:
        flex;gap:
        8px;align-items:
        flex-start;}
.jne-book-page .jne-guestbook-form-panel .jne-checkbox input{flex:
        0 0 auto;margin-top:
        2px;}
.jne-book-page .jne-guestbook-form-panel .jne-checkbox span{
  color:
        rgba(
            51,
            45,
            37,
            .76
        ) !important;
  font-family:
        Georgia,
        "Times New Roman",
        serif;
  font-size:
        .72rem;
  line-height:
        1.3;
}
.jne-book-page .jne-guestbook-form-panel .jne-button{
  align-self:
        center;
  min-height:
        38px;
  margin-top:
        1px;
  padding:
        7px 18px;
  border:
        1px solid
        rgba(
            21,
            84,
            105,
            .45
        );
  border-radius:
        999px;
  color:
        #f7fdff !important;
  background:
        linear-gradient(
            180deg,
            #318da9,
            #15576e
        ) !important;
  box-shadow:
        inset 0 1px 0
            rgba(
                255,
                255,
                255,
                .20
            ),

        0 4px 8px
            rgba(
                48,
                39,
                27,
                .14
            ) !important;
  font-weight:
        800;
}
.jne-book-page .jne-guestbook-form-panel .jne-button:hover{
  color:
        #041019 !important;
  background:
        linear-gradient(
            180deg,
            #9aefff,
            #46CCED
        ) !important;
}
.jne-book-page .jne-guestbook-form-panel .jne-honeypot{
  position:
        absolute !important;
  left:
        -99999px !important;
  width:
        1px !important;
  height:
        1px !important;
  overflow:
        hidden !important;
}
@media (max-width: 760px){
.jne-book-page .jne-guestbook-form-panel textarea{min-height:
            125px;max-height:
            190px;}
}
.jne-book-free-page-title{display: none !important;}
@media (min-width: 761px){
.jne-book-shell{max-width: 1120px !important;}
  .jne-book{min-height: 620px !important;}
  .jne-book-spread{min-height: 620px !important;align-items: stretch !important;}
  .jne-book-page{min-height: 620px !important;}
  .jne-book-page-content{min-height: 100% !important;}
  .jne-book-page .jne-guestbook-form-panel textarea{min-height: 135px !important;max-height: 220px !important;}
}
@media (max-width: 760px){
.jne-book,.jne-book-spread,.jne-book-page{min-height: 700px !important;}
}
.jne-book-entry .jne-guestbook-meta,.jne-book-entry .jne-guestbook-date,.jne-book-entry .jne-guestbook-datetime,.jne-book-entry time,.jne-book-page.is-entry .jne-guestbook-meta,.jne-book-page.is-entry .jne-guestbook-date,.jne-book-page.is-entry .jne-guestbook-datetime,.jne-book-page.is-entry time{
  color: #7a7267 !important;
  font-size: 1.08rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.jne-book-entry .jne-guestbook-header,.jne-book-page.is-entry .jne-guestbook-header{align-items: flex-start !important;}
@media (max-width: 760px){
.jne-book-entry .jne-guestbook-meta,.jne-book-entry .jne-guestbook-date,.jne-book-entry .jne-guestbook-datetime,.jne-book-entry time,.jne-book-page.is-entry .jne-guestbook-meta,.jne-book-page.is-entry .jne-guestbook-date,.jne-book-page.is-entry .jne-guestbook-datetime,.jne-book-page.is-entry time{
    font-size: 0.98rem !important;
  }
}
.jne-book.jne-v11-physical-book{
  position:
        relative !important;
  isolation:
        isolate !important;
  overflow:
        visible !important;
  padding:
        26px 38px 46px !important;
  border:
        1px solid
        rgba(78, 158, 181, .20)
        !important;
  border-radius:
        18px !important;
  perspective:
        1900px !important;
}
.jne-book.jne-v11-physical-book::before{
  content:
        "" !important;
  display:
        block !important;
  position:
        absolute !important;
  inset:
        10px !important;
  z-index:
        -6 !important;
  pointer-events:
        none !important;
  border:
        1px solid
        rgba(85,165,189,.13)
        !important;
  border-radius:
        12px !important;
  background:
        transparent !important;
}
.jne-v11-cover-depth{
  position:
        absolute !important;
  left:
        11px !important;
  right:
        11px !important;
  bottom:
        8px !important;
  height:
        34px !important;
  z-index:
        -7 !important;
  pointer-events:
        none !important;
  border-radius:
        0 0 15px 15px !important;
  background:
        linear-gradient(
            180deg,
            #0c2837 0%,
            #04141e 42%,
            #01080d 100%
        );
  box-shadow:
        0 8px 9px
        rgba(0,0,0,.32);
}
.jne-v11-book-shadow{
  position:
        absolute !important;
  left:
        3% !important;
  right:
        3% !important;
  bottom:
        -55px !important;
  height:
        88px !important;
  z-index:
        -20 !important;
  pointer-events:
        none !important;
  background:
        radial-gradient(
            ellipse at center,
            rgba(0,0,0,.56) 0%,
            rgba(0,0,0,.30) 38%,
            rgba(0,0,0,.12) 61%,
            transparent 79%
        );
  filter:
        blur(13px);
}
.jne-v11-page-block-left{
  position:
        absolute !important;
  left:
        21px !important;
  top:
        50px !important;
  bottom:
        57px !important;
  z-index:
        -2 !important;
  pointer-events:
        none !important;
}
.jne-v11-page-block-right{
  position:
        absolute !important;
  right:
        21px !important;
  top:
        50px !important;
  bottom:
        57px !important;
  z-index:
        -2 !important;
  pointer-events:
        none !important;
}
.jne-v11-page-block-bottom{
  position:
        absolute !important;
  left:
        44px !important;
  right:
        44px !important;
  bottom:
        30px !important;
  z-index:
        -1 !important;
  pointer-events:
        none !important;
}
.jne-book-spread{
  position:
        relative !important;
  z-index:
        5 !important;
  transform:
        rotateX(.85deg);
  transform-origin:
        center bottom;
  background:
        transparent !important;
  box-shadow:
        none !important;
}
.jne-book-page,.jne-book-page-left,.jne-book-page-right,.jne-v11-safe-page{
  position:
        relative !important;
  isolation:
        isolate !important;
  overflow:
        visible !important;
  background:
        transparent !important;
  border:
        0 !important;
  border-radius:
        0 !important;
  box-shadow:
        none !important;
  filter:
        none !important;
  clip-path:
        none !important;
  -webkit-clip-path:
        none !important;
}
.jne-safe-paper-shape{
  position:
        absolute !important;
  inset:
        0 !important;
  z-index:
        1 !important;
  pointer-events:
        none !important;
}
.jne-book-page-left .jne-safe-paper-shape::before,.jne-book-page-right .jne-safe-paper-shape::before{
  content:
        "" !important;
  position:
        absolute !important;
  inset:
        0 !important;
  display:
        block !important;
  pointer-events:
        none !important;
}
.jne-safe-reading-shield{display:
        none !important;}
.jne-book-page-content{
  position:
        relative !important;
  z-index:
        30 !important;
  box-sizing:
        border-box !important;
  background:
        transparent !important;
  border:
        0 !important;
  border-radius:
        0 !important;
  box-shadow:
        none !important;
  padding:
        66px 62px 56px !important;
}
.jne-book-page.is-intro .jne-book-page-content{padding:
        72px 66px 58px !important;}
.jne-book-page.is-entry .jne-book-page-content{padding:
        63px 62px 56px !important;}
.jne-book-page.is-write .jne-book-page-content{padding:
        60px 57px 50px !important;}
.jne-book-entry,.jne-guestbook-entry,.jne-guestbook-form-panel{
  position:
        relative !important;
  z-index:
        31 !important;
  background:
        transparent !important;
  border:
        0 !important;
  border-radius:
        0 !important;
  box-shadow:
        none !important;
}
.jne-book-page{color:
        #342c23 !important;}
.jne-book-page h1,.jne-book-page h2,.jne-book-page h3{color:
        #2c261f !important;}
.jne-book-page .jne-guestbook-message{color:
        #392f26 !important;}
.jne-v11-page-patina{
  position:
        absolute !important;
  inset:
        0 !important;
  z-index:
        5 !important;
  pointer-events:
        none !important;
  overflow:
        hidden !important;
}
.jne-v11-stain{position:
        absolute !important;display:
        block !important;border-radius:
        50% !important;}
.jne-v11-fiber{position:
        absolute !important;display:
        block !important;}
.jne-deckled-layer{position:
        absolute !important;pointer-events:
        none !important;box-shadow:
        none !important;}
.jne-v11-real-stack-layer{
  filter:

        url("#jne-v11-stack-warp")

        drop-shadow(
            0 3px 2px
            rgba(48,29,11,.35)
        )

        drop-shadow(
            0 7px 6px
            rgba(27,15,4,.25)
        )

        !important;
}
.jne-deckled-layer[data-layer="1"]{z-index:
        -1 !important;}
.jne-deckled-layer[data-layer="2"]{z-index:
        -2 !important;}
.jne-deckled-layer[data-layer="3"]{z-index:
        -3 !important;}
.jne-deckled-layer[data-layer="4"]{z-index:
        -4 !important;}
.jne-deckled-layer[data-layer="5"]{z-index:
        -5 !important;}
.jne-deckled-layer[data-layer="6"]{z-index:
        -6 !important;}
.jne-deckled-layer[data-layer="7"]{z-index:
        -7 !important;}
.jne-book-spine{position:
        relative !important;z-index:
        40 !important;}
.jne-v11-spine-cap{
  position:
        absolute !important;
  left:
        50% !important;
  bottom:
        28px !important;
  z-index:
        10 !important;
  pointer-events:
        none !important;
  transform:
        translateX(-50%);
  border-radius:
        50% 50% 15% 15% !important;
}
.jne-v11-ribbon{
  position:
        absolute !important;
  left:
        50% !important;
  bottom:
        -15px !important;
  width:
        16px !important;
  height:
        72px !important;
  z-index:
        -1 !important;
  pointer-events:
        none !important;
  transform:
        translateX(-50%)
        rotate(2deg);
  transform-origin:
        top center;
  clip-path:
        polygon(
            0 0,
            100% 0,
            100% 88%,
            50% 100%,
            0 88%
        );
}
.jne-guestbook-form-panel form,.jne-guestbook-form-panel label,.jne-guestbook-form-panel p,.jne-guestbook-form-panel h2{
  position:
        relative !important;
  z-index:
        32 !important;
}
.jne-guestbook-form-panel input,.jne-guestbook-form-panel textarea{
  background:
        rgba(248,240,224,.80)
        !important;
  border:
        1px solid
        rgba(102,78,46,.28)
        !important;
  box-shadow:

        inset 0 1px 3px
            rgba(57,37,17,.09),

        0 1px 0
            rgba(255,255,255,.30)

        !important;
}
.jne-book-page-number{z-index:
        35 !important;}
@media (max-width: 760px){
.jne-book.jne-v11-physical-book{padding:
            16px 17px 27px !important;border-radius:
            13px !important;}
  .jne-book-spread{transform:
            none !important;}
  .jne-v11-page-block-left{left:
            8px !important;}
  .jne-v11-page-block-right{right:
            8px !important;}
  .jne-v11-page-block-bottom{
    left:
            21px !important;
    right:
            21px !important;
    height:
            25px !important;
    bottom:
            18px !important;
  }
  .jne-book-page-content,.jne-book-page.is-intro .jne-book-page-content,.jne-book-page.is-entry .jne-book-page-content,.jne-book-page.is-write .jne-book-page-content{
    padding:
            52px 35px 43px !important;
  }
  .jne-v11-stain:nth-child(n+3),.jne-v11-fiber:nth-child(n+10),.jne-v11-ribbon{display:
            none !important;}
}
@media ( prefers-reduced-motion: reduce ){
.jne-book-spread{transform:
            none !important;}
}
.jne-book.jne-v11-physical-book::before{
  box-shadow:

        inset 0 0 0 1px
            rgba(70,204,237,.075),

        inset 0 0 0 3px
            rgba(0,0,0,.25),

        inset 0 0 18px
            rgba(0,0,0,.39),

        0 1px 0
            rgba(255,255,255,.035)

        !important;
}
.jne-v11-page-block-left,.jne-v11-page-block-right{
  background:

        repeating-linear-gradient(
            0deg,

            rgba(64,48,33,1) 0px,
            rgba(64,48,33,1) 1px,

            rgba(143,119,84,1) 1px,
            rgba(143,119,84,1) 2px,

            rgba(89,68,46,1) 2px,
            rgba(89,68,46,1) 3px,

            rgba(181,154,111,1) 3px,
            rgba(181,154,111,1) 4px,

            rgba(104,80,54,1) 4px,
            rgba(104,80,54,1) 6px,

            rgba(159,133,96,1) 6px,
            rgba(159,133,96,1) 7px
        )

        !important;
}
.jne-safe-paper-shape{
  box-shadow:

        inset 0 0 16px
            rgba(88,59,27,.05),

        inset 0 4px 5px
            rgba(255,255,255,.25),

        inset 0 -14px 22px
            rgba(102,68,31,.13)

        !important;
}
.jne-book-page-left .jne-safe-paper-shape{
  box-shadow:

        inset 17px 0 24px
            rgba(112,72,31,.12),

        inset -28px 0 34px
            rgba(51,32,16,.13),

        inset 0 -14px 23px
            rgba(106,68,29,.14),

        inset 0 3px 4px
            rgba(255,255,255,.19)

        !important;
}
.jne-book-page-right .jne-safe-paper-shape{
  box-shadow:

        inset -17px 0 24px
            rgba(112,72,31,.12),

        inset 28px 0 34px
            rgba(51,32,16,.13),

        inset 0 -14px 23px
            rgba(106,68,29,.14),

        inset 0 3px 4px
            rgba(255,255,255,.19)

        !important;
}
.jne-v11-real-paper{
  filter:

        url("#jne-v11-paper-warp")

        drop-shadow(
            0 1px 1px
            rgba(60,39,18,.18)
        )

        drop-shadow(
            0 4px 3px
            rgba(43,25,9,.14)
        )

        drop-shadow(
            0 8px 7px
            rgba(29,16,5,.08)
        )

        !important;
}
.jne-deckled-layer{
  background:

        repeating-linear-gradient(
            0deg,

            rgba(75,49,22,.042) 0px,
            rgba(75,49,22,.042) 1px,

            transparent 1px,
            transparent 4px
        ),

        linear-gradient(
            180deg,

            #ddccb0 0%,

            #cfb894 65%,

            #baa078 100%
        )

        !important;
}
.jne-deckled-layer[data-layer="1"]{opacity:
        .98 !important;}
.jne-deckled-layer[data-layer="2"]{opacity:
        .96 !important;}
.jne-deckled-layer[data-layer="3"]{opacity:
        .93 !important;}
.jne-deckled-layer[data-layer="4"]{opacity:
        .90 !important;}
.jne-deckled-layer[data-layer="5"]{opacity:
        .87 !important;}
.jne-deckled-layer[data-layer="6"]{opacity:
        .84 !important;}
.jne-deckled-layer[data-layer="7"]{opacity:
        .81 !important;}
.jne-book-spine::before,.jne-book-spine::after{
  content:
        "" !important;
  position:
        absolute !important;
  top:
        0 !important;
  bottom:
        0 !important;
  pointer-events:
        none !important;
}
.jne-v11-stain{
  background:

        radial-gradient(
            ellipse at center,

            rgba(119,77,29,.22) 0%,

            rgba(119,77,29,.075) 35%,

            transparent 72%
        )

        !important;
  filter:
        blur(8px)
        !important;
}
.jne-v11-fiber{
  height:
        .7px !important;
  background:

        linear-gradient(
            90deg,

            transparent,

            rgba(92,62,31,.40),

            transparent
        )

        !important;
  filter:
        blur(.15px)
        !important;
}
.jne-book-page h1,.jne-book-page h2,.jne-book-page h3,.jne-book-page strong{
  text-shadow:

        .25px .25px 0
            rgba(73,50,26,.12),

        0 0 .35px
            rgba(38,25,13,.09)

        !important;
}
.jne-book-page time{color:
        rgba(72,57,40,.78)
        !important;text-shadow:
        none !important;}
.jne-book-page-number{text-shadow:
        0 1px 0
        rgba(255,255,255,.16)
        !important;}
.jne-v11-ribbon{
  background:

        repeating-linear-gradient(
            90deg,

            rgba(255,255,255,.025) 0px,

            rgba(255,255,255,.025) 1px,

            transparent 1px,

            transparent 3px
        ),

        linear-gradient(
            90deg,

            #04131d 0%,

            #102f41 28%,

            #1d5069 48%,

            #143b4f 66%,

            #071c28 100%
        )

        !important;
  box-shadow:

        2px 5px 8px
            rgba(0,0,0,.42),

        inset 1px 0 1px
            rgba(255,255,255,.08)

        !important;
}
.jne-book.jne-v11-physical-book{
  background:

        
        radial-gradient(
            circle at 12% 18%,
            rgba(255,255,255,.025) 0 1px,
            transparent 1.4px
        ),

        radial-gradient(
            circle at 71% 63%,
            rgba(0,0,0,.055) 0 1px,
            transparent 1.5px
        ),

        repeating-linear-gradient(
            92deg,
            rgba(255,255,255,.008) 0px,
            rgba(255,255,255,.008) 1px,
            transparent 1px,
            transparent 6px
        ),

        radial-gradient(
            ellipse at 50% 0%,
            rgba(70,204,237,.055),
            transparent 50%
        ),

        radial-gradient(
            ellipse at 14% 38%,
            rgba(255,255,255,.028),
            transparent 32%
        ),

        radial-gradient(
            ellipse at 86% 65%,
            rgba(0,0,0,.21),
            transparent 42%
        ),

        linear-gradient(
            135deg,
            #173544 0%,
            #102c39 19%,
            #09242f 36%,
            #041820 53%,
            #09232e 72%,
            #143440 100%
        )

        !important;
  box-shadow:

        inset 0 2px 0
            rgba(255,255,255,.065),

        inset 0 -12px 19px
            rgba(0,0,0,.52),

        inset 18px 0 28px
            rgba(0,0,0,.12),

        inset -18px 0 28px
            rgba(0,0,0,.12),

        0 3px 4px
            rgba(0,0,0,.20),

        0 13px 17px
            rgba(0,0,0,.28),

        0 30px 38px
            rgba(0,0,0,.27),

        0 54px 80px
            rgba(0,0,0,.20)

        !important;
}
.jne-v11-page-block-bottom{
  height:
        43px !important;
  border-radius:
        3px 3px 13px 13px
        !important;
  background:

        
        repeating-linear-gradient(
            0deg,

            rgba(44,31,19,1) 0px,
            rgba(44,31,19,1) 1px,

            rgba(111,83,54,1) 1px,
            rgba(111,83,54,1) 2px,

            rgba(166,134,93,1) 2px,
            rgba(166,134,93,1) 3px,

            rgba(78,56,35,1) 3px,
            rgba(78,56,35,1) 4px,

            rgba(194,161,113,1) 4px,
            rgba(194,161,113,1) 5px,

            rgba(93,68,43,1) 5px,
            rgba(93,68,43,1) 7px
        )

        !important;
  box-shadow:

        inset 0 16px 20px
            rgba(25,14,5,.49),

        inset 0 -4px 4px
            rgba(244,218,175,.09),

        0 7px 8px
            rgba(0,0,0,.36),

        0 17px 20px
            rgba(0,0,0,.20)

        !important;
  transform:
        perspective(800px)
        rotateX(-1.25deg)
        !important;
  transform-origin:
        center top;
}
.jne-v11-page-block-left{
  width:
        47px !important;
  border-radius:
        12px 2px 3px 13px
        !important;
  box-shadow:

        inset -19px 0 22px
            rgba(24,14,6,.52),

        inset 4px 0 5px
            rgba(255,235,195,.11),

        -9px 5px 13px
            rgba(0,0,0,.34),

        -2px 0 4px
            rgba(0,0,0,.26)

        !important;
  transform:
        perspective(900px)
        rotateY(1.4deg)
        !important;
  transform-origin:
        right center;
}
.jne-v11-page-block-right{
  width:
        47px !important;
  border-radius:
        2px 12px 13px 3px
        !important;
  box-shadow:

        inset 19px 0 22px
            rgba(24,14,6,.52),

        inset -4px 0 5px
            rgba(255,235,195,.11),

        9px 5px 13px
            rgba(0,0,0,.34),

        2px 0 4px
            rgba(0,0,0,.26)

        !important;
  transform:
        perspective(900px)
        rotateY(-1.4deg)
        !important;
  transform-origin:
        left center;
}
.jne-safe-paper-shape{
  background:

        
        radial-gradient(
            ellipse at 22% 18%,
            rgba(124,86,41,.055),
            transparent 17%
        ),

        radial-gradient(
            ellipse at 79% 70%,
            rgba(154,109,54,.040),
            transparent 22%
        ),

        radial-gradient(
            ellipse at 48% 42%,
            rgba(255,255,255,.105),
            transparent 26%
        ),

        radial-gradient(
            ellipse at 61% 20%,
            rgba(91,61,29,.022),
            transparent 25%
        ),

        
        repeating-linear-gradient(
            1deg,

            rgba(91,65,35,.014) 0px,
            rgba(91,65,35,.014) 1px,

            transparent 1px,
            transparent 5px
        ),

        
        repeating-linear-gradient(
            89deg,

            rgba(110,78,40,.007) 0px,
            rgba(110,78,40,.007) 1px,

            transparent 1px,
            transparent 11px
        ),

        linear-gradient(
            180deg,

            #f8f1e3 0%,

            #f4ebda 22%,

            #f0e4cf 58%,

            #ead9bc 84%,

            #dec7a4 100%
        )

        !important;
}
.jne-book-page-left .jne-safe-paper-shape::before{
  background:

        linear-gradient(
            90deg,

            
            rgba(64,39,17,.16) 0%,

            rgba(112,77,36,.065) 5%,

            rgba(255,251,237,.075) 12%,

            transparent 22%,

            transparent 54%,

            
            rgba(255,250,232,.055) 66%,

            rgba(113,78,39,.065) 77%,

            rgba(70,45,23,.19) 88%,

            rgba(36,23,12,.46) 96%,

            
            rgba(12,7,4,.67) 100%
        )

        !important;
}
.jne-book-page-right .jne-safe-paper-shape::before{
  background:

        linear-gradient(
            90deg,

            rgba(12,7,4,.67) 0%,

            rgba(36,23,12,.46) 4%,

            rgba(70,45,23,.19) 12%,

            rgba(113,78,39,.065) 23%,

            rgba(255,250,232,.055) 34%,

            transparent 46%,

            transparent 78%,

            rgba(255,251,237,.075) 88%,

            rgba(112,77,36,.065) 95%,

            rgba(64,39,17,.16) 100%
        )

        !important;
}
.jne-safe-paper-shape::after{
  content:
        "" !important;
  position:
        absolute !important;
  inset:
        0 !important;
  display:
        block !important;
  pointer-events:
        none !important;
  background:

        radial-gradient(
            ellipse at 50% 18%,

            rgba(255,255,255,.11) 0%,

            rgba(255,255,255,.035) 30%,

            transparent 62%
        ),

        radial-gradient(
            ellipse at 50% 100%,

            rgba(91,56,23,.075) 0%,

            transparent 53%
        )

        !important;
}
.jne-book-spine{
  width:
        34px !important;
  min-width:
        34px !important;
  flex:
        0 0 34px !important;
  margin:
        0 -8px !important;
  background:

        
        repeating-linear-gradient(
            90deg,

            rgba(255,245,218,.025) 0px,

            rgba(255,245,218,.025) 1px,

            transparent 1px,

            transparent 3px
        ),

        linear-gradient(
            90deg,

            rgba(13,8,4,.72) 0%,

            rgba(45,30,17,.57) 10%,

            rgba(97,71,42,.42) 23%,

            rgba(167,145,107,.29) 35%,

            rgba(75,54,32,.49) 43%,

            rgba(34,22,13,.79) 47%,

            rgba(8,5,3,.96) 50%,

            rgba(34,22,13,.79) 53%,

            rgba(75,54,32,.49) 57%,

            rgba(167,145,107,.29) 65%,

            rgba(97,71,42,.42) 77%,

            rgba(45,30,17,.57) 90%,

            rgba(13,8,4,.72) 100%
        )

        !important;
  border:
        0 !important;
  border-radius:
        45% / 3%
        !important;
  box-shadow:

        -36px 0 43px -19px
            rgba(21,12,4,.87),

        36px 0 43px -19px
            rgba(21,12,4,.87),

        inset 4px 0 6px
            rgba(240,219,177,.10),

        inset -4px 0 6px
            rgba(12,7,3,.44)

        !important;
}
.jne-book-spine::before{
  left:
        -55px !important;
  width:
        55px !important;
  background:

        linear-gradient(
            90deg,

            transparent 0%,

            rgba(55,34,15,.018) 20%,

            rgba(48,29,12,.055) 43%,

            rgba(37,21,8,.16) 72%,

            rgba(18,10,3,.38) 100%
        )

        !important;
}
.jne-book-spine::after{
  right:
        -55px !important;
  width:
        55px !important;
  background:

        linear-gradient(
            90deg,

            rgba(18,10,3,.38) 0%,

            rgba(37,21,8,.16) 28%,

            rgba(48,29,12,.055) 57%,

            rgba(55,34,15,.018) 80%,

            transparent 100%
        )

        !important;
}
.jne-v11-spine-cap{
  width:
        67px !important;
  height:
        16px !important;
  background:

        radial-gradient(
            ellipse at center top,

            rgba(181,151,104,.78) 0%,

            rgba(105,78,47,.86) 42%,

            rgba(42,27,14,.95) 82%,

            rgba(16,9,4,1) 100%
        )

        !important;
  box-shadow:

        0 3px 6px
            rgba(0,0,0,.43),

        inset 0 1px 1px
            rgba(255,236,196,.15)

        !important;
}
.jne-deckled-layer[data-layer="1"]{
  filter:

        url("#jne-v11-stack-warp")

        brightness(.98)

        drop-shadow(
            0 2px 2px
            rgba(49,28,9,.40)
        )

        !important;
}
.jne-deckled-layer[data-layer="2"]{
  filter:

        url("#jne-v11-stack-warp")

        brightness(.93)

        drop-shadow(
            0 4px 3px
            rgba(42,23,7,.45)
        )

        !important;
}
.jne-deckled-layer[data-layer="3"]{
  filter:

        url("#jne-v11-stack-warp")

        brightness(.87)

        drop-shadow(
            0 6px 5px
            rgba(36,19,5,.50)
        )

        !important;
}
.jne-deckled-layer[data-layer="4"]{
  filter:

        url("#jne-v11-stack-warp")

        brightness(.81)

        drop-shadow(
            0 8px 7px
            rgba(30,15,3,.54)
        )

        !important;
}
.jne-deckled-layer[data-layer="5"]{
  filter:

        brightness(.75)

        drop-shadow(
            0 10px 8px
            rgba(24,11,2,.57)
        )

        !important;
}
.jne-deckled-layer[data-layer="6"]{
  filter:

        brightness(.69)

        drop-shadow(
            0 12px 10px
            rgba(18,8,1,.60)
        )

        !important;
}
.jne-deckled-layer[data-layer="7"]{
  filter:

        brightness(.63)

        drop-shadow(
            0 14px 12px
            rgba(12,5,1,.64)
        )

        !important;
}
.jne-book-page-number{
  font-family:
        Georgia,
        "Times New Roman",
        serif
        !important;
  font-size:
        .82rem !important;
  color:
        rgba(72,53,33,.62)
        !important;
}
.jne-book-page-content{text-rendering:
        optimizeLegibility;-webkit-font-smoothing:
        antialiased;}
@media (max-width: 760px){
.jne-book-spine{
    width:
            23px !important;
    min-width:
            23px !important;
    flex:
            0 0 23px !important;
    margin:
            0 -5px !important;
  }
  .jne-book-spine::before{left:
            -25px !important;width:
            25px !important;}
  .jne-book-spine::after{right:
            -25px !important;width:
            25px !important;}
  .jne-v11-page-block-left,.jne-v11-page-block-right{width:
            24px !important;transform:
            none !important;}
  .jne-v11-page-block-bottom{transform:
            none !important;}
}
.jne-v12-vector-book .jne-safe-paper-shape,.jne-v12-vector-book .jne-deckled-layer{
  opacity:
        0 !important;
  visibility:
        hidden !important;
  pointer-events:
        none !important;
}
.jne-v12-vector-page .jne-safe-reading-shield{display:
        none !important;}
.jne-v12-vector-book .jne-book-spine{border:
        0 !important;}
.jne-v12-vector-page{filter:
        none !important;box-shadow:
        none !important;}
.jne-v12-page-curl{
  position:
        absolute !important;
  bottom:
        9px !important;
  width:
        30px !important;
  height:
        30px !important;
  z-index:
        18 !important;
  pointer-events:
        none !important;
  opacity:
        .68;
  background:

        linear-gradient(
            135deg,

            rgba(
                133,
                102,
                62,
                .08
            ) 0%,

            rgba(
                236,
                219,
                187,
                .74
            ) 43%,

            rgba(
                176,
                143,
                96,
                .36
            ) 51%,

            rgba(
                78,
                52,
                24,
                .10
            ) 100%
        );
  box-shadow:

        2px 3px 5px
            rgba(
                49,
                29,
                11,
                .15
            );
}
.jne-v12-page-curl[data-side="left"]{
  left:
        10px !important;
  clip-path:
        polygon(
            0 100%,
            100% 100%,
            0 0
        );
  transform:
        rotate(-2deg);
}
.jne-v12-page-curl[data-side="right"]{
  right:
        10px !important;
  clip-path:
        polygon(
            0 100%,
            100% 100%,
            100% 0
        );
  transform:
        rotate(2deg);
}
@media (max-width: 760px){
.jne-v12-page-curl{width:
            21px !important;height:
            21px !important;}
  .jne-v12-vector-book .jne-book-spread{transform:
            none !important;}
}
.jne-v12-vector-book.jne-book{
  padding:
        29px 43px 50px
        !important;
  border-radius:
        19px
        !important;
  background:

        
        radial-gradient(
            circle at 16% 20%,
            rgba(255,255,255,.026) 0 1px,
            transparent 1.6px
        ),

        radial-gradient(
            circle at 71% 62%,
            rgba(0,0,0,.055) 0 1px,
            transparent 1.5px
        ),

        radial-gradient(
            circle at 38% 77%,
            rgba(255,255,255,.014) 0 1px,
            transparent 1.8px
        ),

        
        repeating-linear-gradient(
            88deg,
            rgba(255,255,255,.009) 0px,
            rgba(255,255,255,.009) 1px,
            transparent 1px,
            transparent 6px
        ),

        repeating-linear-gradient(
            3deg,
            rgba(0,0,0,.020) 0px,
            rgba(0,0,0,.020) 1px,
            transparent 1px,
            transparent 8px
        ),

        
        radial-gradient(
            ellipse at 50% -4%,
            rgba(70,204,237,.055),
            transparent 48%
        ),

        radial-gradient(
            ellipse at 9% 32%,
            rgba(255,255,255,.025),
            transparent 31%
        ),

        radial-gradient(
            ellipse at 91% 66%,
            rgba(0,0,0,.22),
            transparent 43%
        ),

        
        linear-gradient(
            135deg,
            #173746 0%,
            #102c39 18%,
            #09232f 37%,
            #041720 53%,
            #09232e 73%,
            #143744 100%
        )

        !important;
  box-shadow:

        inset 0 2px 0
            rgba(255,255,255,.07),

        inset 0 -13px 20px
            rgba(0,0,0,.53),

        inset 18px 0 29px
            rgba(0,0,0,.14),

        inset -18px 0 29px
            rgba(0,0,0,.14),

        0 4px 5px
            rgba(0,0,0,.22),

        0 15px 21px
            rgba(0,0,0,.31),

        0 34px 46px
            rgba(0,0,0,.30),

        0 57px 85px
            rgba(0,0,0,.22)

        !important;
}
.jne-v12-vector-book.jne-book::before{
  inset:
        11px !important;
  border-radius:
        13px !important;
  border:
        1px solid
        rgba(70,204,237,.09)
        !important;
  box-shadow:

        inset 0 0 0 2px
            rgba(0,0,0,.31),

        inset 0 0 21px
            rgba(0,0,0,.37),

        0 1px 0
            rgba(255,255,255,.035)

        !important;
}
.jne-v12-vector-book .jne-v11-cover-depth{
  left:
        11px !important;
  right:
        11px !important;
  bottom:
        7px !important;
  height:
        38px !important;
  border-radius:
        0 0 16px 16px
        !important;
  background:

        linear-gradient(
            180deg,
            #0e2d3c 0%,
            #081e29 30%,
            #04131c 59%,
            #01080c 100%
        )

        !important;
  box-shadow:

        inset 0 1px 0
            rgba(255,255,255,.035),

        0 8px 10px
            rgba(0,0,0,.35)

        !important;
}
.jne-v12-vector-book .jne-v11-book-shadow{
  left:
        2% !important;
  right:
        2% !important;
  bottom:
        -62px !important;
  height:
        100px !important;
  background:

        radial-gradient(
            ellipse at center,

            rgba(0,0,0,.60) 0%,

            rgba(0,0,0,.38) 28%,

            rgba(0,0,0,.19) 52%,

            rgba(0,0,0,.07) 69%,

            transparent 82%
        )

        !important;
  filter:
        blur(15px)
        !important;
}
.jne-v12-vector-book .jne-v11-page-block-left{
  left:
        23px !important;
  top:
        52px !important;
  bottom:
        61px !important;
  width:
        50px !important;
  border-radius:
        12px 2px 3px 13px
        !important;
  background:

        repeating-linear-gradient(
            0deg,

            rgba(54,39,23,.98) 0px,
            rgba(54,39,23,.98) 1px,

            rgba(154,128,88,.96) 1px,
            rgba(154,128,88,.96) 2px,

            rgba(91,68,43,.98) 2px,
            rgba(91,68,43,.98) 3px,

            rgba(194,166,119,.96) 3px,
            rgba(194,166,119,.96) 4px,

            rgba(111,84,54,.98) 4px,
            rgba(111,84,54,.98) 6px,

            rgba(169,141,99,.95) 6px,
            rgba(169,141,99,.95) 7px,

            rgba(72,52,31,.98) 7px,
            rgba(72,52,31,.98) 8px,

            rgba(211,186,141,.94) 8px,
            rgba(211,186,141,.94) 10px
        ),

        repeating-linear-gradient(
            179deg,

            transparent 0px,
            transparent 11px,

            rgba(43,28,14,.20) 11px,
            rgba(43,28,14,.20) 12px,

            transparent 12px,
            transparent 23px
        )

        !important;
  box-shadow:

        inset -23px 0 27px
            rgba(21,12,5,.59),

        inset 5px 0 5px
            rgba(255,236,199,.11),

        -9px 5px 14px
            rgba(0,0,0,.38),

        -2px 0 4px
            rgba(0,0,0,.27)

        !important;
  transform:
        perspective(900px)
        rotateY(1.7deg)
        !important;
  transform-origin:
        right center;
}
.jne-v12-vector-book .jne-v11-page-block-right{
  right:
        23px !important;
  top:
        52px !important;
  bottom:
        61px !important;
  width:
        50px !important;
  border-radius:
        2px 12px 13px 3px
        !important;
  background:

        repeating-linear-gradient(
            0deg,

            rgba(54,39,23,.98) 0px,
            rgba(54,39,23,.98) 1px,

            rgba(154,128,88,.96) 1px,
            rgba(154,128,88,.96) 2px,

            rgba(91,68,43,.98) 2px,
            rgba(91,68,43,.98) 3px,

            rgba(194,166,119,.96) 3px,
            rgba(194,166,119,.96) 4px,

            rgba(111,84,54,.98) 4px,
            rgba(111,84,54,.98) 6px,

            rgba(169,141,99,.95) 6px,
            rgba(169,141,99,.95) 7px,

            rgba(72,52,31,.98) 7px,
            rgba(72,52,31,.98) 8px,

            rgba(211,186,141,.94) 8px,
            rgba(211,186,141,.94) 10px
        ),

        repeating-linear-gradient(
            181deg,

            transparent 0px,
            transparent 13px,

            rgba(43,28,14,.19) 13px,
            rgba(43,28,14,.19) 14px,

            transparent 14px,
            transparent 25px
        )

        !important;
  box-shadow:

        inset 23px 0 27px
            rgba(21,12,5,.59),

        inset -5px 0 5px
            rgba(255,236,199,.11),

        9px 5px 14px
            rgba(0,0,0,.38),

        2px 0 4px
            rgba(0,0,0,.27)

        !important;
  transform:
        perspective(900px)
        rotateY(-1.7deg)
        !important;
  transform-origin:
        left center;
}
.jne-v12-vector-book .jne-v11-page-block-bottom{
  left:
        47px !important;
  right:
        47px !important;
  bottom:
        31px !important;
  height:
        48px !important;
  border-radius:
        2px 2px 12px 12px
        !important;
  background:

        repeating-linear-gradient(
            0deg,

            #3c2b1b 0px,
            #3c2b1b 1px,

            #72563a 1px,
            #72563a 2px,

            #a98b62 2px,
            #a98b62 3px,

            #58402a 3px,
            #58402a 4px,

            #c5a779 4px,
            #c5a779 5px,

            #674c32 5px,
            #674c32 7px,

            #dfc79b 7px,
            #dfc79b 8px,

            #75583a 8px,
            #75583a 10px
        ),

        repeating-linear-gradient(
            89deg,

            transparent 0px,
            transparent 27px,

            rgba(51,33,16,.12) 27px,
            rgba(51,33,16,.12) 29px,

            transparent 29px,
            transparent 63px
        )

        !important;
  box-shadow:

        inset 0 18px 25px
            rgba(20,11,4,.58),

        inset 0 -4px 4px
            rgba(255,229,184,.09),

        0 9px 11px
            rgba(0,0,0,.44),

        0 21px 27px
            rgba(0,0,0,.24)

        !important;
  transform:
        perspective(900px)
        rotateX(-1.6deg)
        !important;
  transform-origin:
        center top;
}
.jne-v12-vector-book .jne-book-spread{
  transform:

        perspective(1700px)
        rotateX(.85deg)
        translateY(-2px)

        !important;
  transform-origin:
        center bottom;
}
.jne-v12-vector-page{background:
        transparent !important;}
.jne-v12-vector-page.jne-book-page-left::before{
  inset:
        0 !important;
  z-index:
        24 !important;
  background:

        
        linear-gradient(
            90deg,

            rgba(58,36,16,.15) 0%,

            rgba(119,82,38,.055) 5%,

            rgba(255,252,239,.075) 11%,

            transparent 20%,

            transparent 50%,

            
            rgba(255,252,237,.050) 64%,

            rgba(120,82,39,.052) 74%,

            rgba(74,47,23,.16) 84%,

            rgba(40,25,12,.35) 93%,

            rgba(17,9,4,.57) 98%,

            rgba(8,4,2,.68) 100%
        )

        !important;
}
.jne-v12-vector-page.jne-book-page-right::before{
  inset:
        0 !important;
  z-index:
        24 !important;
  background:

        linear-gradient(
            90deg,

            rgba(8,4,2,.68) 0%,

            rgba(17,9,4,.57) 2%,

            rgba(40,25,12,.35) 7%,

            rgba(74,47,23,.16) 16%,

            rgba(120,82,39,.052) 26%,

            rgba(255,252,237,.050) 36%,

            transparent 50%,

            transparent 80%,

            rgba(255,252,239,.075) 89%,

            rgba(119,82,38,.055) 95%,

            rgba(58,36,16,.15) 100%
        )

        !important;
}
.jne-v12-vector-page::after{
  inset:
        0 !important;
  z-index:
        25 !important;
  background:

        radial-gradient(
            ellipse at 50% 17%,

            rgba(255,255,255,.145) 0%,

            rgba(255,255,255,.055) 28%,

            rgba(255,255,255,.018) 47%,

            transparent 67%
        ),

        radial-gradient(
            ellipse at 50% 103%,

            rgba(76,45,17,.115) 0%,

            rgba(76,45,17,.035) 30%,

            transparent 56%
        )

        !important;
}
.jne-v12-paper-svg{
  filter:

        drop-shadow(
            0 2px 1px
            rgba(50,29,10,.16)
        )

        drop-shadow(
            0 5px 4px
            rgba(40,22,7,.10)
        )

        !important;
}
.jne-v12-vector-book .jne-book-spine{
  width:
        13px !important;
  min-width:
        13px !important;
  flex:
        0 0 13px !important;
  margin:
        0 -2px !important;
  border-radius:
        38% / 2%
        !important;
  background:

        
        repeating-linear-gradient(
            90deg,

            rgba(232,211,170,.035) 0px,

            rgba(232,211,170,.035) 1px,

            transparent 1px,

            transparent 3px
        ),

        linear-gradient(
            90deg,

            rgba(43,28,15,.54) 0%,

            rgba(107,80,48,.39) 20%,

            rgba(178,153,109,.16) 35%,

            rgba(45,28,14,.64) 46%,

            rgba(10,5,2,.89) 50%,

            rgba(45,28,14,.64) 54%,

            rgba(178,153,109,.16) 65%,

            rgba(107,80,48,.39) 80%,

            rgba(43,28,15,.54) 100%
        )

        !important;
  box-shadow:

        -8px 0 14px -6px
            rgba(26,14,5,.49),

        8px 0 14px -6px
            rgba(26,14,5,.49),

        inset 1px 0 2px
            rgba(255,234,195,.075),

        inset -1px 0 2px
            rgba(15,8,3,.34)

        !important;
}
.jne-v12-vector-book .jne-book-spine::before{
  left:
        -32px !important;
  width:
        32px !important;
  background:

        linear-gradient(
            90deg,

            transparent 0%,

            rgba(52,32,13,.025) 24%,

            rgba(44,26,10,.07) 48%,

            rgba(32,18,6,.16) 73%,

            rgba(17,8,3,.31) 100%
        )

        !important;
}
.jne-v12-vector-book .jne-book-spine::after{
  right:
        -32px !important;
  width:
        32px !important;
  background:

        linear-gradient(
            90deg,

            rgba(17,8,3,.31) 0%,

            rgba(32,18,6,.16) 27%,

            rgba(44,26,10,.07) 52%,

            rgba(52,32,13,.025) 76%,

            transparent 100%
        )

        !important;
}
.jne-v12-vector-book .jne-v11-spine-cap{
  width:
        47px !important;
  height:
        10px !important;
  bottom:
        30px !important;
  border-radius:
        50% 50% 28% 28%
        !important;
  background:

        radial-gradient(
            ellipse at center top,

            rgba(168,137,93,.68) 0%,

            rgba(92,66,37,.85) 45%,

            rgba(34,20,9,.96) 82%,

            rgba(15,8,3,1) 100%
        )

        !important;
  box-shadow:

        0 2px 5px
            rgba(0,0,0,.43),

        inset 0 1px 1px
            rgba(255,235,195,.12)

        !important;
}
.jne-v12-vector-book .jne-v11-ribbon{
  width:
        11px !important;
  height:
        67px !important;
  bottom:
        -19px !important;
  background:

        repeating-linear-gradient(
            90deg,

            rgba(255,255,255,.024) 0px,

            rgba(255,255,255,.024) 1px,

            transparent 1px,

            transparent 3px
        ),

        linear-gradient(
            90deg,

            #04131d 0%,

            #102e40 27%,

            #1a4961 48%,

            #11384c 68%,

            #061a25 100%
        )

        !important;
  box-shadow:

        2px 5px 8px
            rgba(0,0,0,.40),

        inset 1px 0 1px
            rgba(255,255,255,.07)

        !important;
}
.jne-v12-vector-page .jne-v11-page-patina{opacity:
        .55 !important;z-index:
        26 !important;}
.jne-v12-vector-page .jne-v11-stain{opacity:
        .022 !important;filter:
        blur(10px)
        !important;}
.jne-v12-vector-page .jne-v11-fiber{opacity:
        .035 !important;height:
        .6px !important;}
.jne-v12-vector-page{color:
        #332a21
        !important;}
.jne-v12-vector-page .jne-guestbook-message{color:
        #372d23
        !important;}
.jne-v12-vector-page h1,.jne-v12-vector-page h2,.jne-v12-vector-page h3,.jne-v12-vector-page strong{
  text-shadow:

        .25px .25px 0
            rgba(70,47,24,.11),

        0 0 .4px
            rgba(34,22,11,.08)

        !important;
}
.jne-v12-vector-page time{color:
        rgba(69,54,38,.82)
        !important;opacity:
        1 !important;}
.jne-v12-vector-page .jne-book-page-number{
  font-family:
        Georgia,
        "Times New Roman",
        serif
        !important;
  font-size:
        .82rem !important;
  color:
        rgba(67,49,29,.61)
        !important;
}
.jne-v12-vector-page .jne-guestbook-form-panel input,.jne-v12-vector-page .jne-guestbook-form-panel textarea{
  background:

        rgba(248,240,224,.78)

        !important;
  border:

        1px solid
        rgba(101,75,42,.28)

        !important;
  box-shadow:

        inset 0 1px 3px
            rgba(58,37,17,.09),

        0 1px 0
            rgba(255,255,255,.27)

        !important;
}
.jne-book-shell{
  max-width:
        1190px !important;
  padding-left:
        24px !important;
  padding-right:
        24px !important;
  padding-bottom:
        66px !important;
}
@media (min-width: 1101px){
.jne-v12-vector-book .jne-book-spread{margin-left:
            3px !important;margin-right:
            3px !important;}
}
@media ( min-width: 761px ) and ( max-width: 1100px ){
.jne-v12-vector-book.jne-book{padding:
            23px 31px 39px
            !important;}
  .jne-v12-vector-book .jne-v11-page-block-left,.jne-v12-vector-book .jne-v11-page-block-right{width:
            37px !important;}
  .jne-v12-vector-book .jne-v11-page-block-bottom{
    left:
            34px !important;
    right:
            34px !important;
    height:
            36px !important;
  }
  .jne-book-shell{padding-left:
            13px !important;padding-right:
            13px !important;padding-bottom:
            48px !important;}
}
@media (max-width: 760px){
.jne-v12-vector-book.jne-book{padding:
            16px 17px 28px
            !important;}
  .jne-v12-vector-book .jne-v11-page-block-left,.jne-v12-vector-book .jne-v11-page-block-right{
    width:
            24px !important;
    transform:
            none !important;
  }
  .jne-v12-vector-book .jne-v11-page-block-bottom{
    left:
            21px !important;
    right:
            21px !important;
    bottom:
            18px !important;
    height:
            26px !important;
    transform:
            none !important;
  }
  .jne-v12-vector-book .jne-book-spine{
    width:
            10px !important;
    min-width:
            10px !important;
    flex:
            0 0 10px !important;
    margin:
            0 -2px !important;
  }
  .jne-v12-vector-book .jne-book-spine::before{left:
            -17px !important;width:
            17px !important;}
  .jne-v12-vector-book .jne-book-spine::after{right:
            -17px !important;width:
            17px !important;}
  .jne-v12-vector-book .jne-v11-ribbon{display:
            none !important;}
  .jne-book-shell{padding-left:
            6px !important;padding-right:
            6px !important;padding-bottom:
            30px !important;}
}
@media ( prefers-reduced-motion: reduce ){
.jne-v12-vector-book .jne-book-spread{transform:
            none !important;}
}
.jne-guestbook,.jne-guestbook-list,.jne-book-shell,.jne-book,.jne-book-spread,.jne-book-page,.jne-book-page-left,.jne-book-page-right,.jne-v12-vector-book,.jne-v12-vector-page{
  overflow:
        visible !important;
}
.jne-v12-vector-book{
  position:
        relative !important;
  isolation:
        isolate !important;
  transform-style:
        preserve-3d !important;
  -webkit-transform-style:
        preserve-3d !important;
}
.jne-v12-vector-book .jne-book-spread{
  position:
        relative !important;
  z-index:
        20 !important;
  isolation:
        isolate !important;
  overflow:
        visible !important;
  transform-style:
        preserve-3d !important;
  -webkit-transform-style:
        preserve-3d !important;
}
.jne-v12-vector-book .jne-v11-page-block-left,.jne-v12-vector-book .jne-v11-page-block-right,.jne-v12-vector-book .jne-v11-page-block-bottom{
  z-index:
        5 !important;
  visibility:
        visible !important;
  opacity:
        1 !important;
}
.jne-v12-vector-book .jne-v11-cover-depth{z-index:
        3 !important;visibility:
        visible !important;opacity:
        1 !important;}
.jne-v12-vector-book .jne-v11-book-shadow{
  z-index:
        1 !important;
  visibility:
        visible !important;
  opacity:
        1 !important;
  pointer-events:
        none !important;
}
.jne-v12-paper-svg{
  position:
        absolute !important;
  inset:
        0 !important;
  width:
        100% !important;
  height:
        100% !important;
  z-index:
        20 !important;
  overflow:
        visible !important;
  visibility:
        visible !important;
  opacity:
        1 !important;
  pointer-events:
        none !important;
  transform:
        translateZ(0);
  backface-visibility:
        hidden;
  -webkit-backface-visibility:
        hidden;
}
.jne-v12-vector-page{
  position:
        relative !important;
  z-index:
        25 !important;
  isolation:
        isolate !important;
  overflow:
        visible !important;
  transform-style:
        preserve-3d !important;
  -webkit-transform-style:
        preserve-3d !important;
}
.jne-v12-vector-page::before,.jne-v12-vector-page::after{
  pointer-events:
        none !important;
  visibility:
        visible !important;
  opacity:
        1 !important;
}
.jne-v12-vector-page .jne-book-page-content,.jne-v12-vector-page .jne-book-entry,.jne-v12-vector-page .jne-guestbook-entry,.jne-v12-vector-page .jne-guestbook-form-panel,.jne-v12-vector-page .jne-book-page-number{
  position:
        relative !important;
  z-index:
        100 !important;
  visibility:
        visible !important;
  opacity:
        1 !important;
}
.jne-v12-vector-page .jne-guestbook-form-panel form,.jne-v12-vector-page .jne-guestbook-form-panel label,.jne-v12-vector-page .jne-guestbook-form-panel input,.jne-v12-vector-page .jne-guestbook-form-panel textarea,.jne-v12-vector-page .jne-guestbook-form-panel button{
  position:
        relative !important;
  z-index:
        110 !important;
}
.jne-book-shell{position:
        relative !important;isolation:
        isolate !important;overflow:
        visible !important;}
@media (min-width: 1101px){
.jne-book-shell{max-width:
            1325px !important;overflow:
            visible !important;padding-bottom:
            88px !important;}
  .jne-book-shell .jne-v12-vector-book.jne-book{
    width:
            112% !important;
    max-width:
            none !important;
    margin-left:
            -6% !important;
    margin-right:
            -6% !important;
  }
}
.jne-v123-page-stack{position:
        relative !important;overflow:
        visible !important;isolation:
        isolate !important;}
.jne-v123-stack-decoration,.jne-v123-gutter{pointer-events:
        none !important;user-select:
        none !important;}
.jne-v123-side-stack{
  position:
        absolute !important;
  top:
        55px !important;
  bottom:
        66px !important;
  z-index:
        7 !important;
}
.jne-v123-side-sheet{
  position:
        absolute !important;
  top:
        var(
            --jne-v123-top
        );
  height:
        var(
            --jne-v123-thickness
        );
  transform:

        translateX(
            var(
                --jne-v123-shift
            )
        )

        rotate(
            var(
                --jne-v123-tilt
            )
        );
  transform-origin:
        center;
}
.jne-v123-side-group{
  position:
        absolute !important;
  top:
        var(
            --jne-v123-top
        );
  height:
        var(
            --jne-v123-group-height
        );
}
.jne-v123-side-stack-left .jne-v123-side-group{
  right:
        calc(
            -1 *
            var(
                --jne-v123-group-shift
            )
        );
}
.jne-v123-side-stack-right .jne-v123-side-group{
  left:
        calc(
            -1 *
            var(
                --jne-v123-group-shift
            )
        );
}
.jne-v123-bottom-stack{position:
        absolute !important;z-index:
        8 !important;}
.jne-v123-bottom-sheet{
  position:
        absolute !important;
  top:
        var(
            --jne-v123-bottom-top
        );
  left:
        var(
            --jne-v123-left-cut
        );
  right:
        var(
            --jne-v123-right-cut
        );
  height:
        var(
            --jne-v123-bottom-height
        );
  transform:

        rotate(
            var(
                --jne-v123-bottom-tilt
            )
        );
  transform-origin:
        center;
}
.jne-v123-gutter{
  position:
        absolute !important;
  top:
        0 !important;
  bottom:
        0 !important;
  left:
        50% !important;
  width:
        28px !important;
  transform:
        translateX(-50%);
  z-index:
        36 !important;
  overflow:
        visible !important;
}
.jne-v123-gutter-segment{
  position:
        absolute !important;
  top:
        var(
            --jne-v123-gutter-top
        );
  height:
        var(
            --jne-v123-gutter-height
        );
  left:
        50% !important;
  width:
        var(
            --jne-v123-gutter-width
        );
  transform:

        translateX(
            calc(
                -50% +
                var(
                    --jne-v123-gutter-x
                )
            )
        );
  border-radius:
        50% !important;
  background:

        linear-gradient(
            90deg,

            rgba(
                24,
                13,
                5,
                .35
            ),

            rgba(
                5,
                2,
                1,
                .88
            ),

            rgba(
                60,
                38,
                17,
                .30
            )
        );
}
@media ( min-width: 761px ) and ( max-width: 1100px ){
.jne-book-shell .jne-v12-vector-book.jne-book{
    width:
            100% !important;
    margin-left:
            0 !important;
    margin-right:
            0 !important;
  }
  .jne-v123-bottom-stack{bottom:
            27px !important;}
}
@media (max-width: 760px){
.jne-v123-side-stack,.jne-v123-bottom-stack{display:
            none !important;}
  .jne-v123-gutter{width:
            18px !important;}
  .jne-v123-page-stack .jne-book-spine{margin:
            0 -1px !important;}
}
.jne-v123-bottom-sheet:nth-child(5n){filter:
        brightness(1.06);}
.jne-v123-bottom-sheet:nth-child(7n){
  transform:

        translateY(-1.8px)

        rotate(
            var(
                --jne-v123-bottom-tilt
            )
        )

        !important;
}
.jne-v123-page-stack .jne-book-spine{border-radius:
        50% / 4%
        !important;}
.jne-v123-page-stack .jne-v11-spine-cap{box-shadow:

        0 2px 4px
            rgba(0,0,0,.32)

        !important;}
.jne-v123-page-stack .jne-v11-page-block-left{
  background:

        
        linear-gradient(
            90deg,

            rgba(79,57,31,.82) 0%,

            rgba(153,122,76,.70) 17%,

            rgba(205,179,132,.72) 38%,

            rgba(226,207,170,.73) 56%,

            rgba(176,143,92,.66) 74%,

            rgba(78,54,27,.82) 100%
        ),

        
        repeating-linear-gradient(
            .72deg,

            rgba(83,59,31,.45) 0px,
            rgba(83,59,31,.45) 1px,

            rgba(231,213,178,.58) 1px,
            rgba(231,213,178,.58) 3px,

            transparent 3px,
            transparent 7px,

            rgba(139,106,62,.31) 7px,
            rgba(139,106,62,.31) 8px,

            transparent 8px,
            transparent 14px
        ),

        
        repeating-linear-gradient(
            -.36deg,

            transparent 0px,
            transparent 17px,

            rgba(67,45,21,.23) 17px,
            rgba(67,45,21,.23) 19px,

            transparent 19px,
            transparent 31px,

            rgba(245,228,193,.20) 31px,
            rgba(245,228,193,.20) 34px,

            transparent 34px,
            transparent 52px
        ),

        
        repeating-linear-gradient(
            .14deg,

            transparent 0px,
            transparent 43px,

            rgba(42,26,11,.25) 43px,
            rgba(42,26,11,.25) 45px,

            transparent 45px,
            transparent 79px
        ),

        #c6a978

        !important;
  background-blend-mode:

        multiply,
        multiply,
        overlay,
        multiply,
        normal

        !important;
  box-shadow:
        none !important;
}
.jne-v123-page-stack .jne-v11-page-block-right{
  background:

        linear-gradient(
            90deg,

            rgba(78,54,27,.82) 0%,

            rgba(176,143,92,.66) 26%,

            rgba(226,207,170,.73) 44%,

            rgba(205,179,132,.72) 62%,

            rgba(153,122,76,.70) 83%,

            rgba(79,57,31,.82) 100%
        ),

        repeating-linear-gradient(
            -.68deg,

            rgba(83,59,31,.45) 0px,
            rgba(83,59,31,.45) 1px,

            rgba(231,213,178,.58) 1px,
            rgba(231,213,178,.58) 3px,

            transparent 3px,
            transparent 8px,

            rgba(139,106,62,.31) 8px,
            rgba(139,106,62,.31) 9px,

            transparent 9px,
            transparent 15px
        ),

        repeating-linear-gradient(
            .33deg,

            transparent 0px,
            transparent 15px,

            rgba(67,45,21,.23) 15px,
            rgba(67,45,21,.23) 17px,

            transparent 17px,
            transparent 30px,

            rgba(245,228,193,.20) 30px,
            rgba(245,228,193,.20) 33px,

            transparent 33px,
            transparent 55px
        ),

        repeating-linear-gradient(
            -.12deg,

            transparent 0px,
            transparent 47px,

            rgba(42,26,11,.25) 47px,
            rgba(42,26,11,.25) 49px,

            transparent 49px,
            transparent 82px
        ),

        #c6a978

        !important;
  background-blend-mode:

        multiply,
        multiply,
        overlay,
        multiply,
        normal

        !important;
  box-shadow:
        none !important;
}
.jne-v123-side-stack{overflow:
        visible !important;}
.jne-v123-side-sheet{border-radius:

        45% 18% 34% 22% /
        35% 45% 32% 48%

        !important;}
.jne-v123-side-group{border-radius:

        3px 45% 30% 2px /
        40%

        !important;}
.jne-v123-page-stack .jne-v11-page-block-bottom{
  bottom:
        29px !important;
  background:

        linear-gradient(
            180deg,

            #dbc397 0%,

            #c2a36e 24%,

            #a77f4d 51%,

            #79532c 72%,

            #493019 100%
        ),

        repeating-linear-gradient(
            .2deg,

            rgba(59,39,18,.38) 0px,
            rgba(59,39,18,.38) 1px,

            rgba(231,211,173,.50) 1px,
            rgba(231,211,173,.50) 3px,

            transparent 3px,
            transparent 8px,

            rgba(119,86,46,.27) 8px,
            rgba(119,86,46,.27) 9px,

            transparent 9px,
            transparent 16px
        ),

        repeating-linear-gradient(
            -.31deg,

            transparent 0px,
            transparent 21px,

            rgba(42,26,11,.25) 21px,
            rgba(42,26,11,.25) 23px,

            transparent 23px,
            transparent 41px
        )

        !important;
  background-blend-mode:

        multiply,
        multiply,
        overlay

        !important;
  box-shadow:
        none !important;
  filter:

        drop-shadow(
            0 5px 3px
            rgba(22,11,3,.34)
        )

        drop-shadow(
            0 10px 7px
            rgba(14,6,2,.18)
        )

        !important;
}
.jne-v123-bottom-stack{bottom:
        26px !important;overflow:
        visible !important;}
.jne-v123-bottom-sheet{
  border-radius:

        38% 29% 42% 31% /
        40% 48% 36% 44%

        !important;
  background:

        linear-gradient(
            180deg,

            rgba(238,220,184,.82),

            rgba(177,142,91,.77) 52%,

            rgba(
                63,
                41,
                18,
                var(
                    --jne-v123-bottom-darkness
                )
            )
        )

        !important;
  box-shadow:

        0 1px 1px
            rgba(34,17,5,.31),

        0 3px 3px
            rgba(34,17,5,.13)

        !important;
}
.jne-v123-bottom-sheet:nth-child(2n){margin-left:
        3px;}
.jne-v123-bottom-sheet:nth-child(3n){margin-right:
        6px;filter:
        brightness(.91);}
.jne-v123-bottom-sheet:nth-child(4n){margin-left:
        9px;}
.jne-v123-bottom-sheet:nth-child(5n){margin-right:
        11px;filter:
        brightness(1.045);}
.jne-v123-bottom-sheet:nth-child(7n){margin-left:
        14px;margin-right:
        5px;}
.jne-v123-page-stack .jne-v11-spine-cap{
  background:

        radial-gradient(
            ellipse at center,

            rgba(145,111,68,.53),

            rgba(75,49,24,.73) 53%,

            rgba(25,13,5,.91) 100%
        )

        !important;
}
.jne-v123-page-stack .jne-v11-book-shadow{
  left:
        4% !important;
  right:
        4% !important;
  filter:
        blur(18px)
        !important;
  opacity:
        .87 !important;
}
@media ( min-width: 761px ) and ( max-width: 1100px ){
.jne-v123-page-stack .jne-v11-page-block-bottom{
    left:
            36px !important;
    right:
            36px !important;
    height:
            40px !important;
  }
  .jne-v123-page-stack .jne-book-spine{width:
            6px !important;min-width:
            6px !important;flex:
            0 0 6px !important;}
}
.jne-v123-page-stack .jne-v11-page-block-left,.jne-v123-page-stack .jne-v11-page-block-right{
  width:
        42px !important;
  background-color:
        #cdb58a !important;
  filter:
        saturate(.82)
        brightness(1.035)

        !important;
}
.jne-v123-page-stack .jne-v11-page-block-left{
  left:
        27px !important;
  clip-path:
        polygon(
            14% 0%,
            100% 0%,
            100% 100%,
            15% 100%,

            9% 97%,
            13% 94%,
            7% 90%,
            11% 86%,
            5% 82%,
            10% 78%,
            6% 74%,
            12% 70%,
            5% 66%,
            9% 62%,
            4% 58%,
            10% 54%,
            6% 50%,
            11% 46%,
            5% 42%,
            9% 38%,
            4% 34%,
            10% 30%,
            6% 26%,
            11% 22%,
            5% 18%,
            9% 14%,
            6% 10%,
            12% 6%
        )

        !important;
}
.jne-v123-page-stack .jne-v11-page-block-right{
  right:
        27px !important;
  clip-path:
        polygon(
            0% 0%,
            86% 0%,

            88% 6%,
            94% 10%,
            91% 14%,
            95% 18%,
            89% 22%,
            94% 26%,
            90% 30%,
            96% 34%,
            91% 38%,
            95% 42%,
            89% 46%,
            94% 50%,
            90% 54%,
            96% 58%,
            91% 62%,
            95% 66%,
            88% 70%,
            94% 74%,
            90% 78%,
            95% 82%,
            89% 86%,
            93% 90%,
            87% 94%,
            91% 97%,
            85% 100%,

            0% 100%
        )

        !important;
}
.jne-v123-side-stack{width:
        43px !important;}
.jne-v123-side-stack-left{left:
        25px !important;}
.jne-v123-side-stack-right{right:
        25px !important;}
.jne-v123-side-sheet{
  width:
        min(
            var(--jne-v123-width),
            78%
        ) !important;
  min-width:
        14px !important;
  max-width:
        33px !important;
  opacity:
        .80 !important;
  background:

        linear-gradient(
            180deg,

            rgba(241,224,190,.82) 0%,

            rgba(203,175,126,.76) 48%,

            rgba(
                104,
                73,
                36,
                var(--jne-v123-darkness)
            ) 100%
        )

        !important;
  box-shadow:

        0 1px 1px
            rgba(45,27,10,.23)

        !important;
}
.jne-v123-side-sheet:nth-child(4n){opacity:
        .30 !important;}
.jne-v123-side-sheet:nth-child(5n){width:
        57% !important;opacity:
        .55 !important;}
.jne-v123-side-sheet:nth-child(7n){width:
        69% !important;opacity:
        .92 !important;}
.jne-v123-side-sheet:nth-child(9n){opacity:
        .18 !important;}
.jne-v123-side-stack-left .jne-v123-side-sheet{right:
        2px !important;}
.jne-v123-side-stack-right .jne-v123-side-sheet{left:
        2px !important;}
.jne-v123-side-group{
  width:
        72% !important;
  opacity:
        calc(
            var(--jne-v123-group-opacity) * .76
        ) !important;
  background:

        linear-gradient(
            180deg,

            rgba(225,205,169,.76),

            rgba(142,109,65,.68)
        )

        !important;
  box-shadow:

        0 1px 1px
            rgba(43,25,8,.24),

        0 2px 3px
            rgba(43,25,8,.08)

        !important;
}
.jne-v123-side-group:nth-of-type(3n){width:
        83% !important;}
.jne-v123-side-group:nth-of-type(4n){opacity:
        .32 !important;}
.jne-v123-page-stack .jne-v11-page-block-bottom{
  left:
        55px !important;
  right:
        55px !important;
  height:
        47px !important;
  clip-path:
        polygon(
            0% 0%,
            100% 0%,

            100% 71%,
            98% 76%,
            96% 73%,
            93% 82%,
            90% 77%,
            87% 87%,
            83% 80%,
            80% 90%,
            76% 84%,
            72% 93%,
            68% 86%,
            64% 95%,
            60% 88%,
            56% 96%,
            52% 89%,
            48% 95%,
            44% 88%,
            40% 94%,
            36% 86%,
            32% 92%,
            28% 84%,
            24% 91%,
            20% 83%,
            16% 89%,
            12% 81%,
            8% 87%,
            5% 78%,
            2% 83%,
            0% 76%
        )

        !important;
}
.jne-v123-bottom-stack{left:
        49px !important;right:
        49px !important;height:
        52px !important;}
.jne-v123-bottom-sheet{opacity:
        .78 !important;}
.jne-v123-bottom-sheet:nth-child(4n){opacity:
        .34 !important;}
.jne-v123-bottom-sheet:nth-child(6n){opacity:
        .47 !important;}
.jne-v123-bottom-sheet:nth-child(7n){opacity:
        .91 !important;}
.jne-v123-page-stack .jne-book-spine{
  width:
        5px !important;
  min-width:
        5px !important;
  flex:
        0 0 5px !important;
  margin:
        0 2px !important;
  background:

        linear-gradient(
            90deg,

            rgba(119,87,48,.27) 0%,

            rgba(78,51,25,.38) 28%,

            rgba(42,25,11,.56) 45%,

            rgba(25,13,5,.69) 50%,

            rgba(42,25,11,.56) 55%,

            rgba(78,51,25,.38) 72%,

            rgba(119,87,48,.27) 100%
        )

        !important;
  box-shadow:

        -2px 0 7px -4px
            rgba(29,16,6,.30),

        2px 0 7px -4px
            rgba(29,16,6,.30)

        !important;
}
.jne-v123-page-stack .jne-book-spine::before{
  left:
        -62px !important;
  width:
        62px !important;
  background:

        linear-gradient(
            90deg,

            transparent 0%,

            rgba(56,34,13,.010) 34%,

            rgba(47,27,9,.029) 55%,

            rgba(39,21,7,.061) 71%,

            rgba(30,15,4,.105) 85%,

            rgba(20,9,2,.17) 100%
        )

        !important;
}
.jne-v123-page-stack .jne-book-spine::after{
  right:
        -62px !important;
  width:
        62px !important;
  background:

        linear-gradient(
            90deg,

            rgba(20,9,2,.17) 0%,

            rgba(30,15,4,.105) 15%,

            rgba(39,21,7,.061) 29%,

            rgba(47,27,9,.029) 45%,

            rgba(56,34,13,.010) 66%,

            transparent 100%
        )

        !important;
}
.jne-v123-gutter-segment{
  opacity:

        calc(
            var(--jne-v123-gutter-opacity) * .30
        )

        !important;
  filter:
        blur(1px)
        !important;
}
.jne-v123-page-stack .jne-v11-spine-cap{width:
        25px !important;height:
        6px !important;opacity:
        .68 !important;}
.jne-v123-page-stack .jne-v12-vector-page.jne-book-page-left::before{
  background:

        linear-gradient(
            90deg,

            rgba(57,35,16,.12) 0%,

            rgba(255,249,232,.060) 8%,

            transparent 19%,

            transparent 49%,

            rgba(255,253,240,.055) 63%,

            rgba(117,80,37,.041) 73%,

            rgba(72,44,20,.115) 84%,

            rgba(42,24,10,.23) 93%,

            rgba(24,12,4,.40) 100%
        )

        !important;
}
.jne-v123-page-stack .jne-v12-vector-page.jne-book-page-right::before{
  background:

        linear-gradient(
            90deg,

            rgba(24,12,4,.40) 0%,

            rgba(42,24,10,.23) 7%,

            rgba(72,44,20,.115) 16%,

            rgba(117,80,37,.041) 27%,

            rgba(255,253,240,.055) 37%,

            transparent 51%,

            transparent 81%,

            rgba(255,249,232,.060) 92%,

            rgba(57,35,16,.12) 100%
        )

        !important;
}
.jne-v123-page-stack .jne-v12-paper-svg{
  filter:

        sepia(.012)

        saturate(.95)

        drop-shadow(
            0 2px 1px
            rgba(47,28,10,.11)
        )

        drop-shadow(
            0 4px 4px
            rgba(39,21,7,.055)
        )

        !important;
}
.jne-v123-page-stack .jne-book-page-content,.jne-v123-page-stack .jne-book-entry,.jne-v123-page-stack .jne-guestbook-entry,.jne-v123-page-stack .jne-guestbook-form-panel,.jne-v123-page-stack .jne-book-page-number{
  position:
        relative !important;
  z-index:
        250 !important;
}
@media ( min-width: 761px ) and ( max-width: 1100px ){
.jne-v123-page-stack .jne-v11-page-block-left,.jne-v123-page-stack .jne-v11-page-block-right{width:
            34px !important;}
  .jne-v123-side-stack{width:
            35px !important;}
  .jne-v123-side-stack-left{left:
            21px !important;}
  .jne-v123-side-stack-right{right:
            21px !important;}
  .jne-v123-bottom-stack{left:
            36px !important;right:
            36px !important;height:
            40px !important;}
}
@media (max-width: 760px){
.jne-v123-page-stack .jne-v11-page-block-left,.jne-v123-page-stack .jne-v11-page-block-right{width:
            16px !important;}
  .jne-v123-page-stack .jne-v11-page-block-bottom{height:
            20px !important;}
  .jne-v123-page-stack .jne-book-spine{width:
            4px !important;min-width:
            4px !important;flex:
            0 0 4px !important;}
}
.jne-v1271-flip-safe .jne-book-page-left,.jne-v1271-flip-safe .jne-book-page-right,.jne-v1271-flip-safe .jne-v12-vector-page,.jne-v1271-flip-safe .jne-book-page-content,.jne-v1271-flip-safe .jne-book-entry,.jne-v1271-flip-safe .jne-guestbook-entry,.jne-v1271-flip-safe .jne-guestbook-form-panel,.jne-v1271-flip-safe .jne-book-page-number{
  backface-visibility:
        visible !important;
  -webkit-backface-visibility:
        visible !important;
}
.jne-v1271-paper-back{user-select:
        none !important;}
.jne-v1271-flip-safe .jne-v1271-turning .jne-book-page-content,.jne-v1271-flip-safe .jne-v1271-turning .jne-guestbook-entry,.jne-v1271-flip-safe .jne-v1271-turning .jne-guestbook-form-panel{
  transform-style:
        preserve-3d !important;
  -webkit-transform-style:
        preserve-3d !important;
}
.jne-v1271-underlay{
  position:
        absolute !important;
  top:
        0 !important;
  bottom:
        0 !important;
  width:
        calc(50% - 3px) !important;
  opacity:
        0 !important;
  visibility:
        hidden !important;
  background:

        radial-gradient(
            ellipse at center top,

            rgba(255,255,255,.17),

            transparent 53%
        ),

        linear-gradient(
            180deg,

            #f5ecd7,

            #ede0c5
        )

        !important;
  box-shadow:

        inset 0 0 27px
            rgba(73,44,16,.07)

        !important;
}
.jne-v1271-restored-paper{
  position:
        absolute !important;
  inset:
        0 !important;
  width:
        100% !important;
  height:
        100% !important;
  z-index:
        1 !important;
  pointer-events:
        none !important;
}
.jne-v1271-flip-safe:not(.jne-v1271-turning) .jne-book-page-left,.jne-v1271-flip-safe:not(.jne-v1271-turning) .jne-book-page-right,.jne-v1271-flip-safe:not(.jne-v1271-turning) .jne-book-page-content,.jne-v1271-flip-safe:not(.jne-v1271-turning) .jne-guestbook-entry,.jne-v1271-flip-safe:not(.jne-v1271-turning) .jne-guestbook-form-panel{
  backface-visibility:
        visible !important;
  -webkit-backface-visibility:
        visible !important;
}
@media ( min-width: 761px ) and ( max-width: 1100px ){
.jne-v1271-underlay{width:
            calc(50% - 2px)
            !important;}
}
.jne-v1272-gutter-enabled .jne-book-spread{position:
        relative !important;isolation:
        isolate !important;}
.jne-v1272-gutter-fill{
  position:
        absolute !important;
  left:
        50% !important;
  top:
        2px !important;
  bottom:
        5px !important;
  width:
        34px !important;
  transform:
        translateX(-50%)
        !important;
  pointer-events:
        none !important;
  user-select:
        none !important;
  background:

        linear-gradient(
            90deg,

            rgba(130,94,49,.17) 0%,

            rgba(218,199,163,.78) 8%,

            #eee2cb 20%,

            #f4ead7 34%,

            #eadcc2 43%,

            #d5c09d 48%,

            #c8ad82 50%,

            #d5c09d 52%,

            #eadcc2 57%,

            #f4ead7 66%,

            #eee2cb 80%,

            rgba(218,199,163,.78) 92%,

            rgba(130,94,49,.17) 100%
        )

        !important;
  border-radius:

        44% 44% 32% 32% /
        2% 2% 3% 3%

        !important;
  box-shadow:

        inset 7px 0 11px
            rgba(80,48,18,.11),

        inset -7px 0 11px
            rgba(80,48,18,.11),

        inset 0 0 5px
            rgba(255,255,255,.18)

        !important;
}
.jne-v1272-gutter-fill::before{
  content:
        "";
  position:
        absolute;
  left:
        50%;
  top:
        0;
  bottom:
        0;
  width:
        3px;
  transform:
        translateX(-50%);
  border-radius:
        50%;
  background:

        linear-gradient(
            90deg,

            rgba(87,57,29,.14),

            rgba(73,44,19,.29) 45%,

            rgba(60,34,13,.34) 50%,

            rgba(73,44,19,.29) 55%,

            rgba(87,57,29,.14)
        );
  box-shadow:

        -4px 0 8px
            rgba(72,43,17,.08),

        4px 0 8px
            rgba(72,43,17,.08);
}
.jne-v1272-gutter-fill::after{
  content:
        "";
  position:
        absolute;
  left:
        6px;
  right:
        6px;
  top:
        5px;
  height:
        18%;
  background:

        radial-gradient(
            ellipse at center top,

            rgba(255,255,255,.18),

            transparent 73%
        );
  opacity:
        .65;
  pointer-events:
        none;
}
.jne-v1272-gutter-enabled .jne-book-page-left,.jne-v1272-gutter-enabled .jne-book-page-right{
  position:
        relative !important;
  z-index:
        25 !important;
}
.jne-v1272-gutter-enabled.jne-v1271-turning .jne-v1272-gutter-fill{opacity:
        1 !important;visibility:
        visible !important;}
.jne-v1272-gutter-fill{filter:

        drop-shadow(
            0 2px 1px
            rgba(50,28,9,.10)
        )

        !important;}
@media (min-width: 1101px){
.jne-v1272-gutter-fill{width:
            36px !important;}
}
@media ( min-width: 761px ) and ( max-width: 1100px ){
.jne-v1272-gutter-fill{width:
            29px !important;top:
            2px !important;bottom:
            4px !important;}
  .jne-v1272-gutter-fill::before{width:
            2px;}
}
@media (max-width: 760px){
.jne-v1272-gutter-fill{display:
            none !important;}
}
.jne-v1271-flip-safe,.jne-v1271-flip-safe .jne-book-spread,.jne-v1271-flip-safe .jne-book-page,.jne-v1271-flip-safe .jne-book-page-left,.jne-v1271-flip-safe .jne-book-page-right{
  transform-style:
        preserve-3d !important;
  -webkit-transform-style:
        preserve-3d !important;
}
.jne-v1271-flip-safe .jne-book-spread{perspective:
        2200px !important;-webkit-perspective:
        2200px !important;}
.jne-v1271-flip-safe .jne-book-page-left,.jne-v1271-flip-safe .jne-book-page-right{position:
        relative !important;}
.jne-v1271-underlay{z-index:
        32 !important;display:
        block !important;pointer-events:
        none !important;}
.jne-v1271-flip-safe .jne-v1271-turning .jne-v1271-underlay{opacity:
        1 !important;visibility:
        visible !important;}
.jne-v1271-underlay-left{
  left:
        0 !important;
  right:
        auto !important;
  width:
        calc(50% + 2px) !important;
  background:

        linear-gradient(
            90deg,

            rgba(93,62,29,.08) 0%,

            #eee2ca 5%,

            #f5ead5 31%,

            #f4ead5 70%,

            #e6d6ba 89%,

            #c3a477 97%,

            #947044 100%
        )

        !important;
}
.jne-v1271-underlay-right{
  right:
        0 !important;
  left:
        auto !important;
  width:
        calc(50% + 2px) !important;
  background:

        linear-gradient(
            90deg,

            #947044 0%,

            #c3a477 3%,

            #e6d6ba 11%,

            #f4ead5 30%,

            #f5ead5 69%,

            #eee2ca 95%,

            rgba(93,62,29,.08) 100%
        )

        !important;
}
.jne-v1271-paper-back{
  display:
        block !important;
  position:
        absolute !important;
  inset:
        0 !important;
  width:
        100% !important;
  height:
        100% !important;
  z-index:
        9999 !important;
  pointer-events:
        none !important;
  transform:
        rotateY(180deg)
        translateZ(3px)
        !important;
  -webkit-transform:
        rotateY(180deg)
        translateZ(3px)
        !important;
  transform-origin:
        center center !important;
  backface-visibility:
        hidden !important;
  -webkit-backface-visibility:
        hidden !important;
  opacity:
        1 !important;
  visibility:
        visible !important;
  background:

        radial-gradient(
            ellipse at 54% 8%,

            rgba(255,255,255,.22) 0%,

            rgba(255,255,255,.06) 38%,

            transparent 67%
        ),

        radial-gradient(
            ellipse at 49% 102%,

            rgba(112,73,30,.12),

            transparent 53%
        ),

        repeating-linear-gradient(
            0deg,

            rgba(75,52,27,.016) 0px,

            rgba(75,52,27,.016) 1px,

            transparent 1px,

            transparent 4px
        ),

        linear-gradient(
            180deg,

            #f7eed9 0%,

            #f2e7cf 47%,

            #ecddc0 100%
        )

        !important;
  box-shadow:

        inset 0 0 30px
            rgba(74,45,16,.075),

        inset 0 -18px 28px
            rgba(85,52,18,.045)

        !important;
}
.jne-v1271-paper-back-right{
  background:

        linear-gradient(
            90deg,

            rgba(42,23,7,.23) 0%,

            rgba(95,62,28,.12) 7%,

            transparent 20%,

            transparent 87%,

            rgba(96,64,31,.08) 100%
        ),

        radial-gradient(
            ellipse at center top,

            rgba(255,255,255,.17),

            transparent 63%
        ),

        linear-gradient(
            180deg,

            #f6ecd6 0%,

            #efe2c7 100%
        )

        !important;
}
.jne-v1271-paper-back-left{
  background:

        linear-gradient(
            90deg,

            rgba(96,64,31,.08) 0%,

            transparent 13%,

            transparent 80%,

            rgba(95,62,28,.12) 93%,

            rgba(42,23,7,.23) 100%
        ),

        radial-gradient(
            ellipse at center top,

            rgba(255,255,255,.17),

            transparent 63%
        ),

        linear-gradient(
            180deg,

            #f6ecd6 0%,

            #efe2c7 100%
        )

        !important;
}
.jne-v1271-flip-safe .jne-book-page-content,.jne-v1271-flip-safe .jne-book-entry,.jne-v1271-flip-safe .jne-guestbook-entry,.jne-v1271-flip-safe .jne-guestbook-form-panel,.jne-v1271-flip-safe .jne-book-page-number{
  position:
        relative !important;
  z-index:
        500 !important;
}
.jne-v1271-flip-safe .jne-v1271-turning.jne-v1271-turn-next .jne-book-page-right .jne-book-page-content,.jne-v1271-flip-safe .jne-v1271-turning.jne-v1271-turn-next .jne-book-page-right .jne-book-entry,.jne-v1271-flip-safe .jne-v1271-turning.jne-v1271-turn-next .jne-book-page-right .jne-guestbook-entry,.jne-v1271-flip-safe .jne-v1271-turning.jne-v1271-turn-next .jne-book-page-right .jne-guestbook-form-panel,.jne-v1271-flip-safe .jne-v1271-turning.jne-v1271-turn-prev .jne-book-page-left .jne-book-page-content,.jne-v1271-flip-safe .jne-v1271-turning.jne-v1271-turn-prev .jne-book-page-left .jne-book-entry,.jne-v1271-flip-safe .jne-v1271-turning.jne-v1271-turn-prev .jne-book-page-left .jne-guestbook-entry,.jne-v1271-flip-safe .jne-v1271-turning.jne-v1271-turn-prev .jne-book-page-left .jne-guestbook-form-panel{
  backface-visibility:
        hidden !important;
  -webkit-backface-visibility:
        hidden !important;
}
.jne-v1271-flip-safe .jne-v12-paper-svg,.jne-v1271-flip-safe .jne-v1271-restored-paper{
  position:
        absolute !important;
  z-index:
        20 !important;
  backface-visibility:
        hidden !important;
  -webkit-backface-visibility:
        hidden !important;
}
.jne-v1272-gutter-fill{z-index:
        35 !important;}
.jne-v1271-flip-safe .jne-book-page-left,.jne-v1271-flip-safe .jne-book-page-right{z-index:
        40 !important;}
.jne-v1271-flip-safe.jne-v1271-turning .jne-book-spread{
  background:

        linear-gradient(
            90deg,

            #efe2c8 0%,

            #f4ead6 47.7%,

            #c1a479 49.4%,

            #ad8b5f 50%,

            #c1a479 50.6%,

            #f4ead6 52.3%,

            #efe2c8 100%
        )

        !important;
}
.jne-v1271-flip-safe:not(.jne-v1271-turning) .jne-book-spread{background:
        revert;}
@media ( min-width: 761px ) and ( max-width: 1100px ){
.jne-v1271-underlay-left,.jne-v1271-underlay-right{width:
            calc(50% + 3px)
            !important;}
}
@media (max-width: 760px){
.jne-v1271-underlay-left{display:
            none !important;}
  .jne-v1271-underlay-right{left:
            0 !important;right:
            0 !important;width:
            100% !important;}
}
.jne-v128-binding-depth .jne-book-spread{
  overflow:
        visible !important;
  transform-style:
        preserve-3d !important;
  -webkit-transform-style:
        preserve-3d !important;
}
.jne-v128-binding-depth .jne-v1272-gutter-fill::after{pointer-events:
        none !important;}
.jne-v128-binding-depth .jne-book-page-left{transform-style:
        preserve-3d !important;-webkit-transform-style:
        preserve-3d !important;}
.jne-v128-fold-shade-left{
  position:
        absolute !important;
  top:
        0 !important;
  bottom:
        0 !important;
  z-index:
        70 !important;
  pointer-events:
        none !important;
  backface-visibility:
        hidden !important;
  -webkit-backface-visibility:
        hidden !important;
}
.jne-v128-binding-depth .jne-book-page-right{transform-style:
        preserve-3d !important;-webkit-transform-style:
        preserve-3d !important;}
.jne-v128-fold-shade-right{
  position:
        absolute !important;
  top:
        0 !important;
  bottom:
        0 !important;
  z-index:
        70 !important;
  pointer-events:
        none !important;
  backface-visibility:
        hidden !important;
  -webkit-backface-visibility:
        hidden !important;
}
.jne-v128-fold-ridge-left{
  position:
        absolute !important;
  top:
        2px !important;
  bottom:
        3px !important;
  right:
        0 !important;
  width:
        13px !important;
  z-index:
        72 !important;
  pointer-events:
        none !important;
  background:

        linear-gradient(
            90deg,

            rgba(239,226,200,.08) 0%,

            rgba(226,207,174,.16) 24%,

            rgba(195,166,124,.20) 48%,

            rgba(127,91,52,.17) 72%,

            rgba(74,44,19,.14) 100%
        )

        !important;
  border-radius:

        0 55% 55% 0 /
        0 3% 3% 0

        !important;
  box-shadow:

        inset -2px 0 3px
            rgba(55,31,12,.10),

        2px 0 4px
            rgba(37,19,6,.12)

        !important;
  backface-visibility:
        hidden !important;
  -webkit-backface-visibility:
        hidden !important;
}
.jne-v128-fold-ridge-right{
  position:
        absolute !important;
  top:
        3px !important;
  bottom:
        2px !important;
  left:
        0 !important;
  width:
        11px !important;
  z-index:
        72 !important;
  pointer-events:
        none !important;
  background:

        linear-gradient(
            90deg,

            rgba(74,44,19,.14) 0%,

            rgba(127,91,52,.17) 28%,

            rgba(195,166,124,.20) 52%,

            rgba(226,207,174,.16) 76%,

            rgba(239,226,200,.08) 100%
        )

        !important;
  border-radius:

        55% 0 0 55% /
        3% 0 0 3%

        !important;
  box-shadow:

        inset 2px 0 3px
            rgba(55,31,12,.10),

        -2px 0 4px
            rgba(37,19,6,.11)

        !important;
  backface-visibility:
        hidden !important;
  -webkit-backface-visibility:
        hidden !important;
}
.jne-v128-binding-depth .jne-v128-fold-shade-left{
  transform:
        scaleX(.96)
        translateX(1px)
        !important;
  transform-origin:
        right center
        !important;
}
.jne-v128-binding-depth .jne-v128-fold-shade-right{
  transform:
        scaleX(1.03)
        translateX(-1px)
        !important;
  transform-origin:
        left center
        !important;
}
@media ( min-width: 761px ) and ( max-width: 1100px ){
.jne-v128-fold-ridge-left{width:
            10px !important;}
  .jne-v128-fold-ridge-right{width:
            9px !important;}
}
.jne-v128-binding-depth .jne-v128-fold-ridge-left,.jne-v128-binding-depth .jne-v128-fold-ridge-right{display:
        none !important;}
.jne-v128-binding-depth .jne-book-page-left::after{
  content:
        "" !important;
  position:
        absolute !important;
  top:
        0 !important;
  bottom:
        0 !important;
  right:
        8px !important;
  width:
        23px !important;
  z-index:
        69 !important;
  pointer-events:
        none !important;
  background:

        linear-gradient(
            90deg,

            transparent,

            rgba(255,246,223,.04) 40%,

            rgba(255,244,217,.10) 74%,

            rgba(255,239,205,.08) 100%
        )

        !important;
}
.jne-v128-binding-depth .jne-book-page-right::after{
  content:
        "" !important;
  position:
        absolute !important;
  top:
        0 !important;
  bottom:
        0 !important;
  left:
        8px !important;
  width:
        25px !important;
  z-index:
        69 !important;
  pointer-events:
        none !important;
  background:

        linear-gradient(
            90deg,

            rgba(255,239,205,.08) 0%,

            rgba(255,244,217,.10) 26%,

            rgba(255,246,223,.04) 60%,

            transparent 100%
        )

        !important;
}
.jne-v128-binding-depth .jne-v1272-gutter-fill{visibility:
        visible !important;opacity:
        1 !important;}
@media (min-width: 1101px){
.jne-v128-fold-shade-left{width:
            78px !important;}
  .jne-v128-fold-shade-right{width:
            84px !important;}
}
.jne-v128-binding-depth .jne-v1272-gutter-fill{
  position:
        absolute !important;
  left:
        50% !important;
  width:
        46px !important;
  top:
        0 !important;
  bottom:
        2px !important;
  transform:
        translateX(-50%)
        translateZ(.5px)
        !important;
  z-index:
        36 !important;
  border-radius:
        0 !important;
  background:

        linear-gradient(
            90deg,

            rgba(239,228,207,.96) 0%,

            rgba(238,226,204,.98) 12%,

            rgba(231,216,190,.98) 24%,

            rgba(210,188,154,.96) 35%,

            rgba(170,139,100,.83) 42%,

            rgba(115,82,48,.72) 47%,

            rgba(70,44,24,.74) 49%,

            rgba(55,33,18,.80) 50%,

            rgba(70,44,24,.74) 51%,

            rgba(115,82,48,.72) 53%,

            rgba(170,139,100,.83) 58%,

            rgba(210,188,154,.96) 65%,

            rgba(231,216,190,.98) 76%,

            rgba(238,226,204,.98) 88%,

            rgba(239,228,207,.96) 100%
        )

        !important;
  box-shadow:

        inset 15px 0 18px
            rgba(255,246,226,.10),

        inset -15px 0 18px
            rgba(255,246,226,.10),

        -9px 0 15px
            rgba(74,47,24,.07),

        9px 0 15px
            rgba(74,47,24,.07)

        !important;
  filter:
        none !important;
  pointer-events:
        none !important;
}
.jne-v128-binding-depth .jne-v1272-gutter-fill::before{
  content:
        "" !important;
  position:
        absolute !important;
  left:
        50% !important;
  top:
        0 !important;
  bottom:
        0 !important;
  width:
        2px !important;
  transform:
        translateX(-50%)
        !important;
  border-radius:
        50% !important;
  background:

        linear-gradient(
            90deg,

            rgba(53,32,17,.40),

            rgba(40,23,12,.70) 50%,

            rgba(53,32,17,.40)
        )

        !important;
  box-shadow:

        -3px 0 7px
            rgba(66,40,20,.12),

        3px 0 7px
            rgba(66,40,20,.12)

        !important;
  opacity:
        .82 !important;
}
.jne-v128-binding-depth .jne-v1272-gutter-fill::after{
  content:
        "" !important;
  position:
        absolute !important;
  left:
        4px !important;
  right:
        4px !important;
  top:
        0 !important;
  height:
        17% !important;
  background:

        radial-gradient(
            ellipse at center top,

            rgba(255,250,236,.14),

            transparent 72%
        )

        !important;
  opacity:
        .52 !important;
}
.jne-v128-fold-shade-left{
  display:
        block !important;
  right:
        0 !important;
  width:
        72px !important;
  background:

        linear-gradient(
            90deg,

            transparent 0%,

            rgba(92,60,30,.008) 28%,

            rgba(83,52,24,.020) 48%,

            rgba(72,42,18,.050) 67%,

            rgba(58,32,12,.10) 81%,

            rgba(45,23,7,.17) 92%,

            rgba(39,20,6,.22) 100%
        )

        !important;
  opacity:
        .72 !important;
  transform:
        none !important;
  box-shadow:
        none !important;
}
.jne-v128-fold-shade-right{
  display:
        block !important;
  left:
        0 !important;
  width:
        76px !important;
  background:

        linear-gradient(
            90deg,

            rgba(39,20,6,.21) 0%,

            rgba(45,23,7,.16) 8%,

            rgba(58,32,12,.095) 19%,

            rgba(72,42,18,.047) 33%,

            rgba(83,52,24,.019) 52%,

            rgba(92,60,30,.007) 72%,

            transparent 100%
        )

        !important;
  opacity:
        .70 !important;
  transform:
        none !important;
  box-shadow:
        none !important;
}
.jne-v128-fold-ridge-left,.jne-v128-fold-ridge-right{display:
        none !important;}
.jne-v128-binding-depth .jne-book-spread{position:
        relative !important;}
.jne-v128-binding-depth .jne-book-spread::before{
  content:
        "" !important;
  position:
        absolute !important;
  left:
        50% !important;
  top:
        1px !important;
  bottom:
        3px !important;
  width:
        54px !important;
  transform:
        translateX(-50%)
        !important;
  z-index:
        18 !important;
  pointer-events:
        none !important;
  background:

        linear-gradient(
            90deg,

            #eadcc2 0%,

            #eadcc2 24%,

            #ddc8a6 39%,

            #ba9667 47%,

            #88603a 50%,

            #ba9667 53%,

            #ddc8a6 61%,

            #eadcc2 76%,

            #eadcc2 100%
        )

        !important;
  opacity:
        .96 !important;
}
.jne-v128-binding-depth .jne-book-page-left,.jne-v128-binding-depth .jne-book-page-right{
  position:
        relative !important;
  z-index:
        40 !important;
}
.jne-v128-binding-depth .jne-book-page-content,.jne-v128-binding-depth .jne-book-entry,.jne-v128-binding-depth .jne-guestbook-entry,.jne-v128-binding-depth .jne-guestbook-form-panel,.jne-v128-binding-depth .jne-book-page-number{
  position:
        relative !important;
  z-index:
        500 !important;
}
.jne-v128-binding-depth .jne-v1271-turning .jne-v1272-gutter-fill,.jne-v128-binding-depth .jne-v1271-turning .jne-book-spread::before{
  opacity:
        1 !important;
  visibility:
        visible !important;
}
.jne-v128-binding-depth .jne-v1271-turning .jne-v128-fold-shade-left,.jne-v128-binding-depth .jne-v1271-turning .jne-v128-fold-shade-right{
  opacity:
        .48 !important;
}
@media (min-width: 1101px){
.jne-v128-binding-depth .jne-v1272-gutter-fill{width:
            46px !important;}
  .jne-v128-binding-depth .jne-book-spread::before{width:
            56px !important;}
}
@media ( min-width: 761px ) and ( max-width: 1100px ){
.jne-v128-binding-depth .jne-v1272-gutter-fill{width:
            38px !important;}
  .jne-v128-binding-depth .jne-book-spread::before{width:
            46px !important;}
  .jne-v128-fold-shade-left{width:
            55px !important;}
  .jne-v128-fold-shade-right{width:
            59px !important;}
}
@media (max-width: 760px){
.jne-v128-binding-depth .jne-v1272-gutter-fill,.jne-v128-binding-depth .jne-book-spread::before,.jne-v128-fold-shade-left,.jne-v128-fold-shade-right,.jne-v128-fold-ridge-left,.jne-v128-fold-ridge-right{
    display:
            none !important;
  }
}
.jne-twitch-live-host{position:
        relative !important;overflow:
        hidden !important;isolation:
        isolate !important;}
.jne-twitch-live-layer{
  position:
        absolute !important;
  inset:
        0 !important;
  z-index:
        100 !important;
  display:
        flex !important;
  align-items:
        stretch !important;
  justify-content:
        stretch !important;
  background:
        #020a10 !important;
  opacity:
        0 !important;
  pointer-events:
        none !important;
  visibility:
        visible !important;
  transition:

        opacity
        .42s
        ease

        !important;
}
.jne-twitch-live-host[ data-jne-twitch-live="1" ] .jne-twitch-live-layer{opacity:
        1 !important;pointer-events:
        auto !important;}
.jne-twitch-live-player{
  position:
        absolute !important;
  inset:
        0 !important;
  width:
        100% !important;
  height:
        100% !important;
  min-width:
        400px !important;
  min-height:
        300px !important;
  background:
        #000 !important;
}
.jne-twitch-live-player iframe{
  display:
        block !important;
  width:
        100% !important;
  height:
        100% !important;
  min-width:
        400px !important;
  min-height:
        300px !important;
  margin:
        0 !important;
  padding:
        0 !important;
  border:
        0 !important;
}
.jne-twitch-live-host > img{position:
        relative;z-index:
        1;}
@media ( min-width: 400px ) and ( max-width: 1100px ){
.jne-twitch-live-layer{transition-duration:
            .32s !important;}
}
@media (max-width: 399px){
.jne-twitch-live-layer{display:
            none !important;}
}
@media ( prefers-reduced-motion: reduce ){
.jne-twitch-live-layer{transition:
            none !important;}
}
.jne-more-areas-grid > .jne-more-areas-wide{grid-column: auto;}
@media (min-width: 1500px){
.jne-more-areas-grid{grid-template-columns: repeat(5, minmax(0, 1fr));}
  .jne-more-areas-grid .jne-card{min-height: 260px;}
  .jne-more-areas-grid .jne-card h3{font-size: 1.05rem;}
  .jne-more-areas-grid .jne-card p{font-size: .88rem;line-height: 1.55;}
  .jne-more-areas-grid .jne-card-link{font-size: .95rem;}
}
@media (min-width: 1100px) and (max-width: 1499px){
.jne-more-areas-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
  .jne-more-areas-grid .jne-card{min-height: 250px;}
}
@media (min-width: 760px) and (max-width: 1099px){
.jne-more-areas-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 759px){
.jne-more-areas-grid{grid-template-columns: 1fr;}
}
:root{--jne-sections-accent: #46CCED;--jne-sections-soft: #9eb6c5;}
.site-header .main-navigation{position: relative;overflow: visible !important;}
.site-header .main-navigation > .jne-nav-parent{padding-right: 27px;}
.site-header .main-navigation > .jne-nav-parent::after{
  content: "⌄";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-54%);
  font-size: .82em;
  line-height: 1;
  opacity: .78;
  pointer-events: none;
  transition:
        transform 180ms ease,
        opacity 180ms ease;
}
.site-header .main-navigation > .jne-nav-parent.is-submenu-open::after{transform:
        translateY(-43%)
        rotate(180deg);opacity: 1;}
.jne-nav-submenu{
  position: absolute;
  z-index: 10050;
  display: grid;
  min-width: 238px;
  top: var(--jne-submenu-top, 54px);
  left: var(--jne-submenu-left, 0px);
  gap: 3px;
  padding: 9px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  border: 1px solid rgba(70, 204, 237, .30);
  border-radius: 17px;
  background:
        radial-gradient(
            circle at 50% 0,
            rgba(70, 204, 237, .10),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            rgba(8, 36, 55, .995),
            rgba(3, 17, 28, .995)
        );
  box-shadow:
        0 22px 48px rgba(0, 0, 0, .35),
        inset 0 1px 0 rgba(255, 255, 255, .025);
  transition:
        opacity 170ms ease,
        transform 170ms ease,
        visibility 170ms ease;
}
.jne-nav-submenu.is-open{opacity: 1;visibility: visible;pointer-events: auto;transform: translateY(0);}
.site-header .main-navigation .jne-nav-submenu a{
  display: flex;
  width: 100%;
  min-height: 41px;
  padding: 9px 12px !important;
  align-items: center;
  justify-content: flex-start;
  border-radius: 10px !important;
  color: #dbeaf2 !important;
  background: transparent !important;
  transform: none !important;
  white-space: nowrap;
  text-align: left;
  font-size: .86rem;
  font-weight: 750;
  box-shadow: none !important;
}
.site-header .main-navigation .jne-nav-submenu a:hover,.site-header .main-navigation .jne-nav-submenu a:focus-visible,.site-header .main-navigation .jne-nav-submenu a.is-active{
  color: #041019 !important;
  background: var(--jne-primary) !important;
  transform: translateX(2px) !important;
}
.jne-hub,.jne-info-page,.jne-clips{width: min(1180px, 100%);margin-inline: auto;}
.jne-hub-intro{margin-bottom: 28px;}
.jne-hub-kicker{
  display: inline-flex;
  margin-bottom: 9px;
  color: var(--jne-sections-accent);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.jne-hub-intro h2,.jne-info-page h2{margin: 0 0 10px;color: var(--jne-text);font-size: clamp(2rem, 4vw, 3rem);line-height: 1.05;}
.jne-hub-intro p,.jne-info-page > p{max-width: 790px;margin: 0;color: var(--jne-sections-soft);font-size: 1.03rem;line-height: 1.7;}
.jne-hub-grid{display: grid;grid-template-columns:
        repeat(3, minmax(0, 1fr));gap: 18px;}
.jne-hub-grid-two{grid-template-columns:
        repeat(2, minmax(0, 1fr));}
.jne-hub-card{
  position: relative;
  display: grid;
  min-height: 150px;
  padding: 22px;
  grid-template-columns:
        auto minmax(0, 1fr) auto;
  gap: 15px;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(70, 204, 237, .24);
  border-radius: 21px;
  background:
        radial-gradient(
            circle at 0 0,
            rgba(70, 204, 237, .09),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            rgba(8, 35, 54, .96),
            rgba(4, 20, 32, .98)
        );
  color: inherit;
  text-decoration: none !important;
  box-shadow:
        0 18px 42px rgba(0, 0, 0, .14),
        inset 0 1px 0 rgba(255, 255, 255, .02);
  transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}
.jne-hub-card:hover{
  transform: translateY(-3px);
  border-color: rgba(70, 204, 237, .52);
  box-shadow:
        0 22px 48px rgba(0, 0, 0, .18),
        0 0 26px rgba(70, 204, 237, .055);
}
.jne-hub-card-icon{
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(70, 204, 237, .40);
  border-radius: 15px;
  background: rgba(70, 204, 237, .10);
  color: var(--jne-sections-accent);
  font-size: 1.35rem;
  font-weight: 900;
}
.jne-hub-card-copy{display: grid;gap: 7px;}
.jne-hub-card-copy strong{color: var(--jne-text);font-size: 1.08rem;}
.jne-hub-card-copy span{color: var(--jne-sections-soft);line-height: 1.55;}
.jne-hub-card-arrow{color: var(--jne-sections-accent);font-size: 1.35rem;font-weight: 900;}
.jne-info-placeholder{
  display: grid;
  gap: 6px;
  margin-top: 28px;
  padding: 22px;
  border: 1px solid rgba(70, 204, 237, .24);
  border-radius: 18px;
  background: rgba(7, 31, 48, .66);
}
.jne-info-placeholder strong{color: var(--jne-text);}
.jne-info-placeholder span{color: var(--jne-sections-soft);}
.jne-clip-player-shell{
  overflow: hidden;
  margin-bottom: 32px;
  border: 1px solid rgba(70, 204, 237, .32);
  border-radius: 23px;
  background:
        radial-gradient(
            circle at 50% 0,
            rgba(70, 204, 237, .09),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            rgba(7, 31, 49, .98),
            rgba(3, 17, 28, .99)
        );
  box-shadow:
        0 25px 55px rgba(0, 0, 0, .23);
}
.jne-clip-player-head{
  display: flex;
  gap: 18px;
  padding: 16px 19px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(70, 204, 237, .16);
}
.jne-clip-player-head > div{display: grid;gap: 2px;}
.jne-clip-player-head span{color: #839cab;font-size: .78rem;}
.jne-clip-player-head strong{color: #f0f9fc;}
.jne-clip-player-head a{color: var(--jne-sections-accent) !important;font-size: .86rem;font-weight: 850;text-decoration: none;}
.jne-clip-frame{position: relative;width: 100%;aspect-ratio: 16 / 9;background: #020b12;}
.jne-clip-frame iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0;}
.jne-clips-section-head{display: flex;gap: 18px;margin-bottom: 17px;align-items: flex-end;justify-content: space-between;}
.jne-clips-section-head > div{display: grid;gap: 4px;}
.jne-clips-section-head > div > span{color: var(--jne-sections-accent);font-size: .72rem;font-weight: 900;letter-spacing: .14em;}
.jne-clips-section-head h3{margin: 0;color: var(--jne-text);font-size: clamp(1.35rem, 2vw, 1.8rem);}
.jne-clips-count{
  padding: 7px 10px;
  border: 1px solid rgba(70, 204, 237, .18);
  border-radius: 999px;
  background: rgba(70, 204, 237, .06);
  color: #8eabb9;
  font-size: .77rem;
  white-space: nowrap;
}
.jne-clip-grid{display: grid;grid-template-columns:
        repeat(3, minmax(0, 1fr));gap: 16px;}
.jne-clip-card-auto{
  position: relative;
  display: grid;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(70, 204, 237, .18);
  border-radius: 18px;
  background:
        linear-gradient(
            145deg,
            rgba(7, 30, 47, .96),
            rgba(3, 18, 29, .99)
        );
  color: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow:
        0 14px 30px rgba(0, 0, 0, .12);
  transition:
        transform 170ms ease,
        border-color 170ms ease,
        box-shadow 170ms ease;
}
.jne-clip-card-auto:hover,.jne-clip-card-auto.is-active{
  transform: translateY(-3px);
  border-color: rgba(70, 204, 237, .54);
  box-shadow:
        0 20px 36px rgba(0, 0, 0, .20),
        0 0 20px rgba(70, 204, 237, .04);
}
.jne-clip-thumb{position: relative;display: block;width: 100%;aspect-ratio: 16 / 9;overflow: hidden;background: #020b12;}
.jne-clip-thumb::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
        linear-gradient(
            to top,
            rgba(2, 12, 20, .48),
            transparent 48%
        );
  pointer-events: none;
}
.jne-clip-thumb img{width: 100%;height: 100%;object-fit: cover;transition:
        transform 220ms ease,
        filter 220ms ease;}
.jne-clip-card-auto:hover .jne-clip-thumb img{transform: scale(1.035);filter: brightness(1.06);}
.jne-clip-card-play{
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 50%;
  background:
        rgba(4, 19, 30, .77);
  backdrop-filter: blur(6px);
  color: var(--jne-sections-accent);
  font-size: 1.05rem;
  box-shadow:
        0 8px 24px rgba(0, 0, 0, .30);
  transition:
        transform 170ms ease,
        background 170ms ease;
}
.jne-clip-card-auto:hover .jne-clip-card-play{
  transform:
        translate(-50%, -50%)
        scale(1.08);
  background:
        rgba(70, 204, 237, .16);
}
.jne-clip-card-copy{display: grid;min-width: 0;gap: 10px;padding: 15px 16px 16px;}
.jne-clip-card-copy strong{
  display: -webkit-box;
  overflow: hidden;
  min-height: 2.65em;
  color: var(--jne-text);
  font-size: .96rem;
  line-height: 1.32;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.jne-clip-meta{display: flex;gap: 7px 11px;flex-wrap: wrap;color: #8099a8;font-size: .74rem;}
.jne-clip-meta span{position: relative;}
.jne-clip-meta span:not(:last-child)::after{content: "•";margin-left: 11px;color: rgba(70, 204, 237, .50);}
.jne-clip-card.is-jne-hidden{display: none;}
.jne-clips-more-wrap{display: flex;margin-top: 24px;justify-content: center;}
.jne-clips-more{
  min-width: 220px;
  padding: 12px 20px;
  border: 1px solid rgba(70, 204, 237, .35);
  border-radius: 999px;
  background:
        rgba(70, 204, 237, .08);
  color: var(--jne-sections-accent);
  font-weight: 850;
  cursor: pointer;
  transition:
        transform 160ms ease,
        background 160ms ease,
        border-color 160ms ease;
}
.jne-clips-more:hover{transform: translateY(-2px);border-color: rgba(70, 204, 237, .58);background:
        rgba(70, 204, 237, .13);}
.jne-clips-empty{
  display: grid;
  gap: 7px;
  padding: 24px;
  border: 1px dashed rgba(70, 204, 237, .32);
  border-radius: 18px;
  background: rgba(6, 27, 42, .66);
}
.jne-clips-empty strong{color: var(--jne-text);}
.jne-clips-empty span{color: var(--jne-sections-soft);}
.jne-clips-sort-note{color: #7694a4;font-size: .75rem;font-weight: 700;}
.jne-clip-meta{line-height: 1.5;}
.jne-clip-meta span{white-space: normal;}
@media (max-width: 850px){
.site-header .main-navigation{overflow: hidden !important;}
  .site-header .main-navigation > .jne-nav-parent{padding-right: 38px !important;}
  .site-header .main-navigation > .jne-nav-parent::after{right: 16px;}
  .jne-nav-submenu{
    position: static;
    display: none;
    width: 100%;
    min-width: 0;
    margin: -2px 0 4px;
    padding: 7px;
    gap: 4px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    border: 1px solid rgba(70, 204, 237, .16);
    border-radius: 13px;
    background: rgba(2, 16, 27, .56);
    box-shadow: none;
  }
  .jne-nav-submenu.is-open{display: grid;}
  .site-header .main-navigation .jne-nav-submenu a{
    min-height: 40px;
    padding: 8px 13px !important;
    justify-content: center !important;
    text-align: center;
    font-size: .82rem;
  }
  .jne-hub-grid,.jne-hub-grid-two{grid-template-columns: 1fr;}
  .jne-clip-grid{grid-template-columns:
            repeat(2, minmax(0, 1fr));}
}
@media (max-width: 620px){
.jne-hub-card{min-height: 0;padding: 18px;}
  .jne-clip-player-head,.jne-clips-section-head{align-items: flex-start;flex-direction: column;}
  .jne-clip-grid{grid-template-columns: 1fr;}
  .jne-clips-count{white-space: normal;}
}
.jne-box{
  margin: 22px 0;
  padding: 20px 22px;
  border: 1px solid rgba(70, 204, 237, .24);
  border-radius: 18px;
  background: rgba(5, 28, 44, .72);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .10);
}
.jne-box-title{margin: 0 0 14px !important;color: #f4fbff;font-size: 1.35rem;line-height: 1.25;}
.jne-box-content{color: #a5bdca;line-height: 1.65;}
.jne-box-content > :first-child{margin-top: 0 !important;}
.jne-box-content > :last-child{margin-bottom: 0 !important;}
.jne-box-content p{margin-top: 0;margin-bottom: 14px;}
.jne-box-content ul,.jne-box-content ol{margin-top: 0;margin-bottom: 0;padding-left: 1.25rem;}
.jne-box-content li + li{margin-top: 7px;}
.jne-box-content strong{color: #f4fbff;}
.jne-box-content a{color: #46CCED;font-weight: 700;text-decoration: none;overflow-wrap: anywhere;}
.jne-box-content a:hover{text-decoration: underline;}
.jne-box table.jne-fakten{
  width: auto !important;
  max-width: 100%;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  background: transparent !important;
}
.jne-box table.jne-fakten tbody,.jne-box table.jne-fakten tr{border: 0 !important;background: transparent !important;}
.jne-box table.jne-fakten td{padding: 0 !important;border: 0 !important;background: transparent !important;vertical-align: top;}
.jne-box table.jne-fakten td:first-child{min-width: 170px;padding-right: 24px !important;color: #f4fbff;}
.jne-box table.jne-fakten td:last-child{color: #a5bdca;white-space: nowrap;}
@media (max-width: 760px){
.jne-box{padding: 17px 18px;border-radius: 15px;}
  .jne-box-title{font-size: 1.22rem;}
  .jne-box table.jne-fakten td:first-child{min-width: 140px;padding-right: 16px !important;}
}
.jne-context-submenu{position: fixed;z-index: 45;top: 50%;right: 18px;transform: translateY(-50%);width: 230px;pointer-events: none;}
.jne-context-submenu-inner{
  overflow: hidden;
  border: 1px solid rgba(70, 204, 237, .22);
  border-radius: 18px;
  background:
        linear-gradient(
            180deg,
            rgba(8, 43, 64, .97),
            rgba(4, 27, 43, .985)
        );
  box-shadow:
        0 20px 48px rgba(0, 0, 0, .26),
        inset 0 1px 0 rgba(255, 255, 255, .025);
  pointer-events: auto;
}
.jne-context-submenu-parent{
  display: block;
  padding: 17px 18px 15px;
  border-bottom: 1px solid rgba(70, 204, 237, .13);
  color: #f4fbff !important;
  text-decoration: none !important;
}
.jne-context-submenu-kicker{display: block;margin-bottom: 4px;color: #46CCED;font-size: .68rem;font-weight: 900;letter-spacing: .14em;}
.jne-context-submenu-parent strong{display: block;color: #f4fbff;font-size: .98rem;line-height: 1.3;}
.jne-context-submenu-nav{display: grid;padding: 8px;}
.jne-context-submenu-item{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 45px;
  padding: 10px 11px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: #b9ced8 !important;
  text-decoration: none !important;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.3;
  transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease;
}
.jne-context-submenu-item:hover{
  transform: translateX(-2px);
  border-color: rgba(70, 204, 237, .18);
  background: rgba(70, 204, 237, .07);
  color: #f3fbff !important;
}
.jne-context-submenu-item.is-active{
  border-color: rgba(70, 204, 237, .42);
  background:
        linear-gradient(
            90deg,
            rgba(70, 204, 237, .19),
            rgba(70, 204, 237, .07)
        );
  color: #ffffff !important;
  box-shadow:
        inset 3px 0 0 #46CCED;
}
.jne-context-submenu-arrow{color: #46CCED;font-size: .95rem;font-weight: 900;}
@media (max-width: 1000px){
.jne-context-submenu{
    position: relative;
    z-index: 3;
    top: auto;
    right: auto;
    width: min(
            calc(100% - 32px),
            760px
        );
    margin: 18px auto 24px;
  }
  .jne-context-submenu-inner{border-radius: 15px;}
  .jne-context-submenu-parent{padding: 13px 15px 11px;}
  .jne-context-submenu-nav{grid-template-columns: 1fr;padding: 7px;}
  .jne-context-submenu-item{min-height: 42px;}
}
@media (max-width: 1380px) and (min-width: 1001px){
.jne-context-submenu{right: 12px;width: 205px;}
  .jne-context-submenu-item{font-size: .76rem;}
}
:root{
  --jne-privacy-accent: #46CCED;
  --jne-privacy-bg: #041522;
  --jne-privacy-bg-2: #072337;
  --jne-privacy-line: rgba(70, 204, 237, .30);
  --jne-privacy-text: #eefaff;
  --jne-privacy-soft: #9db7c6;
}
.jne-twitch-consent-shell{
  position: relative;
  width: 100%;
  min-height: 300px;
  overflow: hidden;
  border-radius: inherit;
  background:
        radial-gradient(
            circle at 50% 0,
            rgba(70, 204, 237, .08),
            transparent 44%
        ),
        linear-gradient(
            145deg,
            #061d2d,
            #020d15
        );
}
.jne-clip-frame.jne-twitch-consent-shell{min-height: 0;}
.jne-twitch-consent-shell > iframe{width: 100%;height: 100%;}
.jne-twitch-consent-placeholder[hidden],.jne-twitch-consent-shell > iframe[hidden]{display: none !important;}
.jne-twitch-consent-placeholder{
  position: absolute;
  z-index: 5;
  inset: 0;
  display: grid;
  padding: 24px;
  place-items: center;
  background:
        radial-gradient(
            circle at 50% 35%,
            rgba(70, 204, 237, .08),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(6, 30, 47, .985),
            rgba(2, 14, 23, .995)
        );
}
.jne-twitch-consent-card{
  display: grid;
  width: min(650px, 100%);
  gap: 13px;
  padding: clamp(18px, 3vw, 28px);
  text-align: center;
  border: 1px solid var(--jne-privacy-line);
  border-radius: 20px;
  background:
        rgba(4, 22, 35, .90);
  box-shadow:
        0 22px 50px rgba(0, 0, 0, .28);
}
.jne-twitch-consent-icon{
  display: grid;
  width: 52px;
  height: 52px;
  margin-inline: auto;
  place-items: center;
  border: 1px solid rgba(70, 204, 237, .38);
  border-radius: 50%;
  background:
        rgba(70, 204, 237, .10);
  color: var(--jne-privacy-accent);
  font-size: 1.25rem;
}
.jne-twitch-consent-card strong{color: var(--jne-privacy-text);font-size: 1.12rem;}
.jne-twitch-consent-card p{margin: 0;color: var(--jne-privacy-soft);line-height: 1.62;}
.jne-twitch-consent-note{font-size: .82rem;}
.jne-twitch-consent-actions{display: grid;grid-template-columns:
        repeat(2, minmax(0, 1fr));gap: 10px;margin-top: 3px;}
.jne-twitch-consent-button,.jne-twitch-disconnect{
  min-height: 42px;
  padding: 10px 15px;
  border: 1px solid rgba(70, 204, 237, .34);
  border-radius: 12px;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
  transition:
        transform 160ms ease,
        border-color 160ms ease,
        background 160ms ease;
}
.jne-twitch-consent-button:hover,.jne-twitch-disconnect:hover{transform: translateY(-1px);border-color: rgba(70, 204, 237, .62);}
.jne-twitch-consent-button-accept{color: #041019;background: var(--jne-privacy-accent);}
.jne-twitch-consent-button-decline{color: var(--jne-privacy-text);background: rgba(255, 255, 255, .045);}
.jne-twitch-consent-links{display: flex;gap: 7px 14px;flex-wrap: wrap;justify-content: center;font-size: .78rem;}
.jne-twitch-consent-links a{color: var(--jne-privacy-accent) !important;}
.jne-twitch-disconnect{
  position: absolute;
  z-index: 8;
  right: 12px;
  top: 12px;
  min-height: 34px;
  padding: 7px 10px;
  color: #e5f8ff;
  background: rgba(4, 21, 33, .88);
  backdrop-filter: blur(7px);
  font-size: .75rem;
}
body.jne-privacy-modal-open{overflow: hidden;}
.jne-privacy-modal[hidden]{display: none !important;}
.jne-privacy-modal{position: fixed;z-index: 999999;inset: 0;display: grid;padding: 22px;place-items: center;}
.jne-privacy-modal-backdrop{position: absolute;inset: 0;background:
        rgba(0, 8, 14, .80);backdrop-filter: blur(8px);}
.jne-privacy-modal-dialog{
  position: relative;
  z-index: 2;
  width: min(850px, 100%);
  max-height: min(820px, 90vh);
  padding: clamp(22px, 4vw, 36px);
  overflow: auto;
  border: 1px solid var(--jne-privacy-line);
  border-radius: 24px;
  outline: none;
  background:
        radial-gradient(
            circle at 50% 0,
            rgba(70, 204, 237, .10),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            #08243a,
            #03131f
        );
  box-shadow:
        0 30px 80px rgba(0, 0, 0, .48);
}
.jne-privacy-modal-x{
  position: absolute;
  right: 16px;
  top: 14px;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(70, 204, 237, .22);
  border-radius: 50%;
  background: rgba(255, 255, 255, .04);
  color: #eaf9ff;
  font-size: 1.4rem;
  cursor: pointer;
}
.jne-privacy-modal-kicker{
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--jne-privacy-accent);
  font-size: .73rem;
  font-weight: 900;
  letter-spacing: .16em;
}
.jne-privacy-modal-dialog h2{margin: 0 46px 10px 0;color: var(--jne-privacy-text);font-size: clamp(1.55rem, 4vw, 2.25rem);}
.jne-privacy-modal-dialog > p{color: var(--jne-privacy-soft);line-height: 1.65;}
.jne-privacy-modal-grid{display: grid;grid-template-columns:
        repeat(2, minmax(0, 1fr));gap: 12px;margin-top: 20px;}
.jne-privacy-modal-grid > div{
  display: grid;
  gap: 6px;
  padding: 15px;
  border: 1px solid rgba(70, 204, 237, .16);
  border-radius: 14px;
  background: rgba(2, 16, 26, .44);
}
.jne-privacy-modal-grid strong{color: var(--jne-privacy-text);}
.jne-privacy-modal-grid span{color: var(--jne-privacy-soft);line-height: 1.52;}
.jne-privacy-modal-law{padding: 13px 15px;border-left: 3px solid var(--jne-privacy-accent);background: rgba(70, 204, 237, .05);font-size: .88rem;}
.jne-privacy-modal-actions{display: flex;gap: 10px;margin-top: 22px;flex-wrap: wrap;justify-content: flex-end;}
.jne-privacy-button{
  display: inline-flex;
  min-height: 43px;
  padding: 10px 16px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(70, 204, 237, .34);
  border-radius: 12px;
  font: inherit;
  font-weight: 850;
  text-decoration: none !important;
  cursor: pointer;
}
.jne-privacy-button-primary{color: #041019 !important;background: var(--jne-privacy-accent);}
.jne-privacy-button-secondary{color: var(--jne-privacy-text);background: rgba(255, 255, 255, .04);}
.jne-privacy-page{display: grid;gap: 24px;}
.jne-privacy-page .jne-privacy-lead{
  padding: 20px 22px;
  border: 1px solid rgba(70, 204, 237, .24);
  border-radius: 18px;
  background:
        rgba(70, 204, 237, .055);
}
.jne-privacy-page .jne-privacy-lawbox{padding: 16px 18px;border-left: 3px solid var(--jne-privacy-accent);background: rgba(70, 204, 237, .04);}
.jne-privacy-page h2{margin-bottom: 8px;}
.jne-privacy-page h3{margin-bottom: 6px;}
.jne-privacy-page ul{margin-top: 8px;}
.jne-privacy-page a{overflow-wrap: anywhere;}
@media (max-width: 680px){
.jne-twitch-consent-actions,.jne-privacy-modal-grid{grid-template-columns: 1fr;}
  .jne-privacy-modal{padding: 10px;}
  .jne-privacy-modal-dialog{max-height: 94vh;padding: 22px 17px;border-radius: 18px;}
  .jne-privacy-modal-actions{display: grid;grid-template-columns: 1fr;}
  .jne-twitch-consent-shell:has( > .jne-twitch-consent-placeholder:not([hidden]) ){
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }
  .jne-twitch-consent-placeholder:not([hidden]){
    position: relative !important;
    inset: auto !important;
    width: 100%;
    min-height: 0 !important;
    padding: 14px !important;
    place-items: stretch;
  }
  .jne-twitch-consent-card{width: 100%;max-width: none;gap: 10px;padding: 16px 14px;border-radius: 16px;}
  .jne-twitch-consent-icon{width: 46px;height: 46px;font-size: 1.05rem;}
  .jne-twitch-consent-card strong{font-size: 1.05rem;}
  .jne-twitch-consent-card p{font-size: .91rem;line-height: 1.5;}
  .jne-twitch-consent-note{font-size: .78rem !important;}
  .jne-twitch-consent-actions{grid-template-columns: 1fr;gap: 8px;margin-top: 2px;}
  .jne-twitch-consent-button{width: 100%;min-height: 46px;padding: 11px 12px;}
  .jne-twitch-consent-links{gap: 5px 12px;font-size: .75rem;}
  .jne-twitch-consent-shell:has( > iframe:not([hidden]) ){
    position: relative;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
  }
  .jne-twitch-consent-shell > iframe:not([hidden]){
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9;
  }
  .jne-twitch-disconnect{right: 8px;top: 8px;min-height: 32px;padding: 6px 8px;font-size: .70rem;}
}
#jne-main-navigation.main-navigation > a#jne-login-account-menu-link:not(.is-active):not(.active):not([aria-current="page"]):not([data-jne-selected="true"]):not(:hover):not(:focus-visible),#jne-main-navigation.main-navigation > a[data-jne-login-account-link]:not(.is-active):not(.active):not([aria-current="page"]):not([data-jne-selected="true"]):not(:hover):not(:focus-visible){
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
#jne-main-navigation.main-navigation > a#jne-login-account-menu-link:hover,#jne-main-navigation.main-navigation > a#jne-login-account-menu-link:focus-visible,#jne-main-navigation.main-navigation > a#jne-login-account-menu-link[data-jne-selected="true"],#jne-main-navigation.main-navigation > a#jne-login-account-menu-link.is-active,#jne-main-navigation.main-navigation > a#jne-login-account-menu-link.active,#jne-main-navigation.main-navigation > a#jne-login-account-menu-link[aria-current="page"],#jne-main-navigation.main-navigation > a[data-jne-login-account-link]:hover,#jne-main-navigation.main-navigation > a[data-jne-login-account-link]:focus-visible,#jne-main-navigation.main-navigation > a[data-jne-login-account-link][data-jne-selected="true"],#jne-main-navigation.main-navigation > a[data-jne-login-account-link].is-active,#jne-main-navigation.main-navigation > a[data-jne-login-account-link].active,#jne-main-navigation.main-navigation > a[data-jne-login-account-link][aria-current="page"]{
  color: #041019 !important;
  -webkit-text-fill-color: #041019 !important;
  opacity: 1 !important;
}
@media (max-width: 850px){
#jne-main-navigation.main-navigation > a#jne-login-account-menu-link,#jne-main-navigation.main-navigation > a[data-jne-login-account-link]{
    width: 100% !important;
  }
}
a[data-jne-login-account-link],#jne-login-account-menu-link,li[data-jne-login-account-item] > a,#jne-login-account-menu-item > a,a[data-jne-login-account-link] *,#jne-login-account-menu-link *,li[data-jne-login-account-item] > a *,#jne-login-account-menu-item > a *{
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
}
a[data-jne-login-account-link].active,a[data-jne-login-account-link][aria-current="page"],#jne-login-account-menu-link.active,#jne-login-account-menu-link[aria-current="page"],li[data-jne-login-account-item].active > a,li[data-jne-login-account-item].current-menu-item > a,li[data-jne-login-account-item].current_page_item > a,#jne-login-account-menu-item.active > a,#jne-login-account-menu-item.current-menu-item > a,#jne-login-account-menu-item.current_page_item > a{
  color: #041019 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #041019 !important;
}
a[data-jne-login-account-link].active *,a[data-jne-login-account-link][aria-current="page"] *,#jne-login-account-menu-link.active *,#jne-login-account-menu-link[aria-current="page"] *{
  color: #041019 !important;
  -webkit-text-fill-color: #041019 !important;
}
:root{
  --jne-cookie-cyan: #46CCED;
  --jne-cookie-navy: #052F4A;
  --jne-cookie-deep: #061523;
  --jne-cookie-panel: #0A1C2D;
  --jne-cookie-panel-2: #0D2539;
  --jne-cookie-text: #F4FBFF;
  --jne-cookie-soft: #A5BDCA;
  --jne-cookie-dark-text: #041019;
  --jne-cookie-border: rgba(70, 204, 237, .30);
}
.jne-cookie-consent,.jne-cookie-settings,.jne-cookie-reopen{font-family: inherit;}
.jne-cookie-consent[hidden],.jne-cookie-settings[hidden],.jne-cookie-reopen[hidden]{display: none !important;}
.jne-cookie-consent{position: fixed;z-index: 999980;left: 0;right: 0;bottom: 0;padding: 0 18px 18px;pointer-events: none;}
.jne-cookie-consent-inner{
  width: min(1440px, 100%);
  margin: 0 auto;
  padding: 24px 28px 18px;
  border: 1px solid var(--jne-cookie-border);
  border-bottom-color: rgba(70, 204, 237, .52);
  border-radius: 22px;
  color: var(--jne-cookie-text);
  background:
        radial-gradient(
            circle at 12% 0%,
            rgba(70, 204, 237, .15),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            rgba(5, 47, 74, .985),
            rgba(4, 18, 31, .99)
        );
  box-shadow:
        0 -18px 60px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .035);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  pointer-events: auto;
}
.jne-cookie-kicker{display: inline-block;margin-bottom: 8px;color: var(--jne-cookie-cyan);font-size: .72rem;font-weight: 800;letter-spacing: .13em;}
.jne-cookie-copy h2,.jne-cookie-settings-dialog h2{margin: 0;color: var(--jne-cookie-text);font-size: clamp(1.35rem, 2.4vw, 2rem);line-height: 1.15;}
.jne-cookie-copy p{max-width: 1080px;margin: 10px 0 0;color: var(--jne-cookie-soft);font-size: .96rem;line-height: 1.65;}
.jne-cookie-actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 20px;}
.jne-cookie-button{
  min-height: 44px;
  padding: 11px 20px;
  border: 1px solid transparent;
  border-radius: 999px;
  font: inherit;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .045em;
  cursor: pointer;
  transition:
        transform .16s ease,
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}
.jne-cookie-button:hover,.jne-cookie-button:focus-visible{transform: translateY(-1px);}
.jne-cookie-button-primary{
  color: var(--jne-cookie-dark-text);
  background: var(--jne-cookie-cyan);
  border-color: var(--jne-cookie-cyan);
  box-shadow: 0 8px 22px rgba(70, 204, 237, .18);
}
.jne-cookie-button-primary:hover,.jne-cookie-button-primary:focus-visible{background: #7ADDF3;border-color: #7ADDF3;}
.jne-cookie-button-secondary{color: var(--jne-cookie-text);background: rgba(70, 204, 237, .08);border-color: rgba(70, 204, 237, .46);}
.jne-cookie-button-secondary:hover,.jne-cookie-button-secondary:focus-visible{color: var(--jne-cookie-dark-text);background: var(--jne-cookie-cyan);}
.jne-cookie-button-ghost{color: var(--jne-cookie-soft);background: rgba(255, 255, 255, .025);border-color: rgba(165, 189, 202, .25);}
.jne-cookie-button-ghost:hover,.jne-cookie-button-ghost:focus-visible{color: var(--jne-cookie-text);border-color: var(--jne-cookie-cyan);}
.jne-cookie-links{display: flex;align-items: center;gap: 10px;margin-top: 16px;color: rgba(165, 189, 202, .7);font-size: .78rem;}
.jne-cookie-links a{color: var(--jne-cookie-soft);text-decoration: none;}
.jne-cookie-links a:hover,.jne-cookie-links a:focus-visible{color: var(--jne-cookie-cyan);}
.jne-cookie-settings{position: fixed;z-index: 999990;inset: 0;display: grid;place-items: center;padding: 20px;}
.jne-cookie-settings-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0, 8, 15, .80);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.jne-cookie-settings-dialog{
  position: relative;
  width: min(720px, 100%);
  max-height: min(760px, calc(100vh - 40px));
  overflow: auto;
  padding: 28px;
  border: 1px solid rgba(70, 204, 237, .38);
  border-radius: 24px;
  color: var(--jne-cookie-text);
  background:
        radial-gradient(
            circle at 90% 0%,
            rgba(70, 204, 237, .13),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #0C263A,
            #061421
        );
  box-shadow: 0 30px 90px rgba(0, 0, 0, .55);
}
.jne-cookie-settings-x{
  position: absolute;
  top: 16px;
  right: 16px;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(70, 204, 237, .35);
  border-radius: 50%;
  color: var(--jne-cookie-dark-text);
  background: var(--jne-cookie-cyan);
  font-size: 1.55rem;
  line-height: 1;
  cursor: pointer;
}
.jne-cookie-settings-intro{margin: 12px 54px 22px 0;color: var(--jne-cookie-soft);line-height: 1.6;}
.jne-cookie-category{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  margin-top: 12px;
  padding: 18px;
  border: 1px solid rgba(70, 204, 237, .17);
  border-radius: 16px;
  background: rgba(4, 18, 31, .52);
}
.jne-cookie-category strong{color: var(--jne-cookie-text);font-size: .98rem;}
.jne-cookie-category p{margin: 6px 0 0;color: var(--jne-cookie-soft);font-size: .82rem;line-height: 1.5;}
.jne-cookie-required-badge{
  padding: 7px 10px;
  border: 1px solid rgba(70, 204, 237, .32);
  border-radius: 999px;
  color: var(--jne-cookie-cyan);
  background: rgba(70, 204, 237, .08);
  font-size: .7rem;
  font-weight: 800;
  white-space: nowrap;
}
.jne-cookie-switch{position: relative;display: inline-flex;}
.jne-cookie-switch input{position: absolute;opacity: 0;pointer-events: none;}
.jne-cookie-switch span{
  position: relative;
  width: 54px;
  height: 30px;
  border: 1px solid rgba(165, 189, 202, .35);
  border-radius: 999px;
  background: #0B1724;
  cursor: pointer;
  transition: .18s ease;
}
.jne-cookie-switch span::after{
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--jne-cookie-soft);
  transition: .18s ease;
}
.jne-cookie-switch input:checked + span{border-color: var(--jne-cookie-cyan);background: rgba(70, 204, 237, .18);}
.jne-cookie-switch input:checked + span::after{left: 28px;background: var(--jne-cookie-cyan);}
.jne-cookie-switch input:focus-visible + span{outline: 2px solid var(--jne-cookie-cyan);outline-offset: 3px;}
.jne-cookie-note{
  margin: 18px 0 0;
  padding: 12px 14px;
  border-left: 3px solid var(--jne-cookie-cyan);
  border-radius: 8px;
  color: var(--jne-cookie-soft);
  background: rgba(70, 204, 237, .06);
  font-size: .78rem;
  line-height: 1.5;
}
.jne-cookie-settings-actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 22px;}
.jne-cookie-reopen{
  position: fixed;
  z-index: 999970;
  right: 18px;
  bottom: 18px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid rgba(70, 204, 237, .38);
  border-radius: 999px;
  color: var(--jne-cookie-text);
  background: rgba(5, 47, 74, .94);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .28);
  font: inherit;
  font-size: .75rem;
  cursor: pointer;
}
.jne-cookie-reopen:hover,.jne-cookie-reopen:focus-visible{color: var(--jne-cookie-dark-text);background: var(--jne-cookie-cyan);}
@media (max-width: 700px){
.jne-cookie-consent{padding: 0 9px 9px;}
  .jne-cookie-consent-inner{padding: 20px 18px 15px;border-radius: 18px;}
  .jne-cookie-actions{display: grid;grid-template-columns: 1fr;gap: 9px;}
  .jne-cookie-button{width: 100%;}
  .jne-cookie-links{justify-content: center;flex-wrap: wrap;}
  .jne-cookie-settings{padding: 10px;}
  .jne-cookie-settings-dialog{max-height: calc(100vh - 20px);padding: 22px 16px 18px;border-radius: 18px;}
  .jne-cookie-category{grid-template-columns: 1fr auto;gap: 12px;padding: 14px;}
  .jne-cookie-settings-actions{display: grid;grid-template-columns: 1fr;}
  .jne-cookie-reopen{right: 10px;bottom: 10px;}
}
.jne-cookie-category-main{min-width: 0;}
.jne-cookie-category-detailed{align-items: start;}
.jne-cookie-category-detailed > .jne-cookie-switch{margin-top: 2px;}
.jne-cookie-provider-list{display: grid;gap: 9px;margin-top: 13px;}
.jne-cookie-provider{
  position: relative;
  padding: 12px 13px;
  border: 1px solid rgba(70, 204, 237, .12);
  border-radius: 11px;
  background: rgba(3, 14, 25, .38);
}
.jne-cookie-provider-name{display: block;padding-right: 125px;color: var(--jne-cookie-text);font-size: .78rem;font-weight: 800;line-height: 1.35;}
.jne-cookie-provider-text{display: block;margin-top: 5px;color: var(--jne-cookie-soft);font-size: .72rem;line-height: 1.52;}
.jne-cookie-provider-badge{
  position: absolute;
  top: 10px;
  right: 10px;
  max-width: 115px;
  padding: 4px 7px;
  border: 1px solid rgba(70, 204, 237, .26);
  border-radius: 999px;
  color: var(--jne-cookie-cyan);
  background: rgba(70, 204, 237, .06);
  font-size: .57rem;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
}
@media (max-width: 620px){
.jne-cookie-provider-name{padding-right: 0;}
  .jne-cookie-provider-badge{position: static;display: inline-block;max-width: none;margin-top: 8px;}
  .jne-cookie-category-detailed{grid-template-columns: minmax(0, 1fr) auto;}
}