#admin-broadcaster tr.jne-row-danger td,#admin-broadcaster tr.jne-row-danger th{
  background:
        linear-gradient(
            135deg,
            rgba(120, 24, 36, 0.46),
            rgba(80, 16, 28, 0.38)
        ) !important;
  border-top-color: rgba(255, 113, 113, 0.30) !important;
  border-bottom-color: rgba(255, 113, 113, 0.30) !important;
}

/* BEGIN JNE DISCORD POLLS - consolidated from feature source */
.jne-discord-polls[hidden] {
    display: none !important;
}

.jne-discord-polls {
    position: relative;
    z-index: 70;
    width: 100%;
    min-height: 42px;
    overflow: hidden;
    border-top: 1px solid rgba(70, 204, 237, .28);
    border-bottom: 1px solid rgba(70, 204, 237, .42);
    background: linear-gradient(90deg, #071b2a, #0d2d40, #071b2a);
    color: #eafaff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
}

.jne-discord-polls__viewport {
    display: flex;
    align-items: center;
    min-height: 42px;
    overflow: hidden;
}

.jne-discord-polls__track {
    display: inline-flex;
    align-items: center;
    width: max-content;
    min-width: max-content;
    padding: 8px 0;
    white-space: nowrap;
    will-change: transform;
    animation: jne-discord-polls-marquee
        var(--jne-discord-polls-duration, 24s)
        linear infinite;
}

.jne-discord-polls__item {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    font-size: .94rem;
    font-weight: 700;
    line-height: 1.35;
}

.jne-discord-polls__label {
    color: #eafaff;
}

.jne-discord-polls__link {
    border-radius: .3rem;
    color: #46CCED;
    text-decoration: underline;
    text-decoration-thickness: .08em;
    text-underline-offset: .18em;
}

.jne-discord-polls__link:hover,
.jne-discord-polls__link:focus-visible {
    color: #ffffff;
    outline: 2px solid #46CCED;
    outline-offset: 3px;
}

.jne-discord-polls__separator {
    margin: 0 1.25rem;
    color: #46CCED;
}

.jne-discord-polls:hover .jne-discord-polls__track,
.jne-discord-polls:focus-within .jne-discord-polls__track {
    animation-play-state: paused;
}

html.jne-theme-light .jne-discord-polls {
    border-color: rgba(24, 111, 139, .42);
    background: linear-gradient(90deg, #e8f4f8, #d5eaf1, #e8f4f8);
    color: #102c3b;
    box-shadow: 0 5px 15px rgba(31, 70, 87, .12);
}

html.jne-theme-light .jne-discord-polls__label {
    color: #102c3b;
}

html.jne-theme-light .jne-discord-polls__link {
    color: #126a82;
}

html.jne-theme-light .jne-discord-polls__link:hover,
html.jne-theme-light .jne-discord-polls__link:focus-visible {
    color: #082c3b;
}

@keyframes jne-discord-polls-marquee {
    from {
        transform: translateX(100vw);
    }

    to {
        transform: translateX(-100%);
    }
}

@media (max-width: 680px) {
    .jne-discord-polls,
    .jne-discord-polls__viewport {
        min-height: 38px;
    }

    .jne-discord-polls__track {
        padding: 7px 0;
    }

    .jne-discord-polls__item {
        font-size: .86rem;
    }

    .jne-discord-polls__separator {
        margin: 0 .8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .jne-discord-polls__viewport {
        overflow-x: auto;
    }

    .jne-discord-polls__track {
        flex-wrap: wrap;
        width: 100%;
        min-width: 0;
        padding: 8px 1rem;
        white-space: normal;
        animation: none;
        transform: none;
        will-change: auto;
    }

    .jne-discord-polls__item {
        padding: 2px 0;
    }
}

/* END JNE DISCORD POLLS */
#admin-broadcaster tr.jne-row-danger td:first-child,#admin-broadcaster tr.jne-row-danger th:first-child{
  box-shadow: inset 4px 0 0 rgba(255, 113, 113, 0.78);
}
#admin-broadcaster code.jne-code-danger{
  background:
        linear-gradient(
            135deg,
            rgba(93, 10, 24, 0.94),
            rgba(56, 8, 17, 0.98)
        ) !important;
  border: 1px solid rgba(255, 123, 123, 0.46) !important;
  color: #ffd9d9 !important;
  box-shadow: 0 0 0 1px rgba(255, 77, 109, 0.08);
}
#admin-broadcaster tr.jne-row-danger:hover td{
  background:
        linear-gradient(
            135deg,
            rgba(134, 30, 42, 0.56),
            rgba(89, 18, 31, 0.46)
        ) !important;
}
.wp-block-jne-box.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);
}
.wp-block-jne-box .jne-box-content{color: #a5bdca;line-height: 1.65;}
.wp-block-jne-box .jne-box-content > :first-child{margin-top: 0 !important;}
.wp-block-jne-box .jne-box-content > :last-child{margin-bottom: 0 !important;}
.wp-block-jne-box .jne-box-content h1,.wp-block-jne-box .jne-box-content h2,.wp-block-jne-box .jne-box-content h3,.wp-block-jne-box .jne-box-content h4,.wp-block-jne-box .jne-box-content h5,.wp-block-jne-box .jne-box-content h6,.wp-block-jne-box .jne-box-content strong{
  color: #f4fbff;
}
.wp-block-jne-box .jne-box-content a{color: #46CCED;}
@media (max-width: 760px){
.wp-block-jne-box.jne-box{padding: 17px 18px;border-radius: 15px;}
}
.jne-clips-sortbar{
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: flex-end;
  margin: 12px 0 18px;
  padding: 12px 14px;
  border: 1px solid rgba(70, 204, 237, .20);
  border-radius: 14px;
  background: rgba(5, 28, 44, .52);
}
.jne-clips-sortbar-label{color: #a5bdca;font-size: .88rem;font-weight: 800;}
.jne-clips-sort-select{
  min-height: 42px;
  padding: 8px 38px 8px 13px;
  border: 1px solid rgba(70, 204, 237, .38);
  border-radius: 11px;
  background: #061d2d;
  color: #f4fbff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.jne-clips-sort-select:focus{outline: 2px solid #46CCED;outline-offset: 2px;}
.jne-clip-sort-hidden{display: none !important;}
.jne-clip-sort-visible{display: block !important;}
.jne-selected-clip-meta{
  display: grid;
  grid-template-columns:
        repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 14px;
  padding: 13px;
  border: 1px solid rgba(70, 204, 237, .22);
  border-radius: 14px;
  background: rgba(5, 28, 44, .62);
}
.jne-selected-clip-meta-item{
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(70, 204, 237, .12);
  border-radius: 11px;
  background: rgba(0, 0, 0, .10);
}
.jne-selected-clip-meta-item > span{color: #46CCED;font-size: .74rem;font-weight: 900;letter-spacing: .08em;text-transform: uppercase;}
.jne-selected-clip-meta-item > strong{color: #f4fbff;font-size: 1.05rem;line-height: 1.25;overflow-wrap: anywhere;}
[data-jne-clip-sort-card="1"]{font-size: 1rem;}
[data-jne-clip-sort-card="1"] strong,[data-jne-clip-sort-card="1"] h3,[data-jne-clip-sort-card="1"] h4,[data-jne-clip-sort-card="1"] [class*="title"]{
  line-height: 1.35;
}
[data-jne-clip-sort-card="1"]{--jne-clip-meta-size: .88rem;}
@media (max-width: 680px){
.jne-clips-sortbar{display: grid;grid-template-columns: 1fr;gap: 7px;align-items: stretch;margin: 12px 0 16px;padding: 12px;}
  .jne-clips-sortbar-label{font-size: .82rem;}
  .jne-clips-sort-select{width: 100%;min-height: 46px;font-size: 1rem;}
  .jne-selected-clip-meta{grid-template-columns:
            repeat(2, minmax(0, 1fr));gap: 8px;margin-bottom: 12px;padding: 10px;}
  .jne-selected-clip-meta-item{padding: 10px;}
  .jne-selected-clip-meta-item > span{font-size: .70rem;}
  .jne-selected-clip-meta-item > strong{font-size: 1rem;}
  [data-jne-clip-sort-card="1"]{font-size: 1.02rem;}
}
@media (max-width: 390px){
.jne-selected-clip-meta{grid-template-columns: 1fr;}
  .jne-selected-clip-meta-item{grid-template-columns:
            100px minmax(0, 1fr);align-items: baseline;gap: 10px;}
}
.jne-fe-profile-section{
  margin: 22px 0;
  padding: 20px;
  border: 1px solid rgba(70, 204, 237, .18);
  border-radius: 16px;
  background: rgba(70, 204, 237, .035);
}
.jne-fe-profile-section h2{margin: 0 0 8px;}
.jne-fe-profile-form{margin-top: 18px;}
.jne-fe-profile-form input:disabled{opacity: .62;cursor: not-allowed;}
.jne-fe-profile-password-block{
  display: grid;
  gap: 14px;
  margin-top: 6px;
  padding: 16px;
  border: 1px solid rgba(70, 204, 237, .14);
  border-radius: 14px;
  background: rgba(0, 0, 0, .09);
}
.jne-fe-profile-password-block h3{margin: 0;color: #f4fbff;font-size: 1rem;}
.jne-fe-profile-password-block small{color: #8faab7;font-weight: 400;}
.jne-fe-current-password{margin-top: 6px;padding-top: 16px;border-top: 1px solid rgba(70, 204, 237, .12);}
@media (min-width: 760px){
.jne-fe-profile-password-block{grid-template-columns: 1fr 1fr;}
  .jne-fe-profile-password-block h3{grid-column: 1 / -1;}
}
.jne-fe-wrap{width: min(100%, 900px);margin: 34px auto;}
.jne-fe-card{
  padding: 28px 30px;
  border: 1px solid rgba(70, 204, 237, .24);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(6,37,56,.97), rgba(4,25,40,.99));
  color: #d8e7ee;
  box-shadow: 0 22px 50px rgba(0,0,0,.18);
}
.jne-fe-login-card{width: min(100%, 560px);margin: 0 auto;}
.jne-fe-kicker{color: #46CCED;font-size: .8rem;font-weight: 900;letter-spacing: .14em;}
.jne-fe-card h1,.jne-fe-card h2{color: #f4fbff;}
.jne-fe-lead,.jne-fe-small{color: #a9c0cc;line-height: 1.6;}
.jne-fe-form{display: grid;gap: 16px;margin-top: 22px;}
.jne-fe-form label{display: grid;gap: 7px;}
.jne-fe-form input{
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid rgba(70,204,237,.28);
  border-radius: 12px;
  background: rgba(1,18,30,.8);
  color: #f5fbff;
}
.jne-fe-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 18px;
  border: 1px solid rgba(70,204,237,.62);
  border-radius: 12px;
  background: linear-gradient(180deg,#5edcff,#3fc7eb);
  color: #062133 !important;
  font-weight: 900;
  text-decoration: none !important;
}
.jne-fe-button.secondary{background: rgba(7,43,62,.96);color: #f4fbff !important;}
.jne-fe-notice{margin: 16px 0;padding: 12px 14px;border-radius: 10px;}
.jne-fe-notice.error{background: rgba(96,20,20,.24);color: #ffd8d8;}
.jne-fe-notice.success{background: rgba(15,84,58,.22);color: #caffea;}
.jne-fe-account-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 12px;margin: 22px 0;}
.jne-fe-account-grid > div,.jne-fe-role-box{
  padding: 14px 16px;
  border: 1px solid rgba(70,204,237,.18);
  border-radius: 14px;
  background: rgba(70,204,237,.045);
}
.jne-fe-account-grid span{display: block;color: #8faab7;font-size: .78rem;}
.jne-fe-account-grid strong{color: #f4fbff;}
.jne-fe-actions{display: flex;gap: 10px;flex-wrap: wrap;}
@media (max-width:720px){
.jne-fe-card{padding: 22px 18px;}
  .jne-fe-account-grid{grid-template-columns: 1fr;}
  .jne-fe-actions{display: grid;}
  .jne-fe-button{width: 100%;}
}
.jne-rgb-book-source-hidden{display: none !important;}
.jne-rgb-book-nav{
  appearance: none;
  min-height: 42px;
  padding: 9px 15px;
  border: 1px solid rgba(70, 204, 237, .34);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(13, 63, 86, .98), rgba(7, 40, 58, .98));
  color: #f4fbff;
  font: inherit;
  font-size: .9rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .16);
  transition: transform .18s ease, border-color .18s ease, opacity .18s ease;
}
.jne-rgb-book-nav:hover:not(:disabled){transform: translateY(-1px);border-color: rgba(70, 204, 237, .75);}
.jne-rgb-book-nav:disabled{opacity: .35;cursor: default;}
.jne-rgb-book-page-indicator{color: #b5cad5;font-size: .86rem;font-weight: 700;text-align: center;white-space: nowrap;}
@media (min-width: 901px){
.jne-rgb-mobile-clipboard-shell{display: none !important;}
  .jne-rgb-desktop-book-toolbar{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 18px;margin: 0 20px 16px;}
  .jne-rgb-desktop-book-toolbar .jne-rgb-book-nav-back{justify-self: start;}
  .jne-rgb-desktop-book-toolbar .jne-rgb-book-nav-next{justify-self: end;}
  .jne-rgb-desktop-book-stage{position: relative;isolation: isolate;perspective: 1600px;}
  .jne-rgb-desktop-book-image{position: absolute;z-index: 0;pointer-events: none;user-select: none;}
  .jne-rgb-book-page{position: absolute;z-index: 2;color: #3b2c1d;text-shadow: 0 1px 0 rgba(255,255,255,.28);}
  .jne-rgb-book-page-left{padding: 5.5% 6% 5.5% 7%;}
  .jne-rgb-book-page-right{padding: 5.5% 7% 5.5% 6%;}
  .jne-rgb-book-page-inner{
    display: flex;
    flex-direction: column;
    opacity: 1;
    transform: translateX(0) rotateY(0deg);
    transition: opacity .18s ease, transform .22s ease;
    transform-style: preserve-3d;
  }
  .jne-rgb-book-page-right .jne-rgb-book-page-inner{transform-origin: left center;}
  .jne-rgb-book-page-left .jne-rgb-book-page-inner{transform-origin: right center;}
  .jne-rgb-desktop-book-stage.jne-turn-next .jne-rgb-book-page-right .jne-rgb-book-page-inner{opacity: 0;transform: translateX(-2%) rotateY(-13deg);}
  .jne-rgb-desktop-book-stage.jne-turn-next .jne-rgb-book-page-left .jne-rgb-book-page-inner{opacity: .35;transform: translateX(-1.5%);}
  .jne-rgb-desktop-book-stage.jne-turn-prev .jne-rgb-book-page-left .jne-rgb-book-page-inner{opacity: 0;transform: translateX(2%) rotateY(13deg);}
  .jne-rgb-desktop-book-stage.jne-turn-prev .jne-rgb-book-page-right .jne-rgb-book-page-inner{opacity: .35;transform: translateX(1.5%);}
  .jne-rgb-desktop-book-stage.jne-enter .jne-rgb-book-page-inner{animation: jneBookPageEnter .28s ease both;}
  @keyframes jneBookPageEnter {
from {
opacity: .15;
transform: translateY(5px);
}

to {
opacity: 1;
transform: translateY(0);
}
}
  .jne-rgb-book-title-kicker{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 14px;
    color: #16758d;
    font-family: system-ui, sans-serif;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
  }
  .jne-rgb-book-title-kicker::before,.jne-rgb-book-title-kicker::after{content: "";width: 46px;height: 1px;background: rgba(22, 117, 141, .28);}
  .jne-rgb-book-title-page h2{margin: 0 0 16px;font-family: Georgia, "Times New Roman", serif;line-height: 1.08;font-weight: 700;}
  .jne-rgb-book-title-page p{margin: 0 auto;font-family: Georgia, "Times New Roman", serif;}
  .jne-rgb-book-entry-head{grid-template-columns: minmax(0, 1fr) auto;border-bottom: 1px solid rgba(91, 61, 32, .18);}
  .jne-rgb-book-entry-author{font-family: Georgia, "Times New Roman", serif;font-weight: 700;}
  .jne-rgb-book-entry-date{font-family: system-ui, sans-serif;}
  .jne-rgb-book-entry-message{font-family: Georgia, "Times New Roman", serif;white-space: pre-line;}
  .jne-rgb-book-empty-page{
    justify-content: center;
    align-items: center;
    color: rgba(79, 58, 37, .25);
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    text-align: center;
  }
  .jne-rgb-book-empty-page::after{content: "JNE";font-size: .75rem;font-weight: 700;letter-spacing: .15em;}
  .jne-rgb-book-page-number{
    position: absolute;
    left: 0;
    width: 100%;
    color: rgba(93, 72, 49, .55);
    font-family: Georgia, "Times New Roman", serif;
    text-align: center;
  }
}
@media (max-width: 900px){
.jne-rgb-desktop-book-shell{display: none !important;}
  .jne-rgb-mobile-clipboard-shell{width: min(520px, 100%);margin: 18px auto 34px;}
  .jne-rgb-mobile-clipboard-toolbar{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 8px;margin: 0 8px 10px;}
  .jne-rgb-mobile-clipboard-toolbar .jne-rgb-book-nav{min-width: 0;min-height: 40px;padding: 8px 12px;font-size: .82rem;}
  .jne-rgb-mobile-clipboard-toolbar .jne-rgb-book-nav-back{justify-self: start;}
  .jne-rgb-mobile-clipboard-toolbar .jne-rgb-book-nav-next{justify-self: end;}
  .jne-rgb-mobile-clipboard-stage{
    position: relative;
    width: 100%;
    aspect-ratio: .74;
    overflow: hidden;
    isolation: isolate;
    perspective: 1500px;
    border-radius: 24px;
  }
  .jne-rgb-mobile-clipboard-image,.jne-rgb-mobile-clipboard-clip img{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 175%;
    max-width: none;
    height: auto;
    transform: translate(-50%, -50%);
    user-select: none;
    pointer-events: none;
  }
  .jne-rgb-mobile-clipboard-image{z-index: 0;filter: drop-shadow(0 18px 32px rgba(0, 0, 0, .24));}
  .jne-rgb-mobile-clipboard-clip{position: absolute;inset: 0;z-index: 5;pointer-events: none;}
  .jne-rgb-mobile-paper{position: absolute;z-index: 2;color: #34291f;transform-origin: 50% 0%;backface-visibility: hidden;transform-style: preserve-3d;}
  .jne-rgb-mobile-paper-inner{display: flex;flex-direction: column;}
  .jne-rgb-mobile-paper.jne-rgb-mobile-flip-up{animation: jneClipboardFlipUp .34s cubic-bezier(.55,.02,.78,.48) both;}
  .jne-rgb-mobile-paper.jne-rgb-mobile-flip-down{animation: jneClipboardFlipDown .34s cubic-bezier(.55,.02,.78,.48) both;}
  .jne-rgb-mobile-paper.jne-rgb-mobile-flip-in{animation: jneClipboardFlipIn .36s cubic-bezier(.18,.72,.24,1) both;}
  @keyframes jneClipboardFlipUp {
0% {
opacity: 1;
transform: perspective(1200px) rotateX(0deg) translateY(0);
box-shadow: 0 6px 18px rgba(58, 40, 18, .16);
}

100% {
opacity: .08;
transform: perspective(1200px) rotateX(82deg) translateY(-18px);
box-shadow: 0 22px 30px rgba(58, 40, 18, .05);
}
}
  @keyframes jneClipboardFlipDown {
0% {
opacity: 1;
transform: perspective(1200px) rotateX(0deg) translateY(0);
}

100% {
opacity: .08;
transform: perspective(1200px) rotateX(-72deg) translateY(12px);
}
}
  @keyframes jneClipboardFlipIn {
0% {
opacity: .12;
transform: perspective(1200px) rotateX(-54deg) translateY(-10px);
}

100% {
opacity: 1;
transform: perspective(1200px) rotateX(0deg) translateY(0);
}
}
  .jne-rgb-mobile-title-page{justify-content: center;align-items: center;text-align: center;}
  .jne-rgb-mobile-title-kicker{
    margin-bottom: 10px;
    color: #13778f;
    font-family: system-ui, sans-serif;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
  }
  .jne-rgb-mobile-title-page h2{
    margin: 0 0 14px;
    color: #34291f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.85rem, 8.2vw, 2.55rem);
    line-height: 1.06;
  }
  .jne-rgb-mobile-title-page p{
    margin: 0;
    color: #6a5947;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(.92rem, 3.8vw, 1.08rem);
    line-height: 1.55;
  }
  .jne-rgb-mobile-entry-head{padding-bottom: 9px;border-bottom: 1px solid rgba(91, 61, 32, .18);}
  .jne-rgb-mobile-entry-author{
    color: #16758d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.15rem, 5.2vw, 1.48rem);
    line-height: 1.14;
    font-weight: 700;
  }
  .jne-rgb-mobile-entry-date{
    margin-top: 5px;
    color: #7d6d5b;
    font-family: system-ui, sans-serif;
    font-size: clamp(.72rem, 3.2vw, .88rem);
    line-height: 1.25;
  }
  .jne-rgb-mobile-entry-message{
    padding-right: 3px;
    overflow: auto;
    color: #493827;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(.92rem, 4.1vw, 1.08rem);
    line-height: 1.58;
    white-space: pre-line;
    overflow-wrap: anywhere;
    scrollbar-width: thin;
    scrollbar-color: rgba(91,61,32,.28) transparent;
  }
  .jne-rgb-mobile-page-number{
    position: absolute;
    z-index: 3;
    left: 15%;
    right: 20%;
    bottom: 11%;
    color: rgba(93, 72, 49, .52);
    font-family: Georgia, "Times New Roman", serif;
    font-size: .72rem;
    text-align: center;
    pointer-events: none;
  }
  @media (max-width: 420px){
.jne-rgb-mobile-paper{top: 14.5%;left: 6.5%;width: 79.5%;height: 75%;padding: 14% 7% 8%;}
  }
}
@media (prefers-reduced-motion: reduce){
.jne-rgb-book-page-inner,.jne-rgb-mobile-paper,.jne-rgb-book-nav{animation: none !important;transition: none !important;}
}
@media (min-width: 901px){
.jne-rgb-desktop-book-stage{background: transparent !important;}
  .jne-rgb-desktop-book-image{
    opacity: 1 !important;
    visibility: visible !important;
    mix-blend-mode: normal !important;
    filter: drop-shadow(0 24px 42px rgba(0, 0, 0, .27)) !important;
  }
  .jne-rgb-book-page{
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;
  }
  .jne-rgb-book-page-inner{
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;
  }
  .jne-rgb-book-title-page,.jne-rgb-book-entry-page,.jne-rgb-book-empty-page{background: transparent !important;background-image: none !important;}
  .jne-rgb-book-title-page h2{color: #352719 !important;}
  .jne-rgb-book-title-page p{color: #6d5943 !important;}
  .jne-rgb-book-entry-author{color: #16758d !important;}
  .jne-rgb-book-entry-date{color: #7d6d5b !important;}
  .jne-rgb-book-entry-message{color: #493827 !important;}
  .jne-rgb-desktop-book-shell{width: min(1160px, 100%) !important;margin: 26px auto 46px !important;}
  .jne-rgb-desktop-book-stage{width: 100% !important;aspect-ratio: 1 / 1 !important;margin: 0 auto !important;overflow: visible !important;}
  .jne-rgb-desktop-book-image{
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
  .jne-rgb-book-page{
    top: 15.2% !important;
    width: 31.2% !important;
    height: 68.7% !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  .jne-rgb-book-page-left{left: 15.0% !important;}
  .jne-rgb-book-page-right{left: 53.8% !important;}
  .jne-rgb-book-page-inner{width: 100% !important;height: 100% !important;padding: 5.5% 6.5% !important;box-sizing: border-box !important;}
  .jne-rgb-book-title-page{
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding-top: 2% !important;
    padding-bottom: 2% !important;
  }
  .jne-rgb-book-title-page h2{font-size: clamp(2rem, 2.7vw, 3rem) !important;}
  .jne-rgb-book-title-page p{max-width: 92% !important;font-size: clamp(.94rem, 1.1vw, 1.08rem) !important;line-height: 1.55 !important;}
  .jne-rgb-book-entry-page{justify-content: flex-start !important;}
  .jne-rgb-book-entry-head{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
    width: 100% !important;
    padding-bottom: 12px !important;
  }
  .jne-rgb-book-entry-author{
    width: 100% !important;
    min-width: 0 !important;
    font-size: clamp(1.18rem, 1.55vw, 1.5rem) !important;
    line-height: 1.15 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
  .jne-rgb-book-entry-date{
    width: 100% !important;
    font-size: clamp(.72rem, .82vw, .88rem) !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }
  .jne-rgb-book-entry-message{
    width: 100% !important;
    margin-top: 16px !important;
    font-size: clamp(.95rem, 1.08vw, 1.08rem) !important;
    line-height: 1.58 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  .jne-rgb-book-page-number{bottom: 15.2% !important;font-size: .7rem !important;}
  .jne-rgb-book-compose-page{
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    gap: 14px !important;
    padding: 8% 7% !important;
  }
  .jne-rgb-book-compose-kicker{
    color: #16758d !important;
    font-family: system-ui, sans-serif !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
    letter-spacing: .15em !important;
  }
  .jne-rgb-book-compose-page h3{
    margin: 0 !important;
    color: #352719 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(1.65rem, 2.15vw, 2.2rem) !important;
    line-height: 1.08 !important;
  }
  .jne-rgb-book-compose-page p{
    max-width: 95% !important;
    margin: 0 !important;
    color: #6d5943 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(.9rem, 1vw, 1rem) !important;
    line-height: 1.55 !important;
  }
  .jne-rgb-book-compose-button{
    appearance: none !important;
    margin-top: 4px !important;
    padding: 11px 18px !important;
    border: 1px solid rgba(22, 117, 141, .42) !important;
    border-radius: 999px !important;
    background: rgba(70, 204, 237, .18) !important;
    color: #0c6379 !important;
    font: 800 .9rem/1 system-ui, sans-serif !important;
    cursor: pointer !important;
    transition: transform .18s ease, background .18s ease !important;
  }
  .jne-rgb-book-compose-button:hover{transform: translateY(-1px) !important;background: rgba(70, 204, 237, .28) !important;}
}
@media (max-width: 900px){
.jne-rgb-mobile-entry-author{overflow-wrap: normal !important;word-break: normal !important;hyphens: none !important;}
  .jne-rgb-mobile-compose-page{justify-content: center !important;align-items: center !important;text-align: center !important;gap: 13px !important;}
  .jne-rgb-mobile-compose-kicker{
    color: #13778f !important;
    font-family: system-ui, sans-serif !important;
    font-size: .7rem !important;
    font-weight: 900 !important;
    letter-spacing: .14em !important;
  }
  .jne-rgb-mobile-compose-page h3{
    margin: 0 !important;
    color: #34291f !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(1.55rem, 7vw, 2.1rem) !important;
    line-height: 1.08 !important;
  }
  .jne-rgb-mobile-compose-page p{
    margin: 0 !important;
    color: #6a5947 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(.9rem, 3.8vw, 1.03rem) !important;
    line-height: 1.5 !important;
  }
  .jne-rgb-mobile-compose-button{
    appearance: none !important;
    margin-top: 4px !important;
    padding: 12px 18px !important;
    border: 1px solid rgba(19, 119, 143, .42) !important;
    border-radius: 999px !important;
    background: rgba(70, 204, 237, .2) !important;
    color: #0c6379 !important;
    font: 800 .9rem/1 system-ui, sans-serif !important;
    cursor: pointer !important;
  }
}
.jne-rgb-live-form-source-panel{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.jne-rgb-live-guestbook-form{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.jne-rgb-live-guestbook-form .jne-honeypot{
  position: absolute !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.jne-rgb-live-guestbook-form .jne-field{display: grid !important;gap: 5px !important;margin: 0 0 10px !important;text-align: left !important;}
.jne-rgb-live-guestbook-form .jne-field > span{color: #493827 !important;font: 850 .76rem/1.2 system-ui, sans-serif !important;}
.jne-rgb-live-guestbook-form input[type="text"],.jne-rgb-live-guestbook-form textarea{
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(73, 56, 39, .28) !important;
  border-radius: 8px !important;
  background: rgba(255, 250, 230, .48) !important;
  color: #34291f !important;
  outline: none !important;
  font: 600 .82rem/1.35 system-ui, sans-serif !important;
}
.jne-rgb-live-guestbook-form input[type="text"]{min-height: 37px !important;padding: 7px 9px !important;}
.jne-rgb-live-guestbook-form textarea{
  min-height: 108px !important;
  max-height: 150px !important;
  padding: 8px 9px !important;
  resize: vertical !important;
}
.jne-rgb-live-guestbook-form .jne-checkbox{
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 7px !important;
  align-items: start !important;
  margin: 8px 0 10px !important;
  color: #604d39 !important;
  text-align: left !important;
  font: 600 .64rem/1.32 system-ui, sans-serif !important;
}
.jne-rgb-live-guestbook-form .jne-checkbox input{margin-top: 2px !important;}
.jne-rgb-live-guestbook-form .jne-button,.jne-rgb-live-guestbook-form button[type="submit"]{
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 9px 14px !important;
  border: 1px solid rgba(12, 111, 137, .48) !important;
  border-radius: 999px !important;
  background: rgba(70, 204, 237, .22) !important;
  color: #07596d !important;
  cursor: pointer !important;
  font: 900 .82rem/1 system-ui, sans-serif !important;
}
.jne-rgb-live-form-kicker{
  margin: 0 0 5px !important;
  color: #16758d !important;
  text-align: center !important;
  font: 900 .68rem/1.1 system-ui, sans-serif !important;
  letter-spacing: .14em !important;
}
.jne-rgb-live-form-title{
  margin: 0 0 5px !important;
  color: #352719 !important;
  text-align: center !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.35rem, 1.75vw, 1.72rem) !important;
  line-height: 1.06 !important;
}
.jne-rgb-live-form-hint{
  margin: 0 0 12px !important;
  color: #6d5943 !important;
  text-align: center !important;
  font: 400 .76rem/1.3 Georgia, "Times New Roman", serif !important;
}
.jne-rgb-live-form-error{color: #7b2f2f !important;text-align: center !important;font-weight: 700 !important;}
@media (min-width: 901px){
.jne-rgb-live-compose-page{
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 3.7% 5.3% !important;
    overflow: auto !important;
  }
}
@media (max-width: 900px){
.jne-rgb-mobile-compose-page.jne-rgb-live-compose-page{gap: 0 !important;overflow-y: auto !important;}
}
@media (min-width: 901px){
.jne-rgb-book-entry-page{padding-top: 15% !important;padding-right: 6.5% !important;padding-left: 6.5% !important;}
  .jne-rgb-book-entry-head,.jne-rgb-book-entry-author{margin-top: 0 !important;}
  .jne-rgb-book-compose-page.jne-rgb-live-compose-page,.jne-rgb-live-compose-page{
    padding-top: 11% !important;
    padding-right: 5.3% !important;
    padding-bottom: 5% !important;
    padding-left: 5.3% !important;
  }
  .jne-rgb-live-form-kicker,.jne-rgb-live-form-title{position: relative !important;top: 0 !important;}
  .jne-rgb-book-entry-page,.jne-rgb-live-compose-page{overflow-y: auto !important;overflow-x: hidden !important;scrollbar-width: thin !important;}
  .jne-rgb-book-entry-page .jne-rgb-book-entry-head,.jne-rgb-book-entry-page .jne-rgb-book-entry-message{transform: translateY(clamp(34px, 3.1vw, 52px)) !important;}
  .jne-rgb-live-compose-page .jne-rgb-live-form-kicker,.jne-rgb-live-compose-page .jne-rgb-live-form-title,.jne-rgb-live-compose-page .jne-rgb-live-form-hint,.jne-rgb-live-compose-page .jne-rgb-live-guestbook-form{
    transform: translateY(clamp(24px, 2.2vw, 38px)) !important;
  }
  .jne-rgb-book-entry-page{padding-bottom: 12% !important;}
  .jne-rgb-live-compose-page{padding-bottom: 11% !important;}
  .jne-rgb-book-page-number{transform: none !important;}
  .jne-rgb-book-page-left > .jne-rgb-book-entry-page{padding-left: calc(6.5% + 20px) !important;}
  .jne-rgb-book-page-right > .jne-rgb-book-entry-page{padding-right: calc(6.5% + 20px) !important;}
  .jne-rgb-book-page-left > .jne-rgb-book-compose-page.jne-rgb-live-compose-page,.jne-rgb-book-page-left > .jne-rgb-live-compose-page{
    padding-left: calc(5.3% + 20px) !important;
  }
  .jne-rgb-book-page-right > .jne-rgb-book-compose-page.jne-rgb-live-compose-page,.jne-rgb-book-page-right > .jne-rgb-live-compose-page{
    padding-right: calc(5.3% + 20px) !important;
  }
}
@media (max-width: 900px){
.jne-rgb-mobile-paper{background-image: none !important;}
  .jne-rgb-mobile-paper-inner,.jne-rgb-mobile-title-page,.jne-rgb-mobile-entry-page,.jne-rgb-mobile-compose-page,.jne-rgb-mobile-compose-page.jne-rgb-live-compose-page{
    background-image: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }
  .jne-rgb-mobile-compose-page .jne-rgb-live-guestbook-form label{font-size: .72rem !important;line-height: 1.15 !important;}
  .jne-rgb-mobile-compose-page .jne-rgb-live-guestbook-form input[type="checkbox"]{width: 18px !important;height: 18px !important;}
  .jne-rgb-mobile-source-intro-hidden{display: none !important;}
  .jne-rgb-mobile-clipboard-clip{clip-path: inset(0 0 84.5% 0) !important;}
  .jne-rgb-mobile-paper{
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: rgba(255,255,255,.985) !important;
    box-shadow: none !important;
  }
  .jne-rgb-mobile-paper-inner,.jne-rgb-mobile-title-page,.jne-rgb-mobile-entry-page,.jne-rgb-mobile-compose-page,.jne-rgb-mobile-compose-page.jne-rgb-live-compose-page{
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .jne-rgb-mobile-title-page{padding: 14% 9% 9% !important;overflow: hidden !important;}
  .jne-rgb-mobile-entry-page{padding: 9.5% 9% 9% !important;overflow: hidden !important;justify-content: flex-start !important;}
  .jne-rgb-mobile-entry-head{flex: 0 0 auto !important;margin: 0 !important;padding-top: 0 !important;}
  .jne-rgb-mobile-entry-message{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin-top: 12px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  .jne-rgb-mobile-compose-page.jne-rgb-live-compose-page{
    padding: 7.5% 8.5% 6% !important;
    overflow: hidden !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
  }
  .jne-rgb-mobile-compose-page .jne-rgb-live-form-kicker{margin: 0 0 2px !important;font-size: .62rem !important;line-height: 1.05 !important;}
  .jne-rgb-mobile-compose-page .jne-rgb-live-form-title{
    margin: 0 0 3px !important;
    font-size: clamp(1.35rem, 6vw, 1.7rem) !important;
    line-height: 1.0 !important;
  }
  .jne-rgb-mobile-compose-page .jne-rgb-live-form-hint{margin: 0 0 6px !important;font-size: .72rem !important;line-height: 1.15 !important;}
  .jne-rgb-mobile-compose-page .jne-rgb-live-guestbook-form{overflow: visible !important;}
  .jne-rgb-mobile-compose-page .jne-rgb-live-guestbook-form .jne-field{margin-bottom: 7px !important;gap: 3px !important;}
  .jne-rgb-mobile-compose-page .jne-rgb-live-guestbook-form input[type="text"]{min-height: 34px !important;height: 34px !important;}
  .jne-rgb-mobile-compose-page .jne-rgb-live-guestbook-form textarea{
    min-height: 92px !important;
    height: 92px !important;
    max-height: 92px !important;
    resize: none !important;
  }
  .jne-rgb-mobile-compose-page .jne-rgb-live-guestbook-form .jne-checkbox{margin: 5px 0 7px !important;}
  .jne-rgb-mobile-compose-page .jne-rgb-live-guestbook-form button[type="submit"]{
    min-height: 38px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
  .jne-rgb-mobile-original-hidden{display: none !important;}
  .jne-rgb-mobile-title-page,.jne-rgb-mobile-entry-page{padding-left: 10.8% !important;padding-right: 10.8% !important;}
  .jne-rgb-mobile-compose-page.jne-rgb-live-compose-page{padding-left: 10.2% !important;padding-right: 10.2% !important;}
  .jne-rgb-mobile-entry-head,.jne-rgb-mobile-entry-message,.jne-rgb-mobile-compose-page .jne-rgb-live-form-title,.jne-rgb-mobile-compose-page .jne-rgb-live-form-hint,.jne-rgb-mobile-compose-page .jne-rgb-live-guestbook-form{
    max-width: 100% !important;
  }
  .jne-rgb-mobile-paper{top: 14.1% !important;left: 8.6% !important;width: 81.2% !important;height: 80% !important;}
}
body.jne-guestbook-responsive-book-enabled .jne-rgb-source-original-hidden{display: none !important;}
body.jne-guestbook-responsive-book-enabled main#primary-content > section.jne-section.jne-content-page,body.jne-guestbook-responsive-book-enabled main > section.jne-section.jne-content-page{
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
@media (min-width: 901px){
body.jne-guestbook-responsive-book-enabled .jne-rgb-desktop-book-shell{
    min-height: 0 !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }
  body.jne-guestbook-responsive-book-enabled .jne-rgb-desktop-book-stage,body.jne-guestbook-responsive-book-enabled .jne-rgb-desktop-stage,body.jne-guestbook-responsive-book-enabled .jne-book-stage,body.jne-guestbook-responsive-book-enabled [class*="desktop-book-stage"]{
    min-height: 0 !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body.jne-guestbook-responsive-book-enabled .jne-book-toolbar,body.jne-guestbook-responsive-book-enabled .jne-rgb-toolbar,body.jne-guestbook-responsive-book-enabled .jne-rgb-desktop-book-toolbar,body.jne-guestbook-responsive-book-enabled [data-jne-gb-toolbar="1"]{
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: min(100%, 1180px) !important;
    margin:
            8px
            auto
            0
            auto !important;
    padding:
            0
            16px !important;
  }
  body.jne-guestbook-responsive-book-enabled main#primary-content{min-height: 0 !important;height: auto !important;}
}
@media (min-width:901px){
body.jne-guestbook-responsive-book-enabled [data-jne-v29-section="1"]{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.jne-guestbook-responsive-book-enabled .jne-gb-v29-viewport{
    position:relative!important;
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.jne-guestbook-responsive-book-enabled .jne-gb-v29-carrier{
    position:relative!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.jne-guestbook-responsive-book-enabled [data-jne-v29-toolbar="1"]{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:min(1180px,calc(100% - 32px))!important;
    margin:12px auto 0!important;
    padding:0!important;
    min-height:0!important;
    height:auto!important;
    z-index:20!important;
  }
}
@media (min-width: 901px){
body.jne-guestbook-responsive-book-enabled [data-jne-v29-section="1"]{margin-left: auto !important;margin-right: auto !important;}
  body.jne-guestbook-responsive-book-enabled [data-jne-v29-section="1"] > .jne-gb-v29-viewport{
    left: auto !important;
    right: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    margin-top: 26px !important;
  }
  body.jne-guestbook-responsive-book-enabled [data-jne-v29-toolbar="1"] > button:first-of-type{position: relative !important;left: 172px !important;}
  body.jne-guestbook-responsive-book-enabled [data-jne-v29-toolbar="1"] > button:last-of-type{position: relative !important;left: -172px !important;}
}
.jne-home-live-consent-shell .jne-twitch-consent-placeholder{border-radius: inherit;}
.jne-home-live-consent-shell > iframe{display: block;width: 100%;height: 100%;min-height: 100%;border: 0;border-radius: inherit;}
.jne-home-live-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  margin: 0 !important;
  color: #a5bdca;
  font-size: .78rem;
  font-weight: 700;
}
.jne-home-live-meta > span{color: #46CCED;font-weight: 950;letter-spacing: .08em;}
@media (max-width: 680px){
.jne-home-live-consent-shell > .jne-twitch-consent-placeholder:not([hidden]){width: 100%;min-height: 0 !important;}
  .jne-home-live-consent-shell:has( > iframe:not([hidden]) ){
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
  }
  .jne-home-live-consent-shell > iframe:not([hidden]){width: 100% !important;height: 100% !important;aspect-ratio: 16 / 9;}
}
[data-jne-home-offline-logo="1"]{display: none !important;}
.jne-home-live-media{position: relative !important;display: grid !important;place-items: center !important;overflow: hidden !important;}
.jne-home-live-consent-shell{
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: inherit !important;
}
.jne-home-live-consent-shell > .jne-twitch-consent-placeholder:not([hidden]){
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 10px !important;
  overflow: auto !important;
}
.jne-home-live-consent-shell .jne-twitch-consent-card{
  width: min(100%, 390px) !important;
  max-width: 390px !important;
  gap: 7px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
}
.jne-home-live-consent-shell .jne-home-live-meta{gap: 5px !important;margin: 0 !important;font-size: .66rem !important;line-height: 1.25 !important;}
.jne-home-live-consent-shell .jne-twitch-consent-icon{width: 38px !important;height: 38px !important;font-size: .9rem !important;}
.jne-home-live-consent-shell .jne-twitch-consent-card > strong{font-size: .98rem !important;line-height: 1.2 !important;}
.jne-home-live-consent-shell .jne-twitch-consent-card > p{margin: 0 !important;font-size: .76rem !important;line-height: 1.35 !important;}
.jne-home-live-consent-shell .jne-twitch-consent-actions{grid-template-columns: 1fr 1fr !important;gap: 7px !important;margin-top: 1px !important;}
.jne-home-live-consent-shell .jne-twitch-consent-button{
  min-height: 36px !important;
  padding: 7px 9px !important;
  font-size: .76rem !important;
  line-height: 1.15 !important;
}
.jne-home-live-consent-shell .jne-twitch-consent-links{gap: 4px 10px !important;font-size: .63rem !important;line-height: 1.25 !important;}
@media (max-width: 680px){
.jne-home-live-media{overflow: visible !important;}
  .jne-home-live-consent-shell:has( > .jne-twitch-consent-placeholder:not([hidden]) ){
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }
  .jne-home-live-consent-shell > .jne-twitch-consent-placeholder:not([hidden]){
    position: relative !important;
    inset: auto !important;
    height: auto !important;
    overflow: visible !important;
    padding: 12px !important;
  }
  .jne-home-live-consent-shell .jne-twitch-consent-card{width: 100% !important;max-width: none !important;padding: 14px 13px !important;}
  .jne-home-live-consent-shell .jne-twitch-consent-card > p{font-size: .88rem !important;line-height: 1.45 !important;}
  .jne-home-live-consent-shell .jne-twitch-consent-note{font-size: .76rem !important;line-height: 1.4 !important;}
  .jne-home-live-consent-shell .jne-twitch-consent-actions{grid-template-columns: 1fr !important;}
  .jne-home-live-consent-shell .jne-twitch-consent-button{min-height: 46px !important;font-size: .92rem !important;}
  .jne-home-live-consent-shell .jne-twitch-consent-links{font-size: .72rem !important;}
}
.hero-logo-panel .jne-home-live-old-logo-host{display: none !important;}
.hero-logo-panel.jne-home-live-panel-host{position: relative !important;min-height: 500px !important;overflow: hidden !important;}
.hero-logo-panel.jne-home-live-panel-host > .jne-home-live-consent-shell{
  position: absolute !important;
  inset: 34px !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
  border-radius: 18px !important;
}
.hero-logo-panel.jne-home-live-panel-host > .jne-home-live-consent-shell > .jne-twitch-consent-placeholder:not([hidden]){
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 12px !important;
  overflow: visible !important;
}
.hero-logo-panel.jne-home-live-panel-host .jne-twitch-consent-card{
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  gap: 8px !important;
  padding: 14px 16px !important;
  border-radius: 15px !important;
}
.hero-logo-panel.jne-home-live-panel-host .jne-home-live-meta{margin: 0 !important;font-size: .70rem !important;line-height: 1.25 !important;}
.hero-logo-panel.jne-home-live-panel-host .jne-twitch-consent-icon{width: 40px !important;height: 40px !important;}
.hero-logo-panel.jne-home-live-panel-host .jne-twitch-consent-card > strong{font-size: 1rem !important;line-height: 1.2 !important;}
.hero-logo-panel.jne-home-live-panel-host .jne-twitch-consent-card > p{margin: 0 !important;font-size: .78rem !important;line-height: 1.4 !important;}
.hero-logo-panel.jne-home-live-panel-host .jne-twitch-consent-note{font-size: .68rem !important;line-height: 1.35 !important;}
.hero-logo-panel.jne-home-live-panel-host .jne-twitch-consent-actions{grid-template-columns: 1fr 1fr !important;gap: 8px !important;}
.hero-logo-panel.jne-home-live-panel-host .jne-twitch-consent-button{
  min-height: 38px !important;
  padding: 8px 10px !important;
  font-size: .78rem !important;
}
.hero-logo-panel.jne-home-live-panel-host .jne-twitch-consent-links{font-size: .65rem !important;line-height: 1.25 !important;}
.hero-logo-panel.jne-home-live-panel-host > .jne-home-live-consent-shell > iframe:not([hidden]){
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 14px !important;
}
@media (max-width: 680px){
.hero-logo-panel.jne-home-live-panel-host{min-height: 0 !important;overflow: visible !important;}
  .hero-logo-panel.jne-home-live-panel-host > .jne-home-live-consent-shell{
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }
  .hero-logo-panel.jne-home-live-panel-host > .jne-home-live-consent-shell > .jne-twitch-consent-placeholder:not([hidden]){
    position: relative !important;
    inset: auto !important;
    height: auto !important;
    padding: 12px !important;
  }
  .hero-logo-panel.jne-home-live-panel-host .jne-twitch-consent-card{width: 100% !important;max-width: none !important;padding: 14px 13px !important;}
  .hero-logo-panel.jne-home-live-panel-host .jne-twitch-consent-card > p{font-size: .88rem !important;line-height: 1.45 !important;}
  .hero-logo-panel.jne-home-live-panel-host .jne-twitch-consent-note{font-size: .76rem !important;line-height: 1.4 !important;}
  .hero-logo-panel.jne-home-live-panel-host .jne-twitch-consent-actions{grid-template-columns: 1fr !important;}
  .hero-logo-panel.jne-home-live-panel-host .jne-twitch-consent-button{min-height: 46px !important;font-size: .92rem !important;}
  .hero-logo-panel.jne-home-live-panel-host .jne-twitch-consent-links{font-size: .72rem !important;}
  .hero-logo-panel.jne-home-live-panel-host > .jne-home-live-consent-shell > iframe:not([hidden]){
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
}
.jne-home-live-consent-shell .jne-home-age-warning{
  display: grid;
  gap: 4px;
  margin: 2px 0 0;
  padding: 8px 10px;
  border: 1px solid rgba(70, 204, 237, .20);
  border-left: 3px solid #46CCED;
  border-radius: 9px;
  background: rgba(70, 204, 237, .06);
  color: #a5bdca;
}
.jne-home-live-consent-shell .jne-home-age-warning > strong{color: #f4fbff;font-size: .72rem;line-height: 1.25;}
.jne-home-live-consent-shell .jne-home-age-warning > p{margin: 0 !important;color: #a5bdca;font-size: .64rem !important;line-height: 1.32 !important;}
@media (max-width: 680px){
.jne-home-live-consent-shell .jne-home-age-warning{gap: 5px;padding: 10px 11px;}
  .jne-home-live-consent-shell .jne-home-age-warning > strong{font-size: .82rem;}
  .jne-home-live-consent-shell .jne-home-age-warning > p{font-size: .76rem !important;line-height: 1.4 !important;}
}
.jne-home-live-consent-shell.jne-seq-mode{
  display: block !important;
  min-height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.jne-home-live-consent-shell .jne-seq-stage-wrap{display: block;}
.jne-home-live-consent-shell .jne-seq-panel{
  width: 100%;
  padding: 22px 24px;
  border: 1px solid rgba(70, 204, 237, .24);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(6, 33, 51, .98), rgba(4, 24, 39, .98));
  box-shadow: inset 0 1px 0 rgba(70, 204, 237, .08), 0 16px 34px rgba(0, 0, 0, .24);
  color: #d9e8ef;
}
.jne-home-live-consent-shell .jne-seq-meta{margin: 0 0 14px;color: #d9f8ff;font-size: .95rem;font-weight: 700;}
.jne-home-live-consent-shell .jne-home-age-warning{margin: 0;padding: 0;border: none;border-radius: 0;background: transparent;box-shadow: none;}
.jne-home-live-consent-shell .jne-home-age-warning-title,.jne-home-live-consent-shell .jne-twitch-consent-title{
  margin: 0 0 14px;
  color: #f5fbff;
  font-size: 1.9rem;
  line-height: 1.16;
  font-weight: 800;
  text-align: center;
}
.jne-home-live-consent-shell .jne-home-age-warning p,.jne-home-live-consent-shell .jne-twitch-consent-note,.jne-home-live-consent-shell .jne-seq-privacy-extra{
  margin: 0 0 14px;
  color: #d4e4ec;
  font-size: 1rem !important;
  line-height: 1.72 !important;
  text-align: center;
}
.jne-home-live-consent-shell .jne-twitch-consent-icon{margin: 0 auto 16px;}
.jne-home-live-consent-shell .jne-seq-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin-top: 18px;}
.jne-home-live-consent-shell .jne-seq-btn{
  min-width: 240px;
  min-height: 52px;
  padding: 12px 18px;
  border-radius: 14px;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 800;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}
.jne-home-live-consent-shell .jne-seq-btn:hover{transform: translateY(-1px);}
.jne-home-live-consent-shell .jne-seq-btn-primary{
  border: 1px solid rgba(70, 204, 237, .58);
  background: linear-gradient(180deg, #5edcff, #41c7ea);
  color: #062133 !important;
  box-shadow: 0 10px 24px rgba(70, 204, 237, .20);
}
.jne-home-live-consent-shell .jne-seq-btn-secondary{
  border: 1px solid rgba(70, 204, 237, .28);
  background: rgba(10, 32, 49, .92);
  color: #f1f8fc !important;
}
.jne-home-live-consent-shell .jne-twitch-consent-links,.jne-home-live-consent-shell .jne-privacy-links,.jne-home-live-consent-shell .jne-privacy-actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
}
.jne-home-live-consent-shell .jne-twitch-consent-links a,.jne-home-live-consent-shell .jne-privacy-links a,.jne-home-live-consent-shell .jne-privacy-actions a{
  color: #7fe5ff !important;
  font-size: .92rem;
  font-weight: 700;
  text-decoration: none;
}
.jne-home-live-consent-shell .jne-twitch-consent-links a:hover,.jne-home-live-consent-shell .jne-privacy-links a:hover,.jne-home-live-consent-shell .jne-privacy-actions a:hover{
  text-decoration: underline;
}
@media (max-width: 900px){
.jne-home-live-consent-shell .jne-seq-panel{padding: 18px 18px;}
  .jne-home-live-consent-shell .jne-home-age-warning-title,.jne-home-live-consent-shell .jne-twitch-consent-title{font-size: 1.42rem;}
  .jne-home-live-consent-shell .jne-home-age-warning p,.jne-home-live-consent-shell .jne-twitch-consent-note,.jne-home-live-consent-shell .jne-seq-privacy-extra{
    font-size: .95rem !important;
    line-height: 1.62 !important;
  }
  .jne-home-live-consent-shell .jne-seq-btn{min-width: 100%;}
}
.jne-home-live-consent-shell.jne-seq-step-age .jne-seq-panel-age{display: block !important;}
.jne-home-live-consent-shell.jne-seq-step-age .jne-seq-panel-privacy,.jne-home-live-consent-shell.jne-seq-step-privacy .jne-seq-panel-age{display: none !important;}
.jne-home-live-consent-shell.jne-seq-step-privacy .jne-seq-panel-privacy{display: block !important;}
.jne-home-live-consent-shell .jne-seq-panel[hidden],.jne-home-live-consent-shell.jne-seq-step-age .jne-seq-panel-age .jne-twitch-consent-icon,.jne-home-live-consent-shell.jne-seq-step-age .jne-seq-panel-age .jne-twitch-consent-title,.jne-home-live-consent-shell.jne-seq-step-age .jne-seq-panel-age .jne-twitch-consent-note{display: none !important;}
.jne-home-live-consent-shell .jne-seq-actions-age{margin-top: 22px !important;}
.jne-home-live-consent-shell .jne-seq-age-continue{width: 100%;max-width: 420px;}
.jne-home-live-consent-shell .jne-seq-panel-privacy .jne-twitch-consent-title{margin-bottom: 16px !important;}
.jne-home-live-consent-shell .jne-seq-panel-privacy .jne-twitch-consent-note{color: #dbeaf1 !important;}
.jne-home-live-consent-shell .jne-seq-panel-privacy .jne-seq-privacy-extra{color: #eef9fd !important;}
.jne-home-live-consent-shell.jne-seq-step-player > iframe:not([hidden]){
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 420px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #000 !important;
}
.jne-home-live-consent-shell .jne-seq-disconnect{
  position: absolute;
  z-index: 5;
  top: 12px;
  right: 12px;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(70, 204, 237, .35);
  border-radius: 10px;
  background: rgba(4, 24, 39, .92);
  color: #f4fbff;
  font-size: .78rem;
  font-weight: 800;
  cursor: pointer;
}
@media (min-width: 681px){
.jne-home-live-consent-shell .jne-seq-panel-privacy{padding: 28px 32px !important;}
  .jne-home-live-consent-shell.jne-seq-step-player{position: relative !important;overflow: hidden !important;}
}
@media (max-width: 680px){
.jne-home-live-consent-shell.jne-seq-step-player > iframe:not([hidden]){min-height: 0 !important;aspect-ratio: 16 / 9 !important;}
}
.jne-home-live-consent-shell .jne-seq-panel-privacy{padding: 18px 22px !important;}
.jne-home-live-consent-shell .jne-seq-panel-privacy .jne-twitch-consent-icon{
  width: 42px !important;
  height: 42px !important;
  margin: 0 auto 12px !important;
}
.jne-home-live-consent-shell .jne-seq-panel-privacy .jne-twitch-consent-title{
  margin: 0 0 12px !important;
  font-size: 1.35rem !important;
  line-height: 1.18 !important;
}
.jne-home-live-consent-shell .jne-seq-panel-privacy .jne-twitch-consent-note{
  max-width: 650px !important;
  margin: 0 auto 12px !important;
  font-size: .88rem !important;
  line-height: 1.46 !important;
}
.jne-home-live-consent-shell .jne-seq-panel-privacy .jne-seq-privacy-extra{
  max-width: 620px !important;
  margin: 0 auto 14px !important;
  font-size: .98rem !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
}
.jne-home-live-consent-shell .jne-seq-panel-privacy .jne-seq-actions{gap: 10px !important;margin-top: 12px !important;}
.jne-home-live-consent-shell .jne-seq-panel-privacy .jne-seq-btn{
  min-height: 46px !important;
  padding: 9px 14px !important;
  font-size: .94rem !important;
  line-height: 1.15 !important;
}
.jne-home-live-consent-shell .jne-seq-panel-privacy .jne-twitch-consent-links,.jne-home-live-consent-shell .jne-seq-panel-privacy .jne-privacy-links,.jne-home-live-consent-shell .jne-seq-panel-privacy .jne-privacy-actions{
  gap: 8px 12px !important;
  margin-top: 12px !important;
  font-size: .82rem !important;
  line-height: 1.25 !important;
}
@media (max-width: 680px){
.jne-home-live-consent-shell .jne-seq-panel-privacy{padding: 15px 14px !important;}
  .jne-home-live-consent-shell .jne-seq-panel-privacy .jne-twitch-consent-title{font-size: 1.22rem !important;}
  .jne-home-live-consent-shell .jne-seq-panel-privacy .jne-twitch-consent-note{font-size: .86rem !important;line-height: 1.45 !important;}
  .jne-home-live-consent-shell .jne-seq-panel-privacy .jne-seq-privacy-extra{font-size: .94rem !important;line-height: 1.42 !important;}
  .jne-home-live-consent-shell .jne-seq-panel-privacy .jne-seq-btn{min-height: 44px !important;font-size: .90rem !important;}
}
.jne-home-live-consent-shell .jne-seq-panel-age .jne-seq-meta,.jne-home-live-consent-shell .jne-seq-panel-age .jne-home-live-meta{
  margin-bottom: 10px !important;
  font-size: 1.08rem !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}
.jne-home-live-consent-shell .jne-seq-panel-age .jne-home-age-warning-title{
  margin-bottom: 14px !important;
  font-size: 1.58rem !important;
  line-height: 1.16 !important;
}
@media (max-width: 680px){
.jne-home-live-consent-shell .jne-seq-panel-age .jne-seq-meta,.jne-home-live-consent-shell .jne-seq-panel-age .jne-home-live-meta{
    font-size: .98rem !important;
  }
  .jne-home-live-consent-shell .jne-seq-panel-age .jne-home-age-warning-title{font-size: 1.34rem !important;}
}
:root{--jne-impressum-accent: #46CCED;}
.jne-impressum-page{display: grid;gap: 24px;}
.jne-impressum-page .jne-impressum-lead{
  padding: 20px 22px;
  border: 1px solid rgba(70, 204, 237, .24);
  border-radius: 18px;
  background:
        rgba(70, 204, 237, .055);
}
.jne-impressum-page .jne-impressum-lawbox{padding: 16px 18px;border-left: 3px solid var(--jne-impressum-accent);background: rgba(70, 204, 237, .04);}
.jne-impressum-page h2{margin-bottom: 8px;}
.jne-impressum-page h3{margin-bottom: 6px;}
.jne-impressum-page ul{margin-top: 8px;}
.jne-impressum-page a{overflow-wrap: anywhere;}
.jne-modapp{
  --jne-mod-accent:#46CCED;
  --jne-mod-accent-rgb:70,204,237;
  --jne-mod-bg:#071522;
  --jne-mod-panel:#0d2235;
  --jne-mod-panel-2:#102a40;
  --jne-mod-line:rgba(var(--jne-mod-accent-rgb),.28);
  --jne-mod-text:#eef8fc;
  --jne-mod-soft:#aec2cf;
  --jne-mod-danger:#ff7f8f;
  display:grid;
  gap:24px;
  color:var(--jne-mod-text);
}
.jne-modapp *{box-sizing:border-box;}
.jne-modapp-intro,.jne-modapp-form{
  border:1px solid var(--jne-mod-line);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(15,40,61,.96),rgba(6,22,36,.98));
  box-shadow:0 22px 55px rgba(0,0,0,.24);
}
.jne-modapp-intro{padding:clamp(22px,4vw,40px);}
.jne-modapp-intro h2{margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.6rem);}
.jne-modapp-intro p{color:var(--jne-mod-soft);}
.jne-modapp-age-note{
  display:grid;
  gap:5px;
  margin-top:20px;
  padding:16px 18px;
  border:1px solid rgba(var(--jne-mod-accent-rgb),.34);
  border-radius:16px;
  background:rgba(var(--jne-mod-accent-rgb),.08);
}
.jne-modapp-age-note strong{color:var(--jne-mod-accent);}
.jne-modapp-required-note{margin-bottom:0!important;font-size:.92rem;}
.jne-modapp-form{padding:clamp(18px,4vw,38px);}
.jne-modapp-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.jne-modapp-notice{padding:16px 18px;border-radius:16px;border:1px solid;}
.jne-modapp-notice-success{border-color:rgba(74,222,128,.45);background:rgba(74,222,128,.09);}
.jne-modapp-notice-error{border-color:rgba(255,127,143,.5);background:rgba(255,127,143,.09);}
.jne-modapp-notice-error ul{margin:10px 0 0 20px;}
.jne-modapp-progress{margin-bottom:30px;}
.jne-modapp-progress-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:9px;color:var(--jne-mod-soft);}
.jne-modapp-progress-bar{background:rgba(255,255,255,.08);}
.jne-modapp-progress-bar span{
  display:block;
  width:17%;
  height:100%;
  background:linear-gradient(90deg,#249cbd,var(--jne-mod-accent));
  transition:width .25s ease;
}
.jne-modapp-progress ol{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0 0;}
.jne-modapp-progress li{padding:9px 6px;border-radius:10px;color:#7f9aab;text-align:center;border:1px solid transparent;}
.jne-modapp-progress li.is-active{color:#06131c;background:var(--jne-mod-accent);font-weight:800;}
.jne-modapp-progress li.is-done{
  color:var(--jne-mod-accent);
  border-color:rgba(var(--jne-mod-accent-rgb),.24);
  background:rgba(var(--jne-mod-accent-rgb),.06);
}
.jne-mod-step{scroll-margin-top:120px;}
.jne-modapp.is-js .jne-mod-step:not(.is-active){display:none!important;}
.jne-mod-step h3{margin:0 0 22px;color:var(--jne-mod-accent);font-size:clamp(1.35rem,3vw,1.8rem);}
.jne-modapp-grid{display:grid;gap:18px;}
.jne-modapp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.jne-modapp-field,.jne-modapp-fieldset{display:grid;gap:8px;margin:0 0 20px;}
.jne-modapp-field>span,.jne-modapp-fieldset legend{font-weight:800;color:var(--jne-mod-text);}
.jne-modapp-field small,.jne-modapp-fieldset small{color:var(--jne-mod-soft);font-weight:500;}
.jne-modapp-field input,.jne-modapp-field textarea{
  width:100%;
  border:1px solid rgba(var(--jne-mod-accent-rgb),.25);
  border-radius:13px;
  background:rgba(2,13,22,.75);
  color:var(--jne-mod-text);
  padding:13px 14px;
  font:inherit;
  outline:none;
  transition:border-color .18s,box-shadow .18s;
}
.jne-modapp-field textarea{resize:vertical;min-height:120px;}
.jne-modapp-field input:focus,.jne-modapp-field textarea:focus{
  border-color:var(--jne-mod-accent);
  box-shadow:0 0 0 3px rgba(var(--jne-mod-accent-rgb),.12);
}
.jne-modapp-fieldset{border:0;padding:0;}
.jne-modapp-fieldset legend{margin-bottom:10px;}
.jne-modapp-choice-grid{display:grid;gap:12px;}
.jne-modapp-choice-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.jne-modapp-choice-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.jne-modapp-choice{position:relative;display:block;cursor:pointer;}
.jne-modapp-choice input{position:absolute;opacity:0;pointer-events:none;}
.jne-modapp-choice span{
  display:flex;
  min-height:54px;
  align-items:center;
  justify-content:center;
  padding:12px;
  border:1px solid rgba(var(--jne-mod-accent-rgb),.25);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  color:var(--jne-mod-soft);
  font-weight:800;
  transition:.18s ease;
}
.jne-modapp-choice:hover span{border-color:rgba(var(--jne-mod-accent-rgb),.55);color:var(--jne-mod-text);}
.jne-modapp-choice input:focus-visible+span{outline:2px solid var(--jne-mod-accent);outline-offset:3px;}
.jne-modapp-choice input:checked+span{
  color:#04131b;
  border-color:var(--jne-mod-accent);
  background:linear-gradient(135deg,var(--jne-mod-accent),#81ddf4);
  box-shadow:0 10px 24px rgba(var(--jne-mod-accent-rgb),.18);
}
.jne-modapp-branch{
  margin:16px 0;
  padding:18px;
  border:1px solid rgba(var(--jne-mod-accent-rgb),.18);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.jne-mod-exp-placeholder{color:var(--jne-mod-soft);text-align:center;}
.jne-modapp-summary{display:grid;gap:15px;margin:20px 0 26px;}
.jne-modapp-summary-card{padding:18px;border:1px solid rgba(var(--jne-mod-accent-rgb),.2);border-radius:16px;background:rgba(255,255,255,.025);}
.jne-modapp-summary-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;}
.jne-modapp-summary-card h4{margin:0;color:var(--jne-mod-accent);}
.jne-modapp-edit{
  border:1px solid rgba(var(--jne-mod-accent-rgb),.55);
  border-radius:999px;
  background:transparent;
  color:var(--jne-mod-accent);
  padding:7px 12px;
  font-weight:800;
  cursor:pointer;
}
.jne-modapp-summary-card dl{margin:0;}
.jne-modapp-summary-row{
  display:grid;
  grid-template-columns:minmax(150px,.36fr) 1fr;
  gap:15px;
  padding:10px 0;
  border-top:1px solid rgba(255,255,255,.06);
}
.jne-modapp-summary-row:first-child{border-top:0;}
.jne-modapp-summary-row dt{color:var(--jne-mod-soft);font-weight:700;}
.jne-modapp-summary-row dd{margin:0;overflow-wrap:anywhere;}
.jne-modapp-confirmations{
  display:grid;
  gap:12px;
  padding:18px;
  border:1px solid rgba(var(--jne-mod-accent-rgb),.24);
  border-radius:16px;
  background:rgba(var(--jne-mod-accent-rgb),.04);
}
.jne-modapp-confirmations h4{margin:0 0 4px;}
.jne-modapp-check{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;color:var(--jne-mod-soft);}
.jne-modapp-check input{width:18px;height:18px;margin-top:3px;accent-color:var(--jne-mod-accent);}
.jne-modapp-check a{color:var(--jne-mod-accent);}
.jne-modapp-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:28px;}
.jne-modapp-button{
  min-height:46px;
  padding:11px 18px;
  border-radius:999px;
  border:1px solid rgba(var(--jne-mod-accent-rgb),.5);
  background:rgba(var(--jne-mod-accent-rgb),.08);
  color:var(--jne-mod-accent);
  font-weight:900;
  cursor:pointer;
}
.jne-modapp-next,.jne-modapp-submit{
  margin-left:auto;
  background:linear-gradient(135deg,#2ba8ca,var(--jne-mod-accent));
  color:#04131b;
  border-color:var(--jne-mod-accent);
}
.jne-modapp-button:hover{filter:brightness(1.08);}
.jne-modapp-noscript{margin-top:18px;color:var(--jne-mod-soft);}
@media(max-width:900px){
.jne-modapp-progress ol{grid-template-columns:repeat(3,1fr);}
  .jne-modapp-grid-2{grid-template-columns:1fr;}
}
@media(max-width:620px){
.jne-modapp-progress ol{display:none;}
  .jne-modapp-choice-grid-2,.jne-modapp-choice-grid-3{grid-template-columns:1fr;}
  .jne-modapp-summary-row{grid-template-columns:1fr;gap:4px;}
  .jne-modapp-navigation{flex-wrap:wrap;}
  .jne-modapp-button{width:100%;margin:0!important;}
}
.jne-modapp-discord-gate,.jne-modapp-discord-connected{
  border:1px solid rgba(var(--jne-mod-accent-rgb),.28);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(13,34,53,.97),rgba(5,20,33,.98));
  box-shadow:0 18px 44px rgba(0,0,0,.2);
}
.jne-modapp-discord-gate{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;padding:clamp(20px,4vw,32px);}
.jne-modapp-discord-mark,.jne-modapp-discord-avatar-fallback{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:64px;
  height:64px;
  border:1px solid rgba(var(--jne-mod-accent-rgb),.42);
  border-radius:50%;
  background:rgba(var(--jne-mod-accent-rgb),.1);
  color:var(--jne-mod-accent);
  font-weight:900;
  letter-spacing:.05em;
}
.jne-modapp-discord-gate h3{margin:0 0 10px;color:var(--jne-mod-accent);font-size:1.45rem;}
.jne-modapp-discord-gate p{margin:8px 0;color:var(--jne-mod-soft);line-height:1.65;}
.jne-modapp-discord-gate code{color:#d9f7ff;}
.jne-modapp-discord-login{
  display:inline-flex;
  min-height:48px;
  margin-top:12px;
  padding:11px 20px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--jne-mod-accent);
  border-radius:999px;
  background:linear-gradient(135deg,#2ba8ca,var(--jne-mod-accent));
  color:#04131b!important;
  font-weight:900;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(var(--jne-mod-accent-rgb),.16);
}
.jne-modapp-discord-login:hover{filter:brightness(1.08);}
.jne-modapp-discord-connected{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;border-radius:15px;}
.jne-modapp-discord-connected-text span,.jne-modapp-discord-connected-text small,.jne-modapp-discord-connected-text strong{display:inline;margin:0;}
.jne-modapp-discord-connected-text span,.jne-modapp-discord-connected-text small{color:var(--jne-mod-soft);}
.jne-modapp-discord-connected-text strong{color:var(--jne-mod-text);font-size:1rem;}
.jne-modapp-discord-separator{opacity:.65;}
.jne-modapp-discord-connected > a{font-size:.88rem;font-weight:800;}
.jne-modapp-discord-readonly{
  min-height:92px;
  padding:13px 14px;
  align-content:center;
  border:1px solid rgba(var(--jne-mod-accent-rgb),.25);
  border-radius:13px;
  background:rgba(2,13,22,.52);
}
.jne-modapp-discord-readonly > strong{color:var(--jne-mod-accent);}
.jne-modapp-notice a{color:var(--jne-mod-accent)!important;font-weight:800;}
@media(max-width:620px){
.jne-modapp-discord-gate{grid-template-columns:1fr;}
  .jne-modapp-discord-connected{grid-template-columns:1fr;gap:7px;}
  .jne-modapp-discord-connected > a{justify-self:start;}
}
.jne-modapp{width: min(1180px, calc(100vw - 48px));max-width: 1180px;margin-left: 50%;margin-right: 0;transform: translateX(-50%);}
.jne-modapp-form{
  position: relative;
  isolation: isolate;
  padding:
        clamp(30px, 3.4vw, 48px)
        clamp(26px, 4.2vw, 56px)
        clamp(30px, 3.4vw, 44px);
  border: 1px solid rgba(70, 204, 237, .38);
  border-radius: 28px;
  background:
        radial-gradient(
            circle at 50% -18%,
            rgba(70, 204, 237, .09),
            transparent 39%
        ),
        radial-gradient(
            circle at 100% 20%,
            rgba(22, 104, 147, .08),
            transparent 33%
        ),
        linear-gradient(
            145deg,
            rgba(8, 29, 46, .985),
            rgba(5, 18, 30, .995)
        );
  box-shadow:
        0 30px 70px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .025),
        0 0 34px rgba(70, 204, 237, .035);
  overflow: hidden;
}
.jne-modapp-form::before,.jne-modapp-form::after{
  content: "";
  position: absolute;
  z-index: -1;
  top: 10%;
  bottom: 8%;
  width: 1px;
  pointer-events: none;
  background:
        linear-gradient(
            180deg,
            transparent,
            rgba(70, 204, 237, .38) 24%,
            rgba(70, 204, 237, .10) 75%,
            transparent
        );
  box-shadow:
        0 0 18px rgba(70, 204, 237, .18);
}
.jne-modapp-form::before{left: 0;}
.jne-modapp-form::after{right: 0;}
.jne-modapp-discord-connected{
  position: relative;
  min-height: 58px;
  margin: 0 0 20px;
  padding: 11px 16px 11px 60px;
  border: 1px solid rgba(70, 204, 237, .23);
  border-radius: 17px;
  background:
        linear-gradient(
            90deg,
            rgba(11, 33, 51, .94),
            rgba(5, 22, 35, .93)
        );
  box-shadow:
        0 12px 30px rgba(0, 0, 0, .13),
        inset 0 1px 0 rgba(255, 255, 255, .025);
}
.jne-modapp-discord-connected::before{
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  border-radius: 50%;
  background:
        #5865f2
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M18.9 5.3A16 16 0 0 0 15.3 4l-.4.8a13.2 13.2 0 0 0-5.8 0L8.7 4a16 16 0 0 0-3.6 1.3C2.8 8.7 2.2 12 2.5 15.2A14.5 14.5 0 0 0 7 17.5l1.1-1.5c-.6-.2-1.2-.5-1.7-.8l.4-.3a10.5 10.5 0 0 0 10.4 0l.4.3c-.5.3-1.1.6-1.7.8l1.1 1.5a14.5 14.5 0 0 0 4.5-2.3c.4-3.8-.7-7-2.6-9.9ZM8.5 13.8c-1 0-1.8-.9-1.8-2s.8-2 1.8-2 1.8.9 1.8 2-.8 2-1.8 2Zm7 0c-1 0-1.8-.9-1.8-2s.8-2 1.8-2 1.8.9 1.8 2-.8 2-1.8 2Z'/%3E%3C/svg%3E")
        center / 20px 20px
        no-repeat;
  box-shadow:
        0 7px 17px rgba(88, 101, 242, .27);
}
.jne-modapp-discord-connected-text{display: flex;min-width: 0;flex-wrap: wrap;gap: 4px 8px;align-items: baseline;}
.jne-modapp-discord-connected-text > span:first-child{color: #9eb3c2;}
.jne-modapp-discord-connected-text strong{color: #f5fbff;font-weight: 900;}
.jne-modapp-discord-connected-text small{color: #839cab;}
.jne-modapp-discord-connected > a{color: #46CCED !important;font-weight: 900;text-decoration: none;white-space: nowrap;}
.jne-modapp-progress{margin-bottom: 44px;}
.jne-modapp-progress-head{margin-bottom: 16px;align-items: center;}
.jne-modapp-progress-label{color: #f4fbff;font-size: 1rem;font-weight: 900;}
.jne-modapp-progress-percent{color: #dceaf2;font-size: .98rem;font-weight: 700;}
.jne-modapp-progress-bar{
  height: 7px;
  border-radius: 999px;
  background: rgba(116, 151, 170, .15);
  box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, .26);
  overflow: hidden;
}
.jne-modapp-progress-bar span{
  position: relative;
  border-radius: inherit;
  background:
        linear-gradient(
            90deg,
            #28aaca,
            #46CCED
        );
  box-shadow:
        0 0 14px rgba(70, 204, 237, .31);
}
.jne-modapp-progress ol{
  counter-reset: jne-step;
  display: grid;
  grid-template-columns:
        1.14fr
        1fr
        1fr
        1fr
        1.28fr
        .78fr;
  gap: 0;
  margin: 23px 0 0;
  padding: 0;
  list-style: none;
}
.jne-modapp-progress li{
  counter-increment: jne-step;
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 34px;
  padding: 0 12px 0 43px;
  align-items: center;
  color: #6f8797;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: left;
  font-size: .78rem;
  line-height: 1.2;
}
.jne-modapp-progress li::before{
  content: counter(jne-step);
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  transform: translateY(-50%);
  border: 1px solid rgba(127, 164, 184, .30);
  border-radius: 50%;
  background: rgba(5, 20, 32, .98);
  color: #8ca5b5;
  font-size: .82rem;
  font-weight: 850;
  box-shadow:
        0 0 0 4px rgba(5, 20, 32, .88);
}
.jne-modapp-progress li:not(:last-child)::after{
  content: "";
  position: absolute;
  z-index: 0;
  left: 31px;
  right: -1px;
  top: 50%;
  height: 1px;
  background:
        linear-gradient(
            90deg,
            rgba(70, 204, 237, .15),
            rgba(119, 151, 169, .08)
        );
}
.jne-modapp-progress li.is-active{color: #46CCED;background: transparent;font-weight: 900;}
.jne-modapp-progress li.is-active::before{
  border-color: #46CCED;
  background:
        linear-gradient(
            145deg,
            #53d6f4,
            #30b9dd
        );
  color: #04141e;
  box-shadow:
        0 0 0 4px rgba(5, 20, 32, .90),
        0 0 20px rgba(70, 204, 237, .25);
}
.jne-modapp-progress li.is-done{color: #9cc7d6;background: transparent;border: 0;}
.jne-modapp-progress li.is-done::before{border-color: rgba(70, 204, 237, .62);background: rgba(70, 204, 237, .12);color: #46CCED;}
.jne-mod-step[data-step="0"] > h3{
  position: relative;
  display: inline-block;
  margin: 0 0 32px;
  padding-bottom: 10px;
  color: #46CCED;
  font-size: clamp(1.85rem, 3vw, 2.35rem);
  font-weight: 900;
  letter-spacing: -.035em;
  text-shadow:
        0 0 22px rgba(70, 204, 237, .09);
}
.jne-mod-step[data-step="0"] > h3::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 68px;
  height: 2px;
  border-radius: 999px;
  background:
        linear-gradient(
            90deg,
            #46CCED,
            rgba(70, 204, 237, .04)
        );
  box-shadow:
        0 0 10px rgba(70, 204, 237, .45);
}
.jne-mod-step[data-step="0"] .jne-modapp-grid-2{
  grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );
  column-gap: clamp(22px, 3vw, 34px);
  row-gap: 22px;
  align-items: start;
}
.jne-mod-step[data-step="0"] .jne-modapp-field{margin: 0;gap: 9px;}
.jne-modapp-contact-twitch{grid-column: 1 / -1;}
.jne-mod-step[data-step="0"] .jne-modapp-field > span{color: #edf7fb;font-size: .94rem;font-weight: 850;}
.jne-mod-step[data-step="0"] .jne-modapp-field > span small{margin-left: 3px;color: #8ba2b2;font-size: .78rem;font-weight: 600;}
.jne-mod-step[data-step="0"] .jne-modapp-field > small{color: #8299a9;font-size: .76rem;line-height: 1.5;}
.jne-mod-step[data-step="0"] .jne-modapp-field input{
  min-height: 64px;
  padding: 15px 54px 15px 18px;
  border: 1px solid rgba(70, 204, 237, .43);
  border-radius: 14px;
  background-color: rgba(2, 14, 24, .83);
  color: #f5fbff;
  font-size: 1rem;
  box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .018),
        0 9px 24px rgba(0, 0, 0, .08);
  transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
}
.jne-mod-step[data-step="0"] .jne-modapp-field input::placeholder{color: #647d8f;opacity: 1;}
.jne-mod-step[data-step="0"] .jne-modapp-field input:hover{border-color: rgba(70, 204, 237, .62);background-color: rgba(3, 18, 29, .90);}
.jne-mod-step[data-step="0"] .jne-modapp-field input:focus{
  border-color: #46CCED;
  background-color: rgba(3, 18, 29, .97);
  box-shadow:
        0 0 0 3px rgba(70, 204, 237, .09),
        0 0 20px rgba(70, 204, 237, .09);
}
.jne-modapp-contact-firstname input{
  background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237d9bad' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.25'/%3E%3Cpath d='M5.75 20c.45-4 2.55-6 6.25-6s5.8 2 6.25 6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 17px center;
  background-size: 23px 23px;
}
.jne-modapp-contact-age input{
  background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2346CCED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5.5' width='16' height='14' rx='2.3'/%3E%3Cpath d='M8 3.5v4M16 3.5v4M4 9.5h16'/%3E%3Cpath d='M8 13h2M12 13h2M16 13h1M8 16h2M12 16h2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 17px center;
  background-size: 22px 22px;
}
.jne-modapp-contact-twitch input{
  background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237d9bad' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h15v11l-4 4h-4l-2.5 2v-2H5z'/%3E%3Cpath d='M10 8v5M15 8v5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 17px center;
  background-size: 23px 23px;
}
.jne-modapp-contact-age input[type="number"]{appearance: textfield;-moz-appearance: textfield;}
.jne-modapp-contact-age input[type="number"]::-webkit-inner-spin-button,.jne-modapp-contact-age input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
.jne-modapp-navigation{margin-top: clamp(34px, 4vw, 46px);}
.jne-modapp-next{
  min-width: 134px;
  min-height: 51px;
  padding: 12px 24px;
  border: 1px solid rgba(102, 225, 249, .72);
  border-radius: 16px;
  background:
        linear-gradient(
            145deg,
            #51d7f4,
            #29b7dc
        );
  color: #03141f;
  font-weight: 950;
  box-shadow:
        0 11px 28px rgba(70, 204, 237, .18),
        0 0 24px rgba(70, 204, 237, .14),
        inset 0 1px 0 rgba(255, 255, 255, .34);
  transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}
.jne-modapp-next:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow:
        0 15px 34px rgba(70, 204, 237, .24),
        0 0 30px rgba(70, 204, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .38);
}
@media (max-width: 920px){
.jne-modapp{width: min(100%, calc(100vw - 32px));}
  .jne-modapp-form{padding: 30px 28px;}
  .jne-modapp-progress ol{grid-template-columns:
            repeat(
                6,
                minmax(0, 1fr)
            );}
  .jne-modapp-progress li{padding: 40px 4px 0;justify-content: center;text-align: center;font-size: .69rem;}
  .jne-modapp-progress li::before{left: 50%;top: 0;transform: translateX(-50%);}
  .jne-modapp-progress li:not(:last-child)::after{left: calc(50% + 16px);right: calc(-50% + 16px);top: 15px;}
}
@media (max-width: 700px){
.jne-modapp{width: min(100%, calc(100vw - 20px));}
  .jne-modapp-form{padding: 24px 18px;border-radius: 22px;}
  .jne-modapp-discord-connected{grid-template-columns: 1fr;padding: 11px 14px 11px 54px;}
  .jne-modapp-discord-connected > a{justify-self: start;}
  .jne-modapp-progress{margin-bottom: 32px;}
  .jne-modapp-progress ol{display: none;}
  .jne-mod-step[data-step="0"] .jne-modapp-grid-2{grid-template-columns: 1fr;gap: 18px;}
  .jne-modapp-contact-twitch{grid-column: auto;}
  .jne-mod-step[data-step="0"] > h3{margin-bottom: 25px;}
  .jne-mod-step[data-step="0"] .jne-modapp-field input{min-height: 58px;}
  .jne-modapp-next{width: 100%;}
}
.jne-modapp-chat-scenarios{display:grid;gap:18px;}
.jne-modapp-chat-scenario{
  position:relative;
  padding:20px;
  border:1px solid rgba(70,204,237,.22);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(7,28,44,.88),rgba(3,18,29,.84));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.08);
}
.jne-modapp-chat-scenario-title{display:flex!important;gap:10px;align-items:center;margin-bottom:10px!important;color:#f2fbff!important;}
.jne-modapp-chat-scenario-title b{
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:50%;
  background:rgba(70,204,237,.14);
  border:1px solid rgba(70,204,237,.48);
  color:#46CCED;
  font-size:.84rem;
  box-shadow:0 0 16px rgba(70,204,237,.08);
}
.jne-modapp-chat-scenario-title strong{font-size:1rem;}
.jne-modapp-chat-scenario-question{
  display:block!important;
  margin:0 0 12px!important;
  color:#bfd1dc!important;
  font-weight:650!important;
  line-height:1.55;
}
.jne-modapp-chat-scenario textarea{min-height:150px;}
.jne-modapp-chat-scenario:focus-within{border-color:rgba(70,204,237,.58);box-shadow:0 0 0 3px rgba(70,204,237,.06),0 14px 32px rgba(0,0,0,.11);}
@media(max-width:700px){
.jne-modapp-chat-scenario{padding:16px;}
  .jne-modapp-chat-scenario textarea{min-height:135px;}
}
.jne-modapp-summary-row.jne-modapp-summary-scenario{
  grid-template-columns:
        minmax(190px, .38fr)
        minmax(0, 1fr);
  gap: 18px;
  margin: 8px 0;
  padding: 14px 16px;
  border: 1px solid rgba(70, 204, 237, .16);
  border-radius: 14px;
  background:
        linear-gradient(
            145deg,
            rgba(70, 204, 237, .055),
            rgba(255, 255, 255, .018)
        );
  box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .018);
}
.jne-modapp-summary-row.jne-modapp-summary-scenario:first-child{border-top: 1px solid rgba(70, 204, 237, .16);}
.jne-modapp-summary-scenario dt{display: flex;gap: 10px;align-items: center;min-width: 0;color: #d9edf5;font-weight: 850;}
.jne-modapp-summary-scenario-badge{
  display: grid;
  width: 29px;
  height: 29px;
  flex: 0 0 29px;
  place-items: center;
  border: 1px solid rgba(70, 204, 237, .54);
  border-radius: 50%;
  background: rgba(70, 204, 237, .13);
  color: #46CCED;
  font-size: .78rem;
  font-weight: 950;
  box-shadow: 0 0 14px rgba(70, 204, 237, .08);
}
.jne-modapp-summary-scenario-title{min-width: 0;color: #dceef5;font-weight: 850;}
.jne-modapp-summary-scenario dd{display: flex;min-height: 29px;align-items: center;color: #f0f8fb;line-height: 1.55;}
@media (max-width: 700px){
.jne-modapp-summary-row.jne-modapp-summary-scenario{grid-template-columns: 1fr;gap: 8px;padding: 13px 14px;}
  .jne-modapp-summary-scenario dd{padding-left: 39px;}
}
.jne-projects-finished{display: grid;gap: 28px;margin-top: 34px;}
.jne-projects-intro{margin-bottom: 0;}
.jne-project-card{grid-template-columns:
        auto minmax(0, 1fr);min-height: 210px;cursor: default;}
.jne-project-card:hover{transform: translateY(-2px);}
.jne-project-facts{display: grid;gap: 6px;margin-top: 5px;}
.jne-project-facts > span{display: block;font-size: .94rem;line-height: 1.5;}
.jne-project-facts b{color: var(--jne-text);font-weight: 800;}
.jne-projects-empty{margin-top: 0;}
@media (max-width: 1000px){
.jne-project-grid{grid-template-columns:
            repeat(2, minmax(0, 1fr));}
}
@media (max-width: 720px){
.jne-project-grid{grid-template-columns: 1fr;}
  .jne-project-card{min-height: 0;}
}
.jne-info-page .jne-info-placeholder{display: none;}
.jne-info-page + .jne-projects-finished{margin-top: 34px;}
.jne-project-extra-multiline{
  display: grid !important;
  grid-template-columns:
        max-content minmax(0, 1fr);
  column-gap: 6px;
  align-items: start;
  width: 100%;
  margin-top: 3px;
}
.jne-project-extra-multiline .jne-project-extra-label{display: block;grid-column: 1;white-space: nowrap;}
.jne-project-extra-multiline .jne-project-extra-text{display: block;grid-column: 2;min-width: 0;line-height: 1.5;}
@media (max-width: 520px){
.jne-project-extra-multiline{grid-template-columns: 1fr;row-gap: 2px;}
  .jne-project-extra-multiline .jne-project-extra-label,.jne-project-extra-multiline .jne-project-extra-text{grid-column: 1;}
}
.jne-project-grid{display: grid;grid-template-columns: 1fr !important;gap: 18px;align-items: stretch;}
.jne-project-card{width: 100%;max-width: none;min-width: 0;}
.jne-project-card .jne-hub-card-copy > strong{display: block;margin-bottom: 8px;font-size: 1.5rem;line-height: 1.1;font-weight: 800;}
.jne-twitch-admin-gate-host{width: 100%;}
.jne-twitch-admin-gate-card{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  width: 100%;
  padding: 22px;
  border: 1px solid rgba(70, 204, 237, .24);
  border-radius: 16px;
  background:
        linear-gradient(
            180deg,
            rgba(5, 39, 58, .96),
            rgba(3, 27, 42, .98)
        );
  color: #d8e7ee;
}
.jne-twitch-admin-gate-card h3{margin: 0 0 8px;color: #f4fbff;font-size: 1.08rem;}
.jne-twitch-admin-gate-card p{margin: 0;color: #b5cbd5;line-height: 1.6;}
.jne-twitch-admin-gate-card strong{color: #e9f8fd;}
.jne-twitch-admin-gate-icon{
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(70, 204, 237, .28);
  border-radius: 12px;
  background: rgba(70, 204, 237, .08);
  font-size: 1.25rem;
}
.jne-twitch-admin-gate-hint{margin-top: 8px !important;color: #83a8b8 !important;font-size: .9rem;}
.jne-twitch-admin-gate-card.is-loading{opacity: .92;}
.jne-twitch-admin-gate-spinner{
  width: 30px;
  height: 30px;
  margin: 6px;
  border: 3px solid rgba(70, 204, 237, .18);
  border-top-color: #46CCED;
  border-radius: 50%;
  animation: jne-twitch-admin-gate-spin .8s linear infinite;
}
.jne-twitch-admin-gate-card.is-error{border-color: rgba(255, 180, 80, .28);}
.jne-twitch-admin-protected-content{width: 100%;}
@keyframes jne-twitch-admin-gate-spin {
to {
transform: rotate(360deg);
}
}
@media (max-width: 640px){
.jne-twitch-admin-gate-card{grid-template-columns: 1fr;padding: 18px;}
}
#admin-broadcaster.jne-command-card.is-protected{
  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)
        ) !important;
}
#admin-broadcaster > .jne-command-summary{
  min-height: 122px !important;
  padding: 27px 30px 27px 34px !important;
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  gap: 22px !important;
}
#admin-broadcaster > .jne-command-summary .jne-command-icon{
  width: 64px !important;
  height: 64px !important;
  flex: 0 0 64px !important;
  border-radius: 18px !important;
}
#admin-broadcaster > .jne-command-summary .jne-command-heading{gap: 6px !important;}
#admin-broadcaster > .jne-command-summary .jne-command-heading strong{font-size: clamp(1.2rem, 2vw, 1.45rem) !important;line-height: 1.2 !important;}
#admin-broadcaster > .jne-command-summary .jne-command-heading small{font-size: 0.94rem !important;white-space: nowrap !important;}
#admin-broadcaster > .jne-command-summary .jne-command-status{
  padding: 7px 13px !important;
  border-radius: 999px !important;
  color: var(--jne-primary) !important;
  background: rgba(var(--jne-primary-rgb), 0.08) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.055em !important;
}
#admin-broadcaster > .jne-command-summary .jne-command-chevron{
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  font-size: 1.55rem !important;
}
#admin-broadcaster > .jne-twitch-admin-gate-host,#admin-broadcaster > .jne-twitch-admin-protected-content{
  width: 100% !important;
  padding: 36px 38px 42px !important;
  box-sizing: border-box !important;
  border-top: 1px solid rgba(var(--jne-primary-rgb), 0.18) !important;
  background: rgba(3, 12, 22, 0.26) !important;
}
#admin-broadcaster > .jne-command-body{padding: 36px 38px 42px !important;box-sizing: border-box !important;}
#admin-broadcaster > .jne-command-body > .jne-twitch-admin-gate-host,#admin-broadcaster > .jne-command-body > .jne-twitch-admin-protected-content{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
#admin-broadcaster .jne-twitch-admin-gate-host > .jne-twitch-admin-protected-content{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
#admin-broadcaster .jne-twitch-admin-protected-content > h2{
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  color: var(--jne-text) !important;
  font-size: clamp(1.55rem, 3vw, 2.15rem) !important;
}
#admin-broadcaster .jne-twitch-admin-protected-content > p{max-width: 850px !important;color: var(--jne-text-soft) !important;}
#admin-broadcaster .jne-bot-list{
  display: grid !important;
  width: 100% !important;
  margin-top: 34px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 18px !important;
}
#admin-broadcaster .jne-bot-card{
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.19) !important;
  border-radius: 17px !important;
  background:
        linear-gradient(
            145deg,
            rgba(19, 43, 68, 0.82),
            rgba(5, 17, 30, 0.92)
        ) !important;
  box-shadow:
        0 13px 32px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}
#admin-broadcaster .jne-bot-card::before{
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 100% !important;
  background: rgba(var(--jne-primary-rgb), 0.55) !important;
}
#admin-broadcaster .jne-bot-card > summary{
  display: flex !important;
  min-height: 94px !important;
  padding: 21px 22px 21px 26px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}
#admin-broadcaster .jne-bot-card > summary > span:first-child{
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 5px !important;
}
#admin-broadcaster .jne-bot-card > summary strong{
  margin: 0 !important;
  color: var(--jne-text) !important;
  font-size: 1.14rem !important;
  line-height: 1.25 !important;
}
#admin-broadcaster .jne-bot-card > summary small{
  margin: 0 !important;
  color: var(--jne-text-soft) !important;
  font-size: 0.86rem !important;
  line-height: 1.45 !important;
  white-space: nowrap !important;
}
#admin-broadcaster .jne-bot-plus{
  position: static !important;
  display: flex !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.35) !important;
  border-radius: 50% !important;
  color: var(--jne-primary) !important;
  background: rgba(var(--jne-primary-rgb), 0.055) !important;
  font-size: 1.4rem !important;
  line-height: 1 !important;
  transform: none !important;
}
#admin-broadcaster .jne-bot-card[open]{grid-column: 1 / -1 !important;border-color: rgba(var(--jne-primary-rgb), 0.7) !important;}
#admin-broadcaster .jne-bot-card[open] .jne-bot-plus{
  color: #031019 !important;
  background: var(--jne-primary) !important;
  transform: rotate(45deg) !important;
}
#admin-broadcaster .jne-bot-content{padding: 26px 27px 31px !important;}
@media (max-width: 900px){
#admin-broadcaster .jne-bot-list{grid-template-columns: 1fr !important;}
  #admin-broadcaster .jne-bot-card[open]{grid-column: auto !important;}
}
@media (max-width: 600px){
#admin-broadcaster > .jne-twitch-admin-gate-host,#admin-broadcaster > .jne-twitch-admin-protected-content,#admin-broadcaster > .jne-command-body{
    padding: 20px 16px 18px !important;
  }
  #admin-broadcaster > .jne-command-body > .jne-twitch-admin-gate-host,#admin-broadcaster > .jne-command-body > .jne-twitch-admin-protected-content{
    padding: 0 !important;
  }
  #admin-broadcaster .jne-bot-card > summary{min-height: 82px !important;padding: 17px 16px 17px 21px !important;}
  #admin-broadcaster .jne-bot-card > summary small{white-space: normal !important;}
  #admin-broadcaster .jne-bot-content{padding: 18px 13px 22px !important;}
}
.jne-gallery-grid{display: grid;grid-template-columns:
        repeat(2, minmax(0, 1fr));gap: 24px;width: 100%;}
.jne-media-card{
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 20px;
  border: 1px solid rgba(70, 204, 237, .34);
  border-radius: 24px;
  background:
        linear-gradient(
            145deg,
            rgba(19, 48, 70, .98),
            rgba(7, 25, 39, .99) 52%,
            rgba(14, 42, 60, .98)
        );
  box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -1px 0 rgba(0,0,0,.25),
        0 18px 38px rgba(0,0,0,.18);
}
.jne-media-card::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,.012) 0,
            rgba(255,255,255,.012) 1px,
            transparent 1px,
            transparent 4px
        );
}
.jne-media-card > *{position: relative;z-index: 1;}
.jne-media-card-header{position: relative;min-height: 74px;padding: 0 58px 16px 2px;}
.jne-media-card-title{margin: 0;color: #f7fcff;font-size: clamp(1.2rem, 1.8vw, 1.6rem);line-height: 1.2;}
.jne-media-card-description{margin-top: 7px;color: rgba(226,241,249,.72);font-size: .92rem;line-height: 1.45;}
.jne-media-card-description p{margin: 0;}
.jne-media-card-count{
  position: absolute;
  top: 0;
  right: 0;
  min-width: 52px;
  padding: 5px 10px;
  border: 1px solid rgba(70,204,237,.42);
  border-radius: 999px;
  color: #c9f4ff;
  background: rgba(5,32,48,.88);
  font-size: .78rem;
  font-weight: 800;
  text-align: center;
}
.jne-media-viewer{position: relative;overflow: hidden;border: 1px solid rgba(70,204,237,.28);border-radius: 18px;background: #020c12;}
.jne-media-viewer-stage{display: grid;width: 100%;height: clamp(300px, 30vw, 500px);place-items: center;overflow: hidden;background: #020c12;}
.jne-media-viewer-stage .jne-media-image-button{
  display: grid;
  width: 100%;
  height: 100%;
  padding: 0;
  place-items: center;
  border: 0;
  background: #020c12;
  cursor: zoom-in;
}
.jne-media-viewer-stage img,.jne-media-viewer-stage video{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #020c12;
}
.jne-media-nav,.jne-media-enlarge{
  position: absolute;
  z-index: 5;
  display: grid;
  width: 42px;
  height: 42px;
  padding: 0;
  place-items: center;
  border:
        1px solid
        rgba(143,233,255,.38);
  border-radius: 12px;
  color: #ecfbff;
  background:
        linear-gradient(
            180deg,
            rgba(28,74,96,.96),
            rgba(5,29,43,.98)
        );
  box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 6px 15px rgba(0,0,0,.28);
  font-size: 1.3rem;
  font-weight: 800;
  cursor: pointer;
}
.jne-media-prev{top: 50%;left: 12px;transform: translateY(-50%);}
.jne-media-next{top: 50%;right: 12px;transform: translateY(-50%);}
.jne-media-enlarge{top: 12px;right: 12px;}
.jne-media-nav:hover,.jne-media-enlarge:hover{border-color: #46CCED;}
.jne-media-filmstrip{
  display: flex;
  gap: 8px;
  margin-top: 12px;
  padding: 10px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  border:
        1px solid
        rgba(70,204,237,.22);
  border-radius: 15px;
  background:
        linear-gradient(
            180deg,
            rgba(5,27,42,.94),
            rgba(2,14,22,.98)
        );
  scrollbar-width: thin;
  scrollbar-color:
        #46CCED
        rgba(5,32,48,.80);
}
.jne-media-thumb{
  position: relative;
  display: grid;
  flex: 0 0 82px;
  width: 82px;
  height: 62px;
  padding: 4px;
  place-items: center;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 10px;
  background: #031019;
  opacity: .64;
  cursor: pointer;
  transition:
        opacity 150ms ease,
        border-color 150ms ease,
        transform 150ms ease;
}
.jne-media-thumb:hover{opacity: .92;transform: translateY(-2px);}
.jne-media-thumb.is-active{opacity: 1;border-color: #46CCED;}
.jne-media-thumb img{width: 100%;height: 100%;object-fit: contain;background: #020c12;border-radius: 5px;}
.jne-media-thumb.is-video{background:
        linear-gradient(
            145deg,
            #174966,
            #04141f
        );}
.jne-video-thumb-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #c9f5ff;
  font-size: 1.25rem;
  font-weight: 900;
}
.jne-video-thumb-icon small{margin-top: 3px;font-size: .52rem;letter-spacing: .08em;}
html.jne-gallery-lightbox-open{overflow: hidden;}
.jne-gallery-lightbox[hidden]{display: none;}
.jne-gallery-lightbox{position: fixed;inset: 0;z-index: 100000;display: grid;padding: 24px;place-items: center;}
.jne-gallery-lightbox-backdrop{position: absolute;inset: 0;width: 100%;height: 100%;border: 0;background: rgba(0,7,12,.94);cursor: zoom-out;}
.jne-gallery-lightbox-dialog{
  position: relative;
  z-index: 1;
  display: grid;
  width: min(95vw, 1500px);
  height: min(92vh, 980px);
  place-items: center;
  border:
        1px solid
        rgba(70,204,237,.42);
  border-radius: 22px;
  background:
        linear-gradient(
            145deg,
            #0d2b40,
            #020b11
        );
  box-shadow:
        0 30px 90px
        rgba(0,0,0,.62);
}
.jne-gallery-lightbox-stage img,.jne-gallery-lightbox-stage video{display: block;max-width: 100%;max-height: 100%;object-fit: contain;}
.jne-gallery-lightbox-close,.jne-gallery-lightbox-nav{
  position: absolute;
  z-index: 3;
  display: grid;
  width: 46px;
  height: 46px;
  padding: 0;
  place-items: center;
  border:
        1px solid
        rgba(70,204,237,.42);
  border-radius: 13px;
  color: #fff;
  background: rgba(5,37,55,.95);
  font-size: 1.45rem;
  font-weight: 800;
  cursor: pointer;
}
.jne-gallery-lightbox-close{top: 16px;right: 16px;}
.jne-gallery-lightbox-prev{top: 50%;left: 16px;transform: translateY(-50%);}
.jne-gallery-lightbox-next{top: 50%;right: 16px;transform: translateY(-50%);}
.jne-gallery-lightbox-counter{
  position: absolute;
  right: 20px;
  bottom: 16px;
  padding: 6px 11px;
  border-radius: 999px;
  color: #d8f7ff;
  background: rgba(3,22,34,.90);
  font-size: .82rem;
  font-weight: 800;
}
.jne-gallery-empty-front{padding: 30px;border: 1px dashed rgba(70,204,237,.35);border-radius: 18px;text-align: center;}
@media (max-width: 900px){
.jne-gallery-grid{grid-template-columns: 1fr;}
  .jne-media-viewer-stage{height: clamp(300px, 62vw, 520px);}
}
@media (max-width: 680px){
.jne-gallery-grid{gap: 16px;}
  .jne-media-card{padding: 13px;border-radius: 18px;}
  .jne-media-card-header{min-height: 0;padding-right: 0;}
  .jne-media-card-count{position: static;display: inline-block;margin-top: 9px;}
  .jne-media-viewer-stage{height: clamp(240px, 82vw, 400px);}
  .jne-media-thumb{flex-basis: 70px;width: 70px;height: 54px;}
  .jne-gallery-lightbox{padding: 8px;}
  .jne-gallery-lightbox-dialog{width: 97vw;height: 90vh;border-radius: 16px;}
  .jne-gallery-lightbox-prev{left: 7px;}
  .jne-gallery-lightbox-next{right: 7px;}
}
.jne-gallery-grid .jne-media-viewer-stage img,.jne-gallery-grid .jne-media-viewer-stage video,.jne-gallery-grid .jne-media-thumb img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position:
        center center !important;
  background:
        #020c12 !important;
}
.jne-gallery-grid video,.jne-gallery-lightbox video{object-fit: contain !important;object-position:
        center center !important;}
body .jne-gallery-grid img,body .jne-gallery-grid video,body .jne-gallery-lightbox img,body .jne-gallery-lightbox video{
  object-fit: contain !important;
}
.jne-gallery-grid .jne-media-viewer-stage{
  display: grid !important;
  width: 100% !important;
  height: clamp(300px, 30vw, 500px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  place-items: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: #020c12 !important;
}
.jne-gallery-grid .jne-media-viewer-stage .jne-media-image-button{
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  place-items: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border: 0 !important;
  background: #020c12 !important;
}
.jne-gallery-grid .jne-media-viewer-stage .jne-media-image-button > img{
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  background: transparent !important;
}
.jne-gallery-grid .jne-media-thumb{
  display: grid !important;
  place-items: center !important;
  padding: 4px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: #020c12 !important;
}
.jne-gallery-grid .jne-media-thumb > img{
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
}
.jne-gallery-lightbox-dialog{box-sizing: border-box !important;overflow: hidden !important;}
.jne-gallery-lightbox-stage{
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  padding:
        28px 70px !important;
  place-items: center !important;
  overflow: hidden !important;
  background: #020c12 !important;
}
.jne-gallery-lightbox-stage > img{
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
}
@media (max-width: 680px){
.jne-gallery-grid .jne-media-viewer-stage{
    height:
            clamp(
                240px,
                82vw,
                400px
            ) !important;
  }
  .jne-gallery-lightbox-stage{padding:
            58px 12px 48px !important;}
}
.jne-gallery-grid .jne-media-viewer-stage > video,.jne-gallery-lightbox-stage > video{
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  align-self: center !important;
  justify-self: center !important;
  transform: none !important;
  background: #020c12 !important;
}
body .jne-gallery-grid .jne-media-viewer-stage video,body .jne-gallery-lightbox .jne-gallery-lightbox-stage video{
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}
:root{
  --jne-theme-accent: #46CCED;
  --jne-l-page-top: #c1ccd6;
  --jne-l-page-mid: #b4c1cc;
  --jne-l-page-bottom: #a6b6c4;
  --jne-l-header-top: #b7c5d0;
  --jne-l-header-bottom: #a7b7c4;
  --jne-l-steel-1: #748ba0;
  --jne-l-steel-2: #657d92;
  --jne-l-steel-3: #556e83;
  --jne-l-steel-4: #496277;
  --jne-l-row-1: #6c859b;
  --jne-l-row-2: #627c92;
  --jne-l-row-hover: #7892a8;
  --jne-l-surface-1: #d7e1e9;
  --jne-l-surface-2: #c8d4de;
  --jne-l-text: #132433;
  --jne-l-muted: #425a6e;
  --jne-l-white: #f6fbff;
  --jne-l-soft: #d5e3eb;
  --jne-l-border:
                    rgba(70, 204, 237, .30);
  --jne-l-shadow:
                    0 16px 34px
                    rgba(35, 52, 67, .16);
}
html{color-scheme: dark;}
html.jne-theme-light{color-scheme: light;}
.jne-theme-host{position: relative !important;}
.jne-theme-switch-slot{position: absolute;z-index: 1005;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.jne-theme-switch{
  --switch-w: 126px;
  --switch-h: 48px;
  --knob: 42px;
  position: relative;
  width: var(--switch-w);
  height: var(--switch-h);
  padding: 0;
  overflow: hidden;
  border:
                    1px solid
                    rgba(70, 204, 237, .44);
  border-radius: 999px;
  background:
                    linear-gradient(
                        180deg,
                        rgba(18, 41, 63, .96),
                        rgba(7, 23, 38, .98)
                    );
  box-shadow:
                    inset 0 1px 0
                    rgba(255, 255, 255, .08),
                    0 10px 26px
                    rgba(0, 0, 0, .22),
                    0 0 18px
                    rgba(70, 204, 237, .07);
  pointer-events: auto;
  transition:
                    background .28s ease,
                    border-color .28s ease,
                    box-shadow .28s ease,
                    opacity .28s ease;
  -webkit-tap-highlight-color:
                    transparent;
}
.jne-theme-switch:hover{border-color:
                    rgba(70, 204, 237, .72);}
.jne-theme-switch-track{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  pointer-events: none;
}
.jne-theme-icon{
  position: relative;
  z-index: 3;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  transition:
                    color .28s ease,
                    opacity .28s ease;
}
.jne-theme-icon svg{display: block;width: 22px;height: 22px;}
.jne-theme-icon-sun{color: #ffb52d;opacity: .52;}
.jne-theme-icon-moon{color: #aeeeff;opacity: 1;}
.jne-theme-knob{
  position: absolute;
  z-index: 2;
  top: 3px;
  right: 3px;
  width: var(--knob);
  height: var(--knob);
  border-radius: 50%;
  background:
                    radial-gradient(
                        circle at 35% 30%,
                        #91ebff 0%,
                        #46CCED 48%,
                        #2da8c7 100%
                    );
  box-shadow:
                    0 7px 18px
                    rgba(0, 0, 0, .32),
                    inset 0 1px 0
                    rgba(255, 255, 255, .50);
  transition:
                    left .30s
                    cubic-bezier(.2, .8, .2, 1),
                    right .30s
                    cubic-bezier(.2, .8, .2, 1),
                    background .28s ease;
}
html.jne-theme-light .jne-theme-switch{
  background:
                    linear-gradient(
                        180deg,
                        #e8edf1,
                        #cbd5dc
                    );
  border-color:
                    rgba(63, 105, 126, .34);
  box-shadow:
                    inset 0 1px 0
                    rgba(255, 255, 255, .70),
                    0 8px 20px
                    rgba(34, 55, 68, .18);
}
html.jne-theme-light .jne-theme-knob{
  left: 3px;
  right: auto;
  background:
                    radial-gradient(
                        circle at 35% 30%,
                        #ffd26c 0%,
                        #ffb126 52%,
                        #f39a00 100%
                    );
}
html.jne-theme-light .jne-theme-icon-sun{color: #fff;opacity: 1;}
html.jne-theme-light .jne-theme-icon-moon{color: #65747d;opacity: .62;}
.jne-theme-switch-hint{
  position: fixed;
  z-index: 999999;
  top: 84px;
  left: 50%;
  max-width:
                    min(
                        420px,
                        calc(100vw - 28px)
                    );
  padding: 10px 14px;
  border:
                    1px solid
                    rgba(70, 204, 237, .42);
  border-radius: 12px;
  background:
                    rgba(5, 20, 34, .96);
  color: #f2fbff;
  box-shadow:
                    0 12px 30px
                    rgba(0, 0, 0, .28);
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform:
                    translateX(-50%)
                    translateY(-8px);
  transition:
                    opacity .2s ease,
                    transform .2s ease,
                    visibility .2s ease;
}
.jne-theme-switch-hint.is-visible{opacity: 1;visibility: visible;transform:
                    translateX(-50%)
                    translateY(0);}
html.jne-theme-light body{
  color:
                    var(--jne-l-text) !important;
  background:
                    radial-gradient(
                        circle at 50% -12%,
                        var(--jne-l-page-top) 0%,
                        var(--jne-l-page-mid) 44%,
                        var(--jne-l-page-bottom) 100%
                    ) !important;
}
html.jne-theme-light body::before{opacity: .13;}
html.jne-theme-light :is( #page, .site, .site-content, .content-area, #primary, main, .site-main, .entry-content, .wp-site-blocks, .jne-hero, .page-hero, .jne-section, .page-layout ){
  background:
                    transparent !important;
}
html.jne-theme-light .site-header{
  background:
                    linear-gradient(
                        180deg,
                        var(--jne-l-header-top),
                        var(--jne-l-header-bottom)
                    ) !important;
  border-bottom-color:
                    rgba(39, 91, 117, .26)
                    !important;
}
html.jne-theme-light #jne-main-navigation.main-navigation,html.jne-theme-light .site-header .main-navigation{
  --jne-nav-bg:
                    var(--jne-l-steel-3)
                    !important;
  background:
                    linear-gradient(
                        180deg,
                        #758da1 0%,
                        #687f94 36%,
                        #566f84 66%,
                        #486176 100%
                    ) !important;
  border-color:
                    rgba(126, 210, 237, .36)
                    !important;
  box-shadow:
                    inset 0 1px 0
                    rgba(255, 255, 255, .20),
                    0 7px 18px
                    rgba(37, 53, 67, .19)
                    !important;
}
html.jne-theme-light #jne-main-navigation.main-navigation > a:not([data-jne-selected="true"]),html.jne-theme-light .site-header .main-navigation > a: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;
}
html.jne-theme-light #jne-main-navigation.main-navigation > a:hover,html.jne-theme-light #jne-main-navigation.main-navigation > a:focus-visible,html.jne-theme-light #jne-main-navigation.main-navigation > a.is-active,html.jne-theme-light #jne-main-navigation.main-navigation > a.active,html.jne-theme-light #jne-main-navigation.main-navigation > a[aria-current="page"],html.jne-theme-light #jne-main-navigation.main-navigation > a[data-jne-selected="true"]{
  color:
                    #041019 !important;
  -webkit-text-fill-color:
                    #041019 !important;
}
html.jne-theme-light #jne-main-navigation .jne-nav-submenu{
  background:
                    radial-gradient(
                        circle at 50% 0,
                        rgba(70, 204, 237, .14),
                        transparent 42%
                    ),
                    linear-gradient(
                        145deg,
                        #728a9f,
                        #536c81
                    ) !important;
  border-color:
                    rgba(70, 204, 237, .34)
                    !important;
  box-shadow:
                    0 20px 42px
                    rgba(42, 58, 72, .22)
                    !important;
}
html.jne-theme-light #jne-main-navigation .jne-nav-submenu a{color:
                    #f4fbff !important;}
html.jne-theme-light #jne-main-navigation .jne-nav-submenu a:hover,html.jne-theme-light #jne-main-navigation .jne-nav-submenu a:focus-visible,html.jne-theme-light #jne-main-navigation .jne-nav-submenu a.is-active{
  color:
                    #041019 !important;
  background:
                    var(--jne-primary)
                    !important;
}
html.jne-theme-light :is( .hero-title, .page-title, .jne-section-heading h2 ){color:
                    var(--jne-l-text) !important;}
html.jne-theme-light :is( .hero-description, .footer-text ){color:
                    var(--jne-l-muted) !important;}
html.jne-theme-light :is( .hero-kicker, .page-hero-label, .jne-section-heading span ){color:
                    var(--jne-theme-accent) !important;}
html.jne-theme-light :is( .page-content, .jne-panel, .jne-card, .jne-hub-card, .jne-command-card, .jne-bot-card, .jne-fe-card, .jne-info-placeholder, .jne-clip-player-shell, .jne-clip-card-auto, .jne-clips-sortbar, .jne-selected-clip-meta ){
  color:
                    var(--jne-l-white) !important;
  background:
                    linear-gradient(
                        150deg,
                        var(--jne-l-steel-1),
                        var(--jne-l-steel-3)
                    ) !important;
  border-color:
                    var(--jne-l-border)
                    !important;
  box-shadow:
                    var(--jne-l-shadow)
                    !important;
}
html.jne-theme-light :is( .page-content, .jne-panel, .jne-card, .jne-hub-card, .jne-command-card, .jne-bot-card, .jne-fe-card, .jne-info-placeholder ) :is( h1,h2,h3,h4,h5,h6,strong ){
  color:
                    var(--jne-l-white) !important;
}
html.jne-theme-light :is( .page-content, .jne-panel, .jne-card, .jne-hub-card, .jne-command-card, .jne-bot-card, .jne-fe-card, .jne-info-placeholder ) :is( p,li,small ){
  color:
                    var(--jne-l-soft) !important;
}
html.jne-theme-light .hero-logo-panel{
  background:
                    radial-gradient(
                        circle at 50% 48%,
                        rgba(70, 204, 237, .10),
                        transparent 44%
                    ),
                    linear-gradient(
                        145deg,
                        #6e8599,
                        #526b80
                    ) !important;
  border-color:
                    var(--jne-l-border)
                    !important;
}
html.jne-theme-light .jne-hub-card-copy strong{color:
                    var(--jne-l-white) !important;}
html.jne-theme-light .jne-hub-card-copy span,html.jne-theme-light .jne-project-facts,html.jne-theme-light .jne-project-facts span{
  color:
                    var(--jne-l-soft) !important;
}
html.jne-theme-light .jne-box,html.jne-theme-light .wp-block-jne-box.jne-box{
  color:
                    var(--jne-l-text) !important;
  background:
                    linear-gradient(
                        180deg,
                        var(--jne-l-surface-1),
                        var(--jne-l-surface-2)
                    ) !important;
  border-color:
                    rgba(70, 112, 139, .24)
                    !important;
  box-shadow:
                    0 10px 24px
                    rgba(44, 61, 79, .11)
                    !important;
}
html.jne-theme-light .jne-box-title,html.jne-theme-light .page-content .jne-box .jne-box-title,html.jne-theme-light .jne-box-content :is( h1,h2,h3,h4,h5,h6,strong,em ),html.jne-theme-light .page-content .jne-box .jne-box-content :is( h1,h2,h3,h4,h5,h6,strong,em ){
  color:
                    var(--jne-l-text) !important;
}
html.jne-theme-light .jne-box-content,html.jne-theme-light .jne-box-content :is( p,li,span,small,blockquote,cite ),html.jne-theme-light .page-content .jne-box .jne-box-content :is( p,li,span,small,blockquote,cite ){
  color:
                    var(--jne-l-muted) !important;
}
html.jne-theme-light .jne-box table.jne-fakten td:first-child{color:
                    var(--jne-l-text) !important;}
html.jne-theme-light .jne-box table.jne-fakten td:last-child{color:
                    #263d50 !important;}
html.jne-theme-light .jne-box-content a{color:
                    #126485 !important;}
html.jne-theme-light .jne-box-content a:hover{color:
                    #0b4e6b !important;}
html.jne-theme-light .jne-context-submenu-inner{
  background:
                    linear-gradient(
                        180deg,
                        #758da1,
                        #60798f
                    ) !important;
  border-color:
                    var(--jne-l-border)
                    !important;
  box-shadow:
                    0 18px 38px
                    rgba(35, 56, 72, .18)
                    !important;
}
html.jne-theme-light .jne-context-submenu-parent,html.jne-theme-light .jne-context-submenu-parent strong{
  color:
                    var(--jne-l-white) !important;
}
html.jne-theme-light .jne-context-submenu-item{color:
                    #edf8fc !important;}
html.jne-theme-light .jne-context-submenu-item:hover{
  color:
                    #ffffff !important;
  background:
                    rgba(255, 255, 255, .07)
                    !important;
}
html.jne-theme-light .jne-context-submenu-item.is-active{
  color:
                    #ffffff !important;
  background:
                    linear-gradient(
                        90deg,
                        rgba(70, 204, 237, .25),
                        rgba(70, 204, 237, .08)
                    ) !important;
}
html.jne-theme-light .command-accordion-list .jne-command-card,html.jne-theme-light #admin-broadcaster.jne-command-card.is-protected{
  background:
                    radial-gradient(
                        circle at 92% 5%,
                        rgba(70, 204, 237, .14),
                        transparent 32%
                    ),
                    linear-gradient(
                        145deg,
                        #748ca1,
                        #566f84
                    ) !important;
  border-color:
                    rgba(70, 204, 237, .36)
                    !important;
}
html.jne-theme-light .jne-command-summary,html.jne-theme-light #admin-broadcaster > .jne-command-summary{
  background:
                    linear-gradient(
                        180deg,
                        rgba(135, 158, 177, .28),
                        rgba(90, 115, 136, .18)
                    ) !important;
  color:
                    var(--jne-l-white) !important;
}
html.jne-theme-light .jne-command-heading strong,html.jne-theme-light #admin-broadcaster > .jne-command-summary .jne-command-heading strong{
  color:
                    var(--jne-l-white) !important;
}
html.jne-theme-light .jne-command-heading small,html.jne-theme-light #admin-broadcaster > .jne-command-summary .jne-command-heading small{
  color:
                    var(--jne-l-soft) !important;
}
html.jne-theme-light .jne-command-body,html.jne-theme-light #admin-broadcaster > .jne-twitch-admin-gate-host,html.jne-theme-light #admin-broadcaster > .jne-twitch-admin-protected-content,html.jne-theme-light #admin-broadcaster > .jne-command-body{
  background:
                    linear-gradient(
                        180deg,
                        rgba(91, 116, 137, .52),
                        rgba(78, 101, 122, .44)
                    ) !important;
  border-top-color:
                    rgba(70, 204, 237, .20)
                    !important;
  color:
                    var(--jne-l-white) !important;
}
html.jne-theme-light #admin-broadcaster{--jne-text:
                    var(--jne-l-white);--jne-text-soft:
                    var(--jne-l-soft);}
html.jne-theme-light #admin-broadcaster > .jne-command-body > .jne-twitch-admin-gate-host,html.jne-theme-light #admin-broadcaster > .jne-command-body > .jne-twitch-admin-protected-content,html.jne-theme-light #admin-broadcaster .jne-twitch-admin-gate-host > .jne-twitch-admin-protected-content{
  background:
                    transparent !important;
}
html.jne-theme-light #admin-broadcaster .jne-twitch-admin-protected-content > h2{color:
                    var(--jne-l-white) !important;}
html.jne-theme-light #admin-broadcaster .jne-twitch-admin-protected-content > p{color:
                    var(--jne-l-soft) !important;}
html.jne-theme-light .jne-twitch-admin-gate-card{
  background:
                    linear-gradient(
                        145deg,
                        #748ca1,
                        #566f84
                    ) !important;
  color:
                    var(--jne-l-white) !important;
  border-color:
                    var(--jne-l-border)
                    !important;
}
html.jne-theme-light .jne-twitch-admin-gate-card :is( h1,h2,h3,h4,strong ){color:
                    var(--jne-l-white) !important;}
html.jne-theme-light .jne-twitch-admin-gate-card p,html.jne-theme-light .jne-twitch-admin-gate-hint{
  color:
                    var(--jne-l-soft) !important;
}
html.jne-theme-light .jne-bot-card,html.jne-theme-light #admin-broadcaster .jne-bot-card{
  background:
                    linear-gradient(
                        145deg,
                        #7890a4,
                        #5b7489
                    ) !important;
  border-color:
                    rgba(70, 204, 237, .31)
                    !important;
}
html.jne-theme-light .jne-bot-card > summary,html.jne-theme-light #admin-broadcaster .jne-bot-card > summary{
  background:
                    linear-gradient(
                        180deg,
                        rgba(139, 161, 179, .44),
                        rgba(91, 116, 137, .34)
                    ) !important;
  color:
                    var(--jne-l-white) !important;
}
html.jne-theme-light .jne-bot-card > summary strong,html.jne-theme-light #admin-broadcaster .jne-bot-card > summary strong{
  color:
                    var(--jne-l-white) !important;
}
html.jne-theme-light .jne-bot-card > summary small,html.jne-theme-light #admin-broadcaster .jne-bot-card > summary small{
  color:
                    var(--jne-l-soft) !important;
}
html.jne-theme-light .jne-bot-content,html.jne-theme-light #admin-broadcaster .jne-bot-content{
  background:
                    #617b91 !important;
  color:
                    var(--jne-l-white) !important;
}
html.jne-theme-light .jne-bot-content table,html.jne-theme-light .jne-command-body table{background:
                    transparent !important;}
html.jne-theme-light .jne-bot-content thead th,html.jne-theme-light .jne-command-body thead th{
  background:
                    #96afc0 !important;
  color:
                    #102230 !important;
  border-color:
                    rgba(30, 87, 113, .18)
                    !important;
}
html.jne-theme-light body .jne-bot-content table tbody tr td,html.jne-theme-light body .jne-command-body table tbody tr td{
  background:
                    var(--jne-l-row-1)
                    !important;
  background-color:
                    var(--jne-l-row-1)
                    !important;
  color:
                    var(--jne-l-white)
                    !important;
  border-bottom-color:
                    rgba(255, 255, 255, .08)
                    !important;
}
html.jne-theme-light body .jne-bot-content table tbody tr:nth-child(even) td,html.jne-theme-light body .jne-command-body table tbody tr:nth-child(even) td{
  background:
                    var(--jne-l-row-2)
                    !important;
  background-color:
                    var(--jne-l-row-2)
                    !important;
}
html.jne-theme-light body .jne-bot-content table tbody tr:hover td,html.jne-theme-light body .jne-command-body table tbody tr:hover td{
  background:
                    var(--jne-l-row-hover)
                    !important;
  background-color:
                    var(--jne-l-row-hover)
                    !important;
}
html.jne-theme-light body .jne-bot-content table code,html.jne-theme-light body .jne-command-body table code{
  color:
                    #d9f7ff !important;
  background:
                    #385267 !important;
  background-color:
                    #385267 !important;
  border-color:
                    rgba(70, 204, 237, .40)
                    !important;
}
html.jne-theme-light #admin-broadcaster tr.jne-row-danger,html.jne-theme-light .jne-bot-content tbody tr.jne-tce-broadcaster-command{
  background:
                    linear-gradient(
                        180deg,
                        rgba(117, 36, 50, .96),
                        rgba(83, 25, 38, .96)
                    ) !important;
  border-color:
                    rgba(255, 113, 113, .36)
                    !important;
}
html.jne-theme-light body #admin-broadcaster tr.jne-row-danger td,html.jne-theme-light body .jne-bot-content tbody tr.jne-tce-broadcaster-command td{
  background:
                    transparent !important;
  background-color:
                    transparent !important;
  color:
                    #ffe8eb !important;
}
html.jne-theme-light #admin-broadcaster code.jne-code-danger{
  background:
                    linear-gradient(
                        135deg,
                        rgba(93, 10, 24, .94),
                        rgba(56, 8, 17, .98)
                    ) !important;
  color:
                    #ffd9d9 !important;
}
@media screen and (max-width: 782px){
html.jne-theme-light .jne-bot-content tbody tr{
    background:
                        linear-gradient(
                            180deg,
                            #748da3,
                            #617b91
                        ) !important;
    border-color:
                        rgba(70, 204, 237, .30)
                        !important;
  }
  html.jne-theme-light .jne-bot-content tbody tr td{
    background:
                        transparent !important;
    background-color:
                        transparent !important;
    color:
                        var(--jne-l-white)
                        !important;
  }
  html.jne-theme-light .jne-bot-content tbody tr td::before{color:
                        #bcefff !important;}
  html.jne-theme-light .jne-bot-content tbody tr td code{
    color:
                        #dff8ff !important;
    background:
                        #3b566c !important;
    border-color:
                        rgba(70, 204, 237, .38)
                        !important;
  }
  html.jne-theme-light .jne-bot-content tbody tr.jne-tce-broadcaster-command{
    background:
                        linear-gradient(
                            180deg,
                            rgba(115, 35, 48, .96),
                            rgba(83, 25, 38, .96)
                        ) !important;
  }
  html.jne-theme-light .jne-bot-content tbody tr.jne-tce-broadcaster-command td::before{color:
                        #ffb0b0 !important;}
}
html.jne-theme-light .jne-clip-player-shell{
  background:
                    radial-gradient(
                        circle at 50% 0,
                        rgba(70, 204, 237, .12),
                        transparent 40%
                    ),
                    linear-gradient(
                        145deg,
                        #728a9f,
                        #536c81
                    ) !important;
}
html.jne-theme-light .jne-clip-player-head strong,html.jne-theme-light .jne-clip-card-copy strong,html.jne-theme-light .jne-selected-clip-meta-item > strong{
  color:
                    var(--jne-l-white) !important;
}
html.jne-theme-light .jne-clip-player-head span,html.jne-theme-light .jne-clip-meta,html.jne-theme-light .jne-clips-sortbar-label{
  color:
                    var(--jne-l-soft) !important;
}
html.jne-theme-light .jne-clip-card-auto{
  background:
                    linear-gradient(
                        145deg,
                        #748ca1,
                        #586f85
                    ) !important;
}
html.jne-theme-light .jne-clips-sortbar,html.jne-theme-light .jne-selected-clip-meta{
  background:
                    linear-gradient(
                        145deg,
                        #70889d,
                        #566f84
                    ) !important;
}
html.jne-theme-light .jne-selected-clip-meta-item{background:
                    rgba(255, 255, 255, .06)
                    !important;}
html.jne-theme-light .jne-clips-sort-select{
  background:
                    #486277 !important;
  color:
                    var(--jne-l-white) !important;
  border-color:
                    rgba(70, 204, 237, .34)
                    !important;
}
html.jne-theme-light .jne-fe-card{
  background:
                    linear-gradient(
                        145deg,
                        #728a9f,
                        #536c81
                    ) !important;
  color:
                    var(--jne-l-white) !important;
}
html.jne-theme-light .jne-fe-card :is( h1,h2,h3,strong ){color:
                    var(--jne-l-white) !important;}
html.jne-theme-light .jne-fe-card :is( p,small,.jne-fe-small,.jne-fe-lead ){color:
                    var(--jne-l-soft) !important;}
html.jne-theme-light .jne-fe-account-grid > div,html.jne-theme-light .jne-fe-role-box,html.jne-theme-light .jne-fe-profile-section,html.jne-theme-light .jne-fe-profile-password-block{
  background:
                    rgba(255, 255, 255, .055)
                    !important;
  border-color:
                    rgba(70, 204, 237, .20)
                    !important;
}
html.jne-theme-light .jne-fe-account-grid span{color:
                    #c5d8e2 !important;}
html.jne-theme-light .jne-fe-form input,html.jne-theme-light .jne-fe-card input{
  background:
                    #466176 !important;
  color:
                    var(--jne-l-white) !important;
  border-color:
                    rgba(70, 204, 237, .32)
                    !important;
}
html.jne-theme-light .jne-fe-button.secondary{
  background:
                    #4b667c !important;
  color:
                    var(--jne-l-white) !important;
}
html.jne-theme-light .page-content :is( input, textarea, select ){
  color:
                    var(--jne-l-white) !important;
  background:
                    #466176 !important;
  border-color:
                    rgba(70, 204, 237, .30)
                    !important;
}
html.jne-theme-light .site-footer{
  color:
                    #b7c8d4 !important;
  background:
                    linear-gradient(
                        180deg,
                        #172536,
                        #0b1622
                    ) !important;
  border-top-color:
                    rgba(70, 204, 237, .22)
                    !important;
}
html.jne-theme-light .site-footer .footer-text,html.jne-theme-light .site-footer .footer-links a{color:
                    #b7c8d4 !important;}
html.jne-theme-light .site-footer .footer-links a:hover{color:
                    var(--jne-theme-accent)
                    !important;}
@media (max-width: 850px){
html.jne-theme-light #jne-main-navigation.main-navigation,html.jne-theme-light .site-header #jne-main-navigation.main-navigation.is-open{
    background:
                        linear-gradient(
                            145deg,
                            #70889c,
                            #526a7f
                        ) !important;
    border-color:
                        rgba(70, 204, 237, .30)
                        !important;
    box-shadow:
                        0 18px 40px
                        rgba(37, 55, 69, .20)
                        !important;
  }
  html.jne-theme-light #jne-main-navigation.main-navigation > a{color:
                        #f6fbff !important;}
}
@media (max-width: 782px){
.jne-theme-switch{--switch-w: 112px;--switch-h: 44px;--knob: 38px;}
  .jne-theme-host{
    padding-top:
                        calc(
                            var(
                                --jne-theme-original-padding-top,
                                0px
                            )
                            + 50px
                        ) !important;
  }
  .jne-theme-switch-track{padding: 0 13px;}
}
.jne-consent-hard-block-card{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  width: 100%;
  padding: 28px;
  box-sizing: border-box;
  border: 1px solid rgba(70, 204, 237, .28);
  border-radius: 20px;
  background:
                linear-gradient(
                    145deg,
                    rgba(7, 31, 48, .98),
                    rgba(4, 20, 32, .99)
                );
}
.jne-consent-hard-block-icon{
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(70, 204, 237, .42);
  border-radius: 50%;
  background: rgba(70, 204, 237, .10);
  color: #46cced;
}
.jne-consent-hard-block-card strong{display: block;margin-bottom: 8px;color: #f7fbff;font-size: 1.2rem;}
.jne-consent-hard-block-card p{margin: 0 0 8px;color: rgba(214, 233, 247, .86);line-height: 1.6;}
.jne-consent-hard-block-card .jne-consent-hard-block-small{margin-bottom: 0;font-size: .88rem;color: rgba(214, 233, 247, .68);}
@media (max-width: 620px){
.jne-consent-hard-block-card{grid-template-columns: 1fr;padding: 22px;}
}
@media screen and (max-width: 782px){
.jne-bot-content{overflow: visible !important;padding: 0 !important;}
  .jne-bot-content table,.jne-bot-content thead,.jne-bot-content tbody,.jne-bot-content tr,.jne-bot-content th,.jne-bot-content td{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .jne-bot-content table{
    display: block !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: transparent !important;
  }
  .jne-bot-content thead{display: none !important;}
  .jne-bot-content tbody{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 12px !important;
    background: transparent !important;
  }
  .jne-bot-content tbody tr{
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border:
                        1px solid
                        rgba(105, 194, 238, 0.28) !important;
    border-radius: 14px !important;
    background:
                        linear-gradient(
                            180deg,
                            rgba(73, 107, 151, 0.98),
                            rgba(65, 97, 139, 0.98)
                        ) !important;
    box-shadow:
                        0 5px 16px
                        rgba(0, 0, 0, 0.14) !important;
  }
  .jne-bot-content tbody tr td{
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 17px 18px !important;
    border: 0 !important;
    border-bottom:
                        1px solid
                        rgba(126, 194, 235, 0.14) !important;
    background: transparent !important;
    color: inherit !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  .jne-bot-content tbody tr td:last-child{border-bottom: 0 !important;}
  .jne-bot-content tbody tr td::before{
    display: block !important;
    margin: 0 0 12px 0 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    color: #57d6ff !important;
  }
  .jne-bot-content tbody tr td:nth-child(1)::before{content: "Befehl";}
  .jne-bot-content tbody tr td:nth-child(2)::before{content: "Verwendung";}
  .jne-bot-content tbody tr td:nth-child(3)::before{content: "Beschreibung";}
  .jne-bot-content tbody tr td code{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    border-radius: 9px !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    box-sizing: border-box !important;
  }
  .jne-bot-content tbody tr td:nth-child(3){font-size: 15px !important;line-height: 1.6 !important;}
  .jne-bot-content tbody tr td:nth-child(3):empty{min-height: 58px !important;}
  .jne-bot-content tbody tr.jne-tce-broadcaster-command{
    background:
                        linear-gradient(
                            180deg,
                            rgba(115, 35, 48, 0.96),
                            rgba(83, 25, 38, 0.96)
                        ) !important;
    border-color:
                        rgba(255, 113, 113, 0.36) !important;
  }
  .jne-bot-content tbody tr.jne-tce-broadcaster-command td{background: transparent !important;}
  .jne-bot-content tbody tr.jne-tce-broadcaster-command td::before{color: #ff9b9b !important;}
  .jne-bot-card{overflow: hidden !important;}
  .jne-bot-card > summary{min-height: 92px !important;padding: 18px !important;}
  .jne-bot-card > summary strong{font-size: 18px !important;line-height: 1.25 !important;}
  .jne-bot-card > summary small{display: block !important;margin-top: 7px !important;font-size: 13px !important;line-height: 1.45 !important;}
  .jne-bot-plus{flex: 0 0 auto !important;}
}
@media screen and (max-width: 480px){
.jne-bot-content tbody{gap: 10px !important;padding: 10px !important;}
  .jne-bot-content tbody tr td{padding: 15px 16px !important;}
  .jne-bot-content tbody tr td::before{margin-bottom: 10px !important;font-size: 11px !important;}
  .jne-bot-content tbody tr td code{padding: 9px 12px !important;font-size: 13px !important;}
  .jne-bot-content tbody tr td:nth-child(3){font-size: 14px !important;line-height: 1.58 !important;}
  .jne-bot-card > summary{min-height: 86px !important;padding: 16px !important;}
  .jne-bot-card > summary strong{font-size: 17px !important;}
}
.jne-bot-card tr.jne-row-danger td,.jne-bot-card tr.jne-row-danger th{
  background:
                    linear-gradient(
                        135deg,
                        rgba(120, 24, 36, 0.46),
                        rgba(80, 16, 28, 0.38)
                    ) !important;
  border-top-color: rgba(255, 113, 113, 0.30) !important;
  border-bottom-color: rgba(255, 113, 113, 0.30) !important;
}
.jne-bot-card tr.jne-row-danger td:first-child,.jne-bot-card tr.jne-row-danger th:first-child{box-shadow: inset 4px 0 0 rgba(255, 113, 113, 0.78);}
.jne-bot-card code.jne-code-danger{
  background:
                    linear-gradient(
                        135deg,
                        rgba(93, 10, 24, 0.94),
                        rgba(56, 8, 17, 0.98)
                    ) !important;
  border: 1px solid rgba(255, 123, 123, 0.46) !important;
  color: #ffd9d9 !important;
  box-shadow: 0 0 0 1px rgba(255, 77, 109, 0.08);
}
.jne-bot-card tr.jne-row-danger:hover td{
  background:
                    linear-gradient(
                        135deg,
                        rgba(134, 30, 42, 0.56),
                        rgba(89, 18, 31, 0.46)
                    ) !important;
}
.jne-theme-host{
  padding-top:
        var(
            --jne-theme-original-padding-top,
            0px
        ) !important;
  padding-bottom:
        calc(
            var(
                --jne-theme-original-padding-bottom,
                0px
            )
            + 58px
        ) !important;
}
.jne-theme-switch-slot{top: auto !important;bottom: 8px !important;left: 50% !important;transform:
        translateX(-50%)
        !important;}
.jne-theme-switch,.jne-theme-switch.is-locked{opacity: 1 !important;cursor: pointer !important;}
html{min-height: 100%;}
body{min-height: 100vh;min-height: 100dvh;}
.jne-sticky-footer-root{min-height: 100vh !important;min-height: 100dvh !important;display: flex !important;flex-direction: column !important;}
.jne-sticky-footer-main{flex:
        1 0 auto
        !important;}
.jne-sticky-footer-root > .site-footer,.jne-sticky-footer-root > footer,.jne-sticky-footer-root .site-footer.jne-sticky-footer{
  flex:
        0 0 auto
        !important;
  margin-top:
        auto !important;
}
body.jne-footer-layout-ready{padding-bottom:
        0 !important;}
html.jne-theme-light .hero-actions .jne-button,html.jne-theme-light .jne-hero-actions .jne-button,html.jne-theme-light :is( .jne-button, .wp-element-button, .wp-block-button__link, a.button, button.button, .button ){
  color:
        #0b2230 !important;
  -webkit-text-fill-color:
        #0b2230 !important;
  border-color:
        rgba(
            23,
            91,
            118,
            .38
        ) !important;
  background:
        linear-gradient(
            180deg,
            #72d9f2 0%,
            #46c8e9 100%
        ) !important;
  text-shadow:
        none !important;
}
html.jne-theme-light .hero-actions .jne-button:hover,html.jne-theme-light .hero-actions .jne-button:focus-visible,html.jne-theme-light .jne-hero-actions .jne-button:hover,html.jne-theme-light .jne-hero-actions .jne-button:focus-visible,html.jne-theme-light :is( .jne-button, .wp-element-button, .wp-block-button__link, a.button, button.button, .button ):hover,html.jne-theme-light :is( .jne-button, .wp-element-button, .wp-block-button__link, a.button, button.button, .button ):focus-visible{
  color:
        #041019 !important;
  -webkit-text-fill-color:
        #041019 !important;
  background:
        linear-gradient(
            180deg,
            #84e0f6 0%,
            #5bd1ed 100%
        ) !important;
}
html.jne-theme-light .hero-actions .jne-button.is-secondary,html.jne-theme-light .hero-actions .jne-button.secondary,html.jne-theme-light .jne-hero-actions .jne-button.is-secondary,html.jne-theme-light .jne-hero-actions .jne-button.secondary,html.jne-theme-light :is( .jne-button.is-secondary, .jne-button.secondary, .button.is-secondary, .button.secondary, .button-outline, .outline-button ){
  color:
        #123246 !important;
  -webkit-text-fill-color:
        #123246 !important;
  border:
        1px solid
        rgba(
            23,
            91,
            118,
            .55
        ) !important;
  background:
        rgba(
            225,
            235,
            242,
            .44
        ) !important;
}
.jne-gallery-top-button{
  position: fixed;
  z-index: 99993;
  right: 22px;
  bottom: 86px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  padding:
        11px 16px;
  border:
        1px solid
        rgba(
            70,
            204,
            237,
            .38
        );
  border-radius:
        999px;
  background:
        linear-gradient(
            180deg,
            #163449,
            #091e2d
        );
  color:
        #f4fbff;
  box-shadow:
        0 12px 26px
        rgba(
            0,
            0,
            0,
            .22
        );
  font-weight:
        800;
  cursor:
        pointer;
  opacity:
        0;
  visibility:
        hidden;
  transform:
        translateY(10px);
  transition:
        opacity .20s ease,
        transform .20s ease,
        visibility .20s ease;
}
.jne-gallery-top-button.is-visible{opacity: 1;visibility: visible;transform:
        translateY(0);}
html.jne-theme-light .jne-gallery-top-button{
  color:
        #102433;
  border-color:
        rgba(
            30,
            91,
            118,
            .32
        );
  background:
        linear-gradient(
            180deg,
            #d7e3eb,
            #becdd8
        );
}
.jne-gb-above-book-nav{
  position: relative;
  z-index: 80;
  display: grid;
  grid-template-columns:
        minmax(130px, 1fr)
        minmax(210px, auto)
        minmax(130px, 1fr);
  align-items:
        center;
  gap:
        14px;
  width:
        min(
            92%,
            760px
        );
  margin:
        0 auto 12px;
  padding:
        0 4px;
}
.jne-gb-above-book-nav .jne-gb-proxy-button{
  display:
        inline-flex;
  align-items:
        center;
  justify-content:
        center;
  min-height:
        42px;
  padding:
        10px 18px;
  border:
        1px solid
        rgba(
            70,
            204,
            237,
            .38
        );
  border-radius:
        999px;
  background:
        linear-gradient(
            180deg,
            #163449,
            #091e2d
        );
  color:
        #f5fbff !important;
  -webkit-text-fill-color:
        #f5fbff !important;
  box-shadow:
        0 8px 20px
        rgba(
            0,
            0,
            0,
            .18
        );
  font-weight:
        800;
  line-height:
        1;
  cursor:
        pointer;
}
.jne-gb-above-book-nav .jne-gb-proxy-button:first-child{justify-self:
        start;}
.jne-gb-above-book-nav .jne-gb-proxy-button:last-child{justify-self:
        end;}
.jne-gb-above-book-nav .jne-gb-page-status{
  justify-self:
        center;
  display:
        inline-flex;
  align-items:
        center;
  justify-content:
        center;
  min-width:
        210px;
  min-height:
        40px;
  padding:
        9px 18px;
  border:
        1px solid
        rgba(
            70,
            204,
            237,
            .25
        );
  border-radius:
        999px;
  background:
        rgba(
            8,
            29,
            44,
            .76
        );
  color:
        #e5f5fb !important;
  -webkit-text-fill-color:
        #e5f5fb !important;
  text-shadow:
        none !important;
  font-size:
        .90rem;
  font-weight:
        800;
  line-height:
        1;
  text-align:
        center;
}
html.jne-theme-light .jne-gb-above-book-nav .jne-gb-proxy-button{
  border-color:
        rgba(
            30,
            91,
            118,
            .34
        );
  background:
        linear-gradient(
            180deg,
            #d8e4ec,
            #bdccd8
        );
  color:
        #102433 !important;
  -webkit-text-fill-color:
        #102433 !important;
  text-shadow:
        none !important;
}
html.jne-theme-light .jne-gb-above-book-nav .jne-gb-page-status{
  border-color:
        rgba(
            30,
            91,
            118,
            .36
        );
  background:
        linear-gradient(
            180deg,
            #e2eaf0,
            #cbd7e0
        );
  color:
        #19384c !important;
  -webkit-text-fill-color:
        #19384c !important;
  text-shadow:
        none !important;
  box-shadow:
        inset 0 1px 0
        rgba(
            255,
            255,
            255,
            .70
        ),
        0 5px 14px
        rgba(
            43,
            59,
            72,
            .11
        );
}
.jne-gb-original-nav-hidden{display:
        none !important;}
@media (max-width: 820px){
.jne-theme-host{
    padding-bottom:
            calc(
                var(
                    --jne-theme-original-padding-bottom,
                    0px
                )
                + 54px
            ) !important;
  }
  .jne-theme-switch-slot{bottom:
            6px !important;}
  .jne-gb-above-book-nav{
    grid-template-columns:
            1fr 1fr;
    gap:
            8px;
    width:
            min(
                96%,
                620px
            );
  }
  .jne-gb-above-book-nav .jne-gb-page-status{grid-column:
            1 / -1;grid-row:
            1;width:
            100%;min-width:
            0;}
  .jne-gb-above-book-nav .jne-gb-proxy-button:first-child{grid-column:
            1;grid-row:
            2;width:
            100%;}
  .jne-gb-above-book-nav .jne-gb-proxy-button:last-child{grid-column:
            2;grid-row:
            2;width:
            100%;}
  .jne-gallery-top-button{right:
            14px;bottom:
            80px;}
}


/* BEGIN JNE APPROVED LIGHT V1 2026-09-15 */
/*
 * JaNeinEvtl – approved light palette, 2026-09-15, v1.0.0.
 * Scope contract: every selector requires html.jne-theme-light.
 * Dark styles, page content, assets, layout scripts and consent are untouched.
 * Legacy light tokens are mapped here so existing and new components agree.
 */
html.jne-theme-light {
  color-scheme: light;
  --jne-light-ink: #102b3b;
  --jne-light-muted: #415f70;
  --jne-light-link: #076a82;
  --jne-light-surface: #ffffff;
  --jne-light-surface-soft: #eefbfe;
  --jne-light-line: rgba(22, 153, 184, .28);
  --jne-light-shadow: 0 12px 32px rgba(16, 100, 130, .10), 0 2px 6px rgba(16, 100, 130, .04);
  --jne-light-panel: linear-gradient(155deg, #ffffff 0%, #f7fdff 65%, #edfbff 100%);
  --jne-light-primary-button: linear-gradient(125deg, #46cced 0%, #6cdef5 100%);
  --jne-primary: #46CCED;
  --jne-primary-rgb: 70, 204, 237;
  --jne-primary-dark: #08708a;
  --jne-background: #eafaff;
  --jne-background-soft: #f4fcff;
  --jne-card: #f7fdff;
  --jne-card-hover: #eafaff;
  --jne-border: var(--jne-light-line);
  --jne-text: var(--jne-light-ink);
  --jne-text-soft: var(--jne-light-muted);
  --jne-shadow: var(--jne-light-shadow);
  --jne-theme-accent: #46CCED;
  --jne-l-page-top: #f9feff;
  --jne-l-page-mid: #eafaff;
  --jne-l-page-bottom: #d9f6fc;
  --jne-l-header-top: #ffffff;
  --jne-l-header-bottom: #effcff;
  --jne-l-steel-1: #ffffff;
  --jne-l-steel-2: #f7fdff;
  --jne-l-steel-3: #edfaff;
  --jne-l-steel-4: #e2f6fc;
  --jne-l-row-1: #ffffff;
  --jne-l-row-2: #f0faff;
  --jne-l-row-hover: #dcf5fc;
  --jne-l-surface-1: #ffffff;
  --jne-l-surface-2: #effbff;
  --jne-l-text: var(--jne-light-ink);
  --jne-l-muted: var(--jne-light-muted);
  --jne-l-white: var(--jne-light-ink);
  --jne-l-soft: var(--jne-light-muted);
  --jne-l-border: var(--jne-light-line);
  --jne-l-shadow: var(--jne-light-shadow);
  --jne-sections-soft: var(--jne-light-muted);
  --jne-privacy-accent: var(--jne-light-link);
  --jne-privacy-bg: #ffffff;
  --jne-privacy-bg-2: #effbff;
  --jne-privacy-line: var(--jne-light-line);
  --jne-privacy-text: var(--jne-light-ink);
  --jne-privacy-soft: var(--jne-light-muted);
  --jne-cookie-cyan: #46CCED;
  --jne-cookie-navy: #effbff;
  --jne-cookie-deep: #ffffff;
  --jne-cookie-panel: #ffffff;
  --jne-cookie-panel-2: #effbff;
  --jne-cookie-text: var(--jne-light-ink);
  --jne-cookie-soft: var(--jne-light-muted);
  --jne-cookie-dark-text: var(--jne-light-ink);
  --jne-cookie-border: var(--jne-light-line);
}

/* Ice-cyan canvas; keep the original geometry and animations. */
html.jne-theme-light body {
  color: var(--jne-light-ink) !important;
  background: radial-gradient(ellipse at 13% 7%, rgba(70,204,237,.20), transparent 38%),
              radial-gradient(ellipse at 92% 20%, rgba(70,204,237,.18), transparent 38%),
              linear-gradient(160deg, #fbfeff 0%, #edfaff 48%, #dff8fe 100%) !important;
}
html.jne-theme-light body::before {
  opacity: .40;
  background-image: linear-gradient(rgba(26,158,192,.065) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(26,158,192,.065) 1px, transparent 1px);
}
html.jne-theme-light body .site-header {
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(237,251,255,.96)) !important;
  border-bottom-color: var(--jne-light-line) !important;
  box-shadow: 0 4px 22px rgba(35,133,158,.08) !important;
}
html.jne-theme-light body :is(.site-title,.hero-title,.page-title,.jne-section-heading h2,.jne-content-page > .jne-container > h1) {
  color: var(--jne-light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
html.jne-theme-light body .hero-title span {
  color: #087f9e !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 2px 24px rgba(70,204,237,.16) !important;
}
html.jne-theme-light body :is(.hero-kicker,.page-hero-label,.jne-section-heading > span,.jne-fe-kicker,.jne-context-submenu-kicker) {
  color: var(--jne-light-link) !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body :is(.hero-description,.footer-text,.jne-hub-intro p,.jne-info-page > p) {
  color: var(--jne-light-muted) !important;
}

/* Navigation: existing selection wave and menu behaviour remain intact. */
html.jne-theme-light body #jne-main-navigation.main-navigation,
html.jne-theme-light body .site-header #jne-main-navigation.main-navigation.is-open {
  --jne-nav-bg: #f5fdff !important;
  --jne-nav-text: var(--jne-light-ink);
  background: linear-gradient(180deg, #ffffff, #eafaff) !important;
  border-color: var(--jne-light-line) !important;
  box-shadow: inset 0 1px 0 #fff, 0 6px 18px rgba(17,113,147,.10) !important;
}
html.jne-theme-light body #jne-main-navigation.main-navigation > a,
html.jne-theme-light body #jne-main-navigation.main-navigation > a:not([data-jne-selected="true"]),
html.jne-theme-light body #jne-main-navigation .jne-nav-submenu a {
  color: var(--jne-light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
html.jne-theme-light body #jne-main-navigation.main-navigation > a:is(:hover,:focus-visible,.is-active,.active,[aria-current="page"],[data-jne-selected="true"]) {
  color: #041019 !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body :is(#jne-main-navigation .jne-nav-submenu,.jne-context-submenu-inner) {
  background: var(--jne-light-panel) !important;
  border-color: var(--jne-light-line) !important;
  box-shadow: var(--jne-light-shadow) !important;
}
html.jne-theme-light body :is(.jne-context-submenu-parent,.jne-context-submenu-parent strong,.jne-context-submenu-item) {
  color: var(--jne-light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body :is(.jne-context-submenu-item:hover,.jne-context-submenu-item.is-active) {
  color: #083146 !important;
  background: #d6f5fd !important;
}
html.jne-theme-light body .jne-menu-toggle {
  color: var(--jne-light-ink) !important;
  background: #f7fdff !important;
  border-color: var(--jne-light-line) !important;
}
html.jne-theme-light body .jne-theme-switch {
  background: linear-gradient(180deg, #ffffff, #e3f8fe) !important;
  border-color: rgba(16,138,175,.35) !important;
  box-shadow: 0 5px 18px rgba(25,118,148,.12) !important;
}
html.jne-theme-light body .jne-theme-switch-hint {
  color: var(--jne-light-ink) !important;
  background: #f3fcff !important;
  border-color: var(--jne-light-line) !important;
}

/* Unified panels for both existing content and future reusable components. */
html.jne-theme-light body :is(.page-content,.jne-panel,.jne-card,.jne-hub-card,.jne-command-card,.jne-bot-card,.jne-fe-card,.jne-info-placeholder,.jne-clip-player-shell,.jne-clip-card-auto,.jne-clips-sortbar,.jne-selected-clip-meta,.jne-link-card,.jne-social-card,.jne-login-box,.jne-guestbook-entry,.jne-twitch-admin-gate-card,.jne-home-live-consent-shell,.jne-home-live-panel) {
  color: var(--jne-light-ink) !important;
  background: var(--jne-light-panel) !important;
  border-color: var(--jne-light-line) !important;
  box-shadow: var(--jne-light-shadow) !important;
}
html.jne-theme-light body :is(.jne-card,.jne-hub-card,.jne-link-card,.jne-clip-card-auto):hover {
  background: linear-gradient(155deg, #ffffff, #dff7fe) !important;
  border-color: rgba(11,158,195,.56) !important;
  box-shadow: 0 16px 34px rgba(20,132,167,.15) !important;
}
html.jne-theme-light body :is(.jne-panel,.page-content,.jne-card,.jne-hub-card,.jne-command-card,.jne-bot-card,.jne-fe-card,.jne-info-placeholder,.jne-home-live-consent-shell,.jne-link-card,.jne-twitch-admin-gate-card) :is(h1,h2,h3,h4,h5,h6,strong,b,legend) {
  color: var(--jne-light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
html.jne-theme-light body :is(.jne-panel,.page-content,.jne-card,.jne-hub-card,.jne-command-card,.jne-bot-card,.jne-fe-card,.jne-info-placeholder,.jne-home-live-consent-shell,.jne-link-card,.jne-twitch-admin-gate-card) :is(p,li,small,dt,dd,label),
html.jne-theme-light body :is(.jne-project-facts,.jne-project-facts span,.jne-hub-card-copy span,.jne-guestbook-message,.jne-guestbook-entry time,.jne-selected-clip-meta-item > span,.jne-clip-meta,.jne-clips-sortbar-label,.jne-fe-account-grid span,.jne-twitch-admin-gate-hint) {
  color: var(--jne-light-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body :is(main,.site-footer,.jne-privacy-page,.jne-impressum-page) a:not(.jne-button):not(.button):not(.jne-fe-button):not(.jne-modapp-discord-login):not(.jne-mod-tab):not(.jne-cookie-button):not(.jne-privacy-button),
html.jne-theme-light body :is(.jne-card-link,.jne-hub-card-arrow,.jne-context-submenu-arrow,.jne-card-icon,.jne-brand-icon) {
  color: var(--jne-light-link) !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body :is(main,.site-footer) a:not(.jne-button):not(.button):hover {
  color: #044759 !important;
}
html.jne-theme-light body :is(.jne-box,.wp-block-jne-box.jne-box,.jne-fe-account-grid > div,.jne-fe-role-box,.jne-fe-profile-section,.jne-fe-profile-password-block,.jne-selected-clip-meta-item) {
  background: linear-gradient(150deg, #ffffff, #ecfaff) !important;
  color: var(--jne-light-ink) !important;
  border-color: var(--jne-light-line) !important;
}
html.jne-theme-light body :is(.jne-box-content,.jne-box-content p,.jne-box-content li,.jne-box-content span) {
  color: var(--jne-light-muted) !important;
}
html.jne-theme-light body :is(.jne-box-title,.jne-box-content h2,.jne-box-content h3,.jne-box-content strong) {
  color: var(--jne-light-ink) !important;
}

/* Buttons: retain shape, motion, labels and actions. */
html.jne-theme-light body :is(.jne-button,.wp-element-button,.wp-block-button__link,a.button,button.button,.jne-fe-button,.jne-mod-submit,.jne-modapp-submit,.jne-modapp-discord-login,.jne-privacy-button-primary,.jne-cookie-button-primary,.jne-twitch-consent-button-accept) {
  color: #082b3c !important;
  -webkit-text-fill-color: currentColor !important;
  background: var(--jne-light-primary-button) !important;
  border-color: #2cb8dc !important;
  box-shadow: 0 7px 20px rgba(14,161,198,.20) !important;
  text-shadow: none !important;
}
html.jne-theme-light body :is(.jne-button,.wp-element-button,.wp-block-button__link,.jne-fe-button,.jne-mod-submit,.jne-cookie-button-primary):is(:hover,:focus-visible) {
  color: #082b3c !important;
  background: linear-gradient(125deg, #72e0f5, #b2effa) !important;
  border-color: #0d91b4 !important;
}
html.jne-theme-light body :is(.hero-actions .jne-button.is-secondary,.hero-actions .jne-button.secondary,.jne-button.is-secondary,.jne-button-secondary,.jne-fe-button.secondary,.jne-privacy-button-secondary,.jne-cookie-button-secondary,.jne-cookie-button-ghost,.jne-twitch-consent-button-decline) {
  color: var(--jne-light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  background: linear-gradient(150deg, #ffffff, #f0fbff) !important;
  border-color: var(--jne-light-line) !important;
  box-shadow: 0 5px 16px rgba(32,134,166,.08) !important;
}
html.jne-theme-light body :is(.jne-button.is-secondary,.jne-button-secondary,.jne-fe-button.secondary,.jne-privacy-button-secondary,.jne-cookie-button-secondary,.jne-cookie-button-ghost):is(:hover,:focus-visible) {
  color: #082b3c !important;
  background: #d4f5fc !important;
  border-color: #1198b9 !important;
}
html.jne-theme-light body :is(.jne-button,.jne-fe-button,.jne-cookie-button,.jne-privacy-button) :is(span,strong) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body :is(a,button,input,textarea,select,summary):focus-visible {
  outline: 2px solid #087c9a !important;
  outline-offset: 3px;
}

/* Forms, login, contact and future standard inputs. */
html.jne-theme-light body :is(main,.jne-fe-card,.jne-cookie-settings-dialog) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="range"]):not([type="color"]),textarea,select) {
  color: var(--jne-light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  background: #ffffff !important;
  border-color: #9bcddb !important;
  box-shadow: inset 0 1px 3px rgba(24,96,119,.04) !important;
}
html.jne-theme-light body :is(input,textarea)::placeholder {
  color: #557282 !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1;
}
html.jne-theme-light body :is(input,textarea,select):focus {
  border-color: #088dad !important;
}
html.jne-theme-light body :is(.jne-field > span,.jne-login-field span,.jne-checkbox,.jne-remember-field,.jne-fe-small) {
  color: var(--jne-light-ink) !important;
}
html.jne-theme-light body :is(.jne-form-notice,.jne-fe-notice,.protected-user-note,.jne-fe-profile-note) {
  background: #eaf9fd !important;
  color: #17556c !important;
  border-color: #9fd7e5 !important;
}

/* Accordions and tables, including the gated broadcaster section. */
html.jne-theme-light body :is(.jne-command-summary,.jne-bot-card > summary,#admin-broadcaster > .jne-command-summary) {
  color: var(--jne-light-ink) !important;
  background: linear-gradient(150deg, #ffffff, #e9faff) !important;
  border-color: var(--jne-light-line) !important;
}
html.jne-theme-light body :is(.jne-command-body,.jne-bot-content,#admin-broadcaster > .jne-twitch-admin-gate-host,#admin-broadcaster > .jne-twitch-admin-protected-content,#admin-broadcaster > .jne-command-body) {
  color: var(--jne-light-ink) !important;
  background: #f7fdff !important;
}
html.jne-theme-light body #admin-broadcaster {
  --jne-text: var(--jne-light-ink);
  --jne-text-soft: var(--jne-light-muted);
}
html.jne-theme-light body :is(.jne-command-heading strong,.jne-bot-card > summary strong,.jne-clip-player-head strong,.jne-clip-card-copy strong,.jne-selected-clip-meta-item > strong) {
  color: var(--jne-light-ink) !important;
}
html.jne-theme-light body :is(.jne-command-heading small,.jne-bot-card > summary small,.jne-clip-player-head span) {
  color: var(--jne-light-muted) !important;
}
html.jne-theme-light body :is(.jne-panel,.page-content,.jne-bot-content,.jne-command-body) table {
  background: #ffffff !important;
  color: var(--jne-light-ink) !important;
  border-color: #afd9e6 !important;
}
html.jne-theme-light body :is(.jne-panel,.page-content,.jne-bot-content,.jne-command-body) table :is(th,thead td) {
  background: #d0f2fb !important;
  color: #0b3447 !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: #9dcedd !important;
}
html.jne-theme-light body :is(.jne-panel,.page-content,.jne-bot-content,.jne-command-body) table tbody tr td {
  background: #ffffff !important;
  color: var(--jne-light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: #cae8f0 !important;
}
html.jne-theme-light body :is(.jne-panel,.page-content,.jne-bot-content,.jne-command-body) table tbody tr:nth-child(even) td {
  background: #f0faff !important;
}
html.jne-theme-light body :is(.jne-panel,.page-content,.jne-bot-content,.jne-command-body) table tbody tr:hover td {
  background: #dff5fc !important;
}
html.jne-theme-light body :is(.jne-panel,.page-content,.jne-bot-content,.jne-command-body) :is(code,pre) {
  background: #e6f5fa !important;
  color: #12526d !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: #b1dbe7 !important;
}
html.jne-theme-light body :is(#admin-broadcaster tr.jne-row-danger,.jne-bot-content tbody tr.jne-tce-broadcaster-command) td,
html.jne-theme-light body :is(#admin-broadcaster code.jne-code-danger,.jne-bot-content .jne-tce-broadcaster-command code) {
  background: #fff0f2 !important;
  color: #902438 !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: #e7bac4 !important;
}
html.jne-theme-light body :is(.jne-bot-content,.jne-command-body) tbody tr td::before {
  color: #2c586b !important;
}

/* Legal pages, cookies and privacy dialogs. */
html.jne-theme-light body :is(.jne-impressum-lead,.jne-privacy-lead,.jne-impressum-lawbox,.jne-privacy-lawbox,.jne-privacy-modal-law,.jne-cookie-settings-law,.jne-twitch-consent-card,.jne-home-live-consent,.jne-home-live-consent-card) {
  background: linear-gradient(145deg, #f4fdff, #e4f7fd) !important;
  border-color: rgba(20,161,194,.35) !important;
  color: var(--jne-light-ink) !important;
}
html.jne-theme-light body :is(.jne-cookie-consent,.jne-cookie-settings-dialog,.jne-privacy-modal-dialog) {
  background: linear-gradient(150deg, #ffffff, #effbff) !important;
  color: var(--jne-light-ink) !important;
  border-color: #a6d9e7 !important;
  box-shadow: 0 15px 50px rgba(14,80,104,.20) !important;
}
html.jne-theme-light body :is(.jne-cookie-category,.jne-privacy-modal-grid > div,.jne-privacy-modal-grid > section) {
  background: #f5fcff !important;
  border-color: var(--jne-light-line) !important;
}
html.jne-theme-light body :is(.jne-cookie-consent,.jne-cookie-settings-dialog,.jne-privacy-modal-dialog,.jne-twitch-consent-card) :is(h2,h3,strong) {
  color: var(--jne-light-ink) !important;
}
html.jne-theme-light body :is(.jne-cookie-consent,.jne-cookie-settings-dialog,.jne-privacy-modal-dialog,.jne-twitch-consent-card) :is(p,small,.jne-cookie-provider-text,.jne-cookie-category p) {
  color: var(--jne-light-muted) !important;
}
html.jne-theme-light body :is(.jne-cookie-links a,.jne-cookie-settings-dialog a,.jne-privacy-modal-dialog a,.jne-twitch-consent-links a,.jne-cookie-kicker) {
  color: var(--jne-light-link) !important;
}
html.jne-theme-light body :is(.jne-cookie-reopen,.jne-cookie-settings-x,.jne-privacy-modal-x) {
  color: #083146 !important;
  background: #c6f2fc !important;
  border-color: #78c9de !important;
}
html.jne-theme-light body .jne-cookie-switch input + span {
  background: #d6e9ef !important;
  border-color: #799eae !important;
}
html.jne-theme-light body .jne-cookie-switch input:checked + span {
  background: #b2eefa !important;
  border-color: #147d96 !important;
}
html.jne-theme-light body .jne-cookie-switch input + span::after {
  background: #266e86 !important;
}

/* Mod applications, notices and status states. */
html.jne-theme-light body .jne-modapp {
  --jne-mod-accent: #076a82;
  --jne-mod-bg: #f5fcff;
  --jne-mod-panel: #ffffff;
  --jne-mod-panel-2: #eaf9fe;
  --jne-mod-line: rgba(20,151,186,.30);
  --jne-mod-text: #102b3b;
  --jne-mod-soft: #415f70;
  --jne-mod-danger: #a12b41;
}
html.jne-theme-light body :is(.jne-mod-step,.jne-modapp-discord-gate,.jne-modapp-summary-card,.jne-modapp-age-note,.jne-modapp-notice,.jne-modapp-discord-connected,.jne-modapp-discord-readonly,.jne-mod-age-notice,.jne-mod-panel,.jne-review-row) {
  color: var(--jne-light-ink) !important;
  background: var(--jne-light-panel) !important;
  border-color: var(--jne-light-line) !important;
}
html.jne-theme-light body :is(.jne-modapp-progress li,.jne-modapp-field small,.jne-modapp-choice span,.jne-modapp-check,.jne-modapp-discord-connected-text span) {
  color: var(--jne-light-muted) !important;
}
html.jne-theme-light body :is(.jne-mod-step h3,.jne-modapp-progress li.is-active,.jne-modapp-field > span,.jne-modapp-fieldset legend) {
  color: var(--jne-light-ink) !important;
}
html.jne-theme-light body .jne-modapp-choice input:checked + span {
  color: #082b3c !important;
  background: #b7effb !important;
  border-color: #178dab !important;
}
html.jne-theme-light body :is(.jne-modapp-notice.is-error,.jne-fe-error,.jne-notice-error) {
  color: #902438 !important;
  background: #fff0f2 !important;
  border-color: #e7bac4 !important;
}
html.jne-theme-light body :is(.jne-modapp-notice.is-success,.jne-fe-success,.jne-notice-success) {
  color: #145639 !important;
  background: #eafaf1 !important;
  border-color: #a5d9bb !important;
}

/* Gallery controls and live media. Images, videos and the book remain original. */
html.jne-theme-light body :is(.jne-media-nav,.jne-media-enlarge,.jne-gallery-top-button,.jne-gb-above-book-nav .jne-gb-proxy-button,.jne-gb-above-book-nav .jne-gb-page-status) {
  background: linear-gradient(160deg, #ffffff, #dbf6fd) !important;
  border-color: #99cedf !important;
  color: #123d51 !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  box-shadow: 0 5px 17px rgba(30,116,144,.12) !important;
}
html.jne-theme-light body :is(.jne-gallery-lightbox-dialog,.jne-media-lightbox-dialog) {
  border-color: #6dc3dc !important;
}
html.jne-theme-light body :is(.jne-gallery-lightbox-close,.jne-gallery-lightbox-nav,.jne-media-lightbox-close,.jne-media-lightbox-nav) {
  color: #102b3b !important;
  background: #d4f4fc !important;
  border-color: #72bfd5 !important;
}
html.jne-theme-light body :is(.hero-logo-panel,.jne-home-live-player-shell,.jne-home-twitch-player-shell) {
  border-color: rgba(70,204,237,.70) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.75), 0 12px 36px rgba(17,152,187,.18) !important;
}
html.jne-theme-light body .hero-logo-panel {
  background: radial-gradient(ellipse at 50% 40%, rgba(70,204,237,.22), transparent 68%), linear-gradient(140deg, #052c42, #0c1b2c) !important;
}
html.jne-theme-light body .hero-logo-panel .hero-logo-fallback {
  color: #46cced !important;
}

/* Community strip and a light footer matching the header. */
html.jne-theme-light body .jne-discord-polls {
  color: var(--jne-light-ink) !important;
  background: linear-gradient(90deg, #e6f9fe, #ffffff, #e6f9fe) !important;
  border-color: var(--jne-light-line) !important;
}
html.jne-theme-light body :is(.jne-discord-polls__label,.jne-discord-polls__link) {
  color: var(--jne-light-link) !important;
}
html.jne-theme-light body .site-footer {
  background: linear-gradient(150deg, #ffffff, #e5f9fe) !important;
  border-top-color: #a2d8e7 !important;
  box-shadow: 0 -4px 22px rgba(15,123,155,.06) !important;
}
html.jne-theme-light body :is(.site-footer .footer-text,.site-footer .footer-links a,.footer-brand,.footer-social-link) {
  color: var(--jne-light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body .site-footer a:hover {
  color: var(--jne-light-link) !important;
}

/* Browser-review corrections: ID-specific login rules and nested feature cards. */
html.jne-theme-light body #jne-main-navigation #jne-login-account-menu-link,
html.jne-theme-light body #jne-main-navigation #jne-login-account-menu-link:not([data-jne-selected="true"]) {
  color: var(--jne-light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
html.jne-theme-light body #jne-main-navigation #jne-login-account-menu-link:is(:hover,:focus-visible,.is-active,.active,[aria-current="page"],[data-jne-selected="true"]) {
  color: #041019 !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body :is(.skip-link,.jne-hub-kicker,.jne-command-status,.jne-clips-section-head > div > span,.jne-clips-count,.jne-clips-more,.jne-rgb-book-page-indicator) {
  color: var(--jne-light-link) !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body :is(.jne-media-card,.jne-modapp-intro) {
  color: var(--jne-light-ink) !important;
  background: var(--jne-light-panel) !important;
  border-color: var(--jne-light-line) !important;
  box-shadow: var(--jne-light-shadow) !important;
}
html.jne-theme-light body .jne-clips-more {
  background: #e7f9fd !important;
  border-color: #92cddd !important;
}
html.jne-theme-light body :is(.jne-media-thumb,.jne-media-viewer,.jne-media-lightbox,.jne-gallery-lightbox) small {
  color: #eafaff !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body #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) {
  color: var(--jne-light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body #admin-broadcaster .jne-command-status,
html.jne-theme-light body .jne-media-card-count {
  color: var(--jne-light-link) !important;
  -webkit-text-fill-color: currentColor !important;
  background: #e4f7fd !important;
  border-color: #9fd2e1 !important;
}
html.jne-theme-light body :is(.jne-section-heading h1,.page-title,.jne-media-card-title) {
  overflow-wrap: anywhere;
}
html.jne-theme-light body :is(.jne-cookie-required-badge,.jne-cookie-provider-badge) {
  color: var(--jne-light-link) !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body :is(.jne-context-submenu-item,.jne-context-submenu-parent,#jne-main-navigation .jne-nav-submenu a) > :is(span,strong) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

/* END JNE APPROVED LIGHT V1 2026-09-15 */


/* BEGIN JNE LIGHT FOOTER ICONS DARKMATCH 2026-09-17
 * Lightmode only: footer social icons use the exact Darkmode visual styling.
 * Platform fills are explicit so general Lightmode link rules cannot recolor them.
 */
html.jne-theme-light body .site-footer .footer-social-link {
  display: inline-flex !important;
  width: 42px !important;
  height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(var(--jne-primary-rgb), 0.3) !important;
  border-radius: 12px !important;
  background: rgba(8, 27, 44, 0.82) !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition:
    border-color 180ms ease,
    color 180ms ease,
    background 180ms ease,
    transform 180ms ease !important;
}
html.jne-theme-light body .site-footer .footer-social-link svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  overflow: visible !important;
  stroke: none;
}
html.jne-theme-light body .site-footer .footer-social-link.is-twitch,
html.jne-theme-light body .site-footer .footer-social-link.is-twitch svg {
  color: #A970FF !important;
  fill: #A970FF !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body .site-footer .footer-social-link.is-spotify,
html.jne-theme-light body .site-footer .footer-social-link.is-spotify svg {
  color: #1ED760 !important;
  fill: #1ED760 !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body .site-footer .footer-social-link.is-instagram,
html.jne-theme-light body .site-footer .footer-social-link.is-instagram svg {
  color: #F05A9D !important;
  fill: #F05A9D !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body .site-footer .footer-social-link.is-discord,
html.jne-theme-light body .site-footer .footer-social-link.is-discord svg {
  color: #7289DA !important;
  fill: #7289DA !important;
  -webkit-text-fill-color: currentColor !important;
}
html.jne-theme-light body .site-footer .footer-social-link .jne-icon-cutout {
  fill: none !important;
  stroke: #07111F !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
}
html.jne-theme-light body .site-footer .footer-social-link .jne-icon-dot {
  fill: #07111F !important;
}
html.jne-theme-light body .site-footer .footer-social-link:hover,
html.jne-theme-light body .site-footer .footer-social-link:focus-visible {
  border-color: var(--jne-primary) !important;
  color: #031019 !important;
  -webkit-text-fill-color: currentColor !important;
  background: var(--jne-primary) !important;
  transform: translateY(-2px) !important;
}
html.jne-theme-light body .site-footer .footer-social-link:hover svg,
html.jne-theme-light body .site-footer .footer-social-link:focus-visible svg {
  color: #031019 !important;
  fill: #031019 !important;
}
html.jne-theme-light body .site-footer .footer-social-link:hover .jne-icon-cutout,
html.jne-theme-light body .site-footer .footer-social-link:focus-visible .jne-icon-cutout {
  fill: none !important;
  stroke: #07111F !important;
}
html.jne-theme-light body .site-footer .footer-social-link:hover .jne-icon-dot,
html.jne-theme-light body .site-footer .footer-social-link:focus-visible .jne-icon-dot {
  fill: #07111F !important;
}
/* END JNE LIGHT FOOTER ICONS DARKMATCH 2026-09-17 */


/* BEGIN JNE TWITCH PLAYER STAGE FIX BOTH THEMES 2026-09-17
 * Functional fix for Dark + Light: once Twitch is active, hide the consent
 * stage completely and show only the player. Visual theme styling is untouched.
 */
.jne-home-live-consent-shell .jne-seq-stage-wrap[hidden],
.jne-home-live-consent-shell.jne-seq-step-player > .jne-seq-stage-wrap {
  display: none !important;
}
.jne-home-live-consent-shell.jne-seq-step-player > iframe:not([hidden]) {
  display: block !important;
}
/* END JNE TWITCH PLAYER STAGE FIX BOTH THEMES 2026-09-17 */


/* BEGIN JNE NARROW MOBILE HEADING WRAP V1
 * Prevent long German compound headings from widening the viewport.
 * Scoped to phones only; desktop/tablet design is unchanged.
 */
@media (max-width: 430px) {
  .page-title,
  .jne-section-heading h1 {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}
/* END JNE NARROW MOBILE HEADING WRAP V1 */