/* Junona: lightweight, local visual effects */
.jn-fx-progress{position:fixed;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#8d6a20,#f3d790,#d2aa45);z-index:99990;transform-origin:left;transform:scaleX(0);pointer-events:none}
.jn-fx-stage{isolation:isolate}.jn-fx-atmosphere{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.jn-fx-atmosphere:before{content:"";position:absolute;inset:-15%;background:radial-gradient(ellipse at 73% 15%,rgba(230,192,102,.11),transparent 58%);animation:jnStageLight 20s ease-in-out infinite alternate;animation-play-state:paused}
.jn-fx-particle{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#ecd08c;box-shadow:0 0 9px 2px #e7bd6425;opacity:0;animation:jnStageDust var(--duration) linear var(--phase) infinite;animation-play-state:paused;will-change:transform,opacity}
.jn-fx-running:before,.jn-fx-running .jn-fx-particle{animation-play-state:running}
@keyframes jnStageDust{0%{opacity:0;transform:translate3d(0,35px,0)}25%{opacity:var(--alpha)}75%{opacity:var(--alpha)}100%{opacity:0;transform:translate3d(var(--drift),-100px,0)}}
@keyframes jnStageLight{from{transform:translate3d(-2%,0,0);opacity:.5}to{transform:translate3d(2%,2%,0);opacity:.9}}
.jn-fx-active .jn-fx-reveal{opacity:0;translate:0 18px;transition:opacity .65s ease var(--jn-delay,0ms),translate .65s ease var(--jn-delay,0ms)}
.jn-fx-active .jn-fx-reveal.jn-fx-shown{opacity:1;translate:0 0}
.jn-fx-button{transition:box-shadow .25s ease,filter .25s ease}
.jn-fx-button:hover{box-shadow:0 0 24px #d6b45d38;filter:brightness(1.06)}
.jn-music-play,.jn-subscribe-button{position:relative;overflow:hidden}
.jn-music-play:after,.jn-subscribe-button:after{content:"";position:absolute;inset:-30% auto -30% -90%;width:55%;background:linear-gradient(105deg,transparent,rgba(255,245,207,.26),transparent);transform:skewX(-15deg);pointer-events:none;transition:left .65s ease}
.jn-music-play:hover:after,.jn-subscribe-button:hover:after{left:135%}
.jn-fx-card{position:relative;isolation:isolate;transform:perspective(1000px) rotateX(var(--jn-rx,0deg)) rotateY(var(--jn-ry,0deg));transition:transform .2s ease,border-color .25s,box-shadow .25s,opacity .65s ease var(--jn-delay,0ms),translate .65s ease var(--jn-delay,0ms)}
.jn-fx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(ellipse at var(--jn-x,50%) var(--jn-y,30%),#edcf8130,transparent 65%);transition:opacity .25s}
.jn-fx-card:hover{border-color:#d1ac57;box-shadow:0 12px 38px #bf923014}.jn-fx-card:hover:before{opacity:1}
@media(max-width:700px){.jn-fx-particle:nth-child(n+15){display:none}.jn-fx-atmosphere:before{opacity:.5;animation:none}.jn-fx-card{transform:none!important}}
@media(prefers-reduced-motion:reduce){.jn-fx-atmosphere{display:none}.jn-fx-active .jn-fx-reveal{opacity:1!important;translate:none!important;transition:none!important}.jn-fx-card{transform:none!important}.jn-fx-button,.jn-fx-card,.jn-fx-card:before{transition:none!important}.jn-music-play:after,.jn-subscribe-button:after{display:none}}

.t396__elem.jn-video-element{height:auto!important;aspect-ratio:16/9!important}
.jn-player-clean{height:auto!important;aspect-ratio:16/9;overflow:hidden;background:#080706}
.jn-player-clean .jn-video{display:block;width:100%;aspect-ratio:16/9;height:auto!important;object-fit:contain}
.jn-fx-magnetic{translate:var(--jn-mx,0px) var(--jn-my,0px);transition:translate .18s ease,box-shadow .25s ease,filter .25s ease}
.jn-fx-floating{position:fixed;left:25px;bottom:25px;z-index:9000;display:flex;gap:10px;align-items:center;padding:16px 24px;border:1px solid #f3d790;border-radius:40px;color:#171008!important;background:linear-gradient(125deg,#f1d68d,#be9639);font:700 16px/1 Arial,sans-serif;text-decoration:none!important;box-shadow:0 6px 30px #0007,0 0 24px #d2aa4540;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s;animation:jnFloatingTicket 4.5s ease-in-out infinite}
.jn-fx-floating.is-visible{opacity:1;visibility:visible;pointer-events:auto}.jn-fx-floating:hover{box-shadow:0 6px 36px #0008,0 0 36px #d2aa4580}
@keyframes jnFloatingTicket{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:700px){.jn-fx-floating{left:16px;bottom:18px;padding:14px 18px;font-size:14px}.jn-fx-magnetic{translate:none!important}}
@media(prefers-reduced-motion:reduce){.jn-fx-floating{animation:none}.jn-fx-magnetic{translate:none!important;transition:none}}