.jp{--bg:#0e1626;--panel:#172236;--line:#2a3a5c;--text:#e4e9f2;--muted:#9aa8c0;--accent:#afd136;--accent-ink:#0e1626;--wait:#7fa3df;--logo:linear-gradient(135deg, #00ff9d, #e6ff00);--sans:"Hanken Grotesk Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.2, .7, .2, 1);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden;container-type:size}.jp *,.jp :before,.jp :after{box-sizing:border-box}.jp :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.jp :where(a){color:inherit;text-decoration:none}.jp :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.jp svg{display:block}.jp-video,.jp-hit{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.jp-video{object-fit:contain;background:#000}.jp-hit{z-index:1}.jp-freeze{object-fit:cover;filter:blur(18px)brightness(.42)saturate(1.2);opacity:0;pointer-events:none;width:calc(100% + 80px);height:calc(100% + 80px);transition:opacity .4s;position:absolute;top:-40px;bottom:-40px;left:-40px;right:-40px}.jp.is-frozen .jp-freeze{opacity:1}.jp-stage{z-index:5;background:var(--bg);transition:opacity .6s var(--ease), visibility .6s;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.jp[data-view=live] .jp-stage{opacity:0;visibility:hidden;pointer-events:none}.jp-aurora{filter:blur(clamp(40px,9cqmin,90px));opacity:.55;position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%}.jp-aurora i{opacity:.32;border-radius:50%;width:55cqmax;height:55cqmax;animation:22s ease-in-out infinite alternate jp-drift;position:absolute}.jp-aurora i:first-child{background:#00ff9d;top:18%;left:8%}.jp-aurora i:nth-child(2){opacity:.2;background:#e6ff00;animation-duration:27s;animation-delay:-9s;bottom:10%;right:6%}.jp-aurora i:nth-child(3){opacity:.38;background:#405be8;animation-duration:31s;animation-delay:-4s;top:-4%;right:22%}@keyframes jp-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(8cqw,-6cqh)scale(1.12)}to{transform:translate(-6cqw,5cqh)scale(.94)}}.jp[data-view=ended] .jp-aurora,.jp[data-view=unavailable] .jp-aurora,.jp[data-view=closed] .jp-aurora,.jp[data-view=notfound] .jp-aurora{opacity:.22;filter:blur(90px)saturate(.4)}.jp[data-view=offline] .jp-aurora,.jp[data-view=unsupported] .jp-aurora{opacity:.25}.jp-poster{filter:blur(18px)brightness(.42)saturate(1.2);opacity:0;transition:opacity .6s var(--ease);background:50%/cover no-repeat;position:absolute;top:-40px;bottom:-40px;left:-40px;right:-40px}.jp.has-poster .jp-poster{opacity:1}.jp.has-poster .jp-aurora{opacity:.25}.jp-dots{background-image:radial-gradient(#e4e9f217 1px,#0000 1.2px);background-size:22px 22px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.jp-stage:after{content:"";pointer-events:none;background:radial-gradient(#0000 45%,#080d17bf 100%);position:absolute;top:0;bottom:0;left:0;right:0}.jp-card{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:min(620px,92cqw);padding:24px;display:flex;position:relative}.jp-beacon{--size:clamp(16px, 4.2cqmin, 26px);width:var(--size);height:var(--size);margin-bottom:clamp(18px,6cqmin,34px);position:relative}.jp-beacon b{background:var(--logo);border-radius:50%;transition:filter .5s,box-shadow .5s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 24px #00ff9d73,0 0 60px #e6ff002e}.jp-beacon span{opacity:0;border:1.5px solid #78ffbe8c;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.jp[data-view=loading] .jp-beacon b{animation:1.6s ease-in-out infinite jp-breathe}.jp[data-view=pending] .jp-beacon span,.jp[data-view=starting] .jp-beacon span{animation:jp-ring 3s var(--ease) infinite}.jp[data-view=pending] .jp-beacon span:nth-child(2),.jp[data-view=starting] .jp-beacon span:nth-child(2){animation-delay:1s}.jp[data-view=pending] .jp-beacon span:nth-child(3),.jp[data-view=starting] .jp-beacon span:nth-child(3){animation-delay:2s}.jp[data-view=starting] .jp-beacon span{border-color:#e6ff00b3;animation-duration:1.2s}.jp[data-view=starting] .jp-beacon span:nth-child(2){animation-delay:.4s}.jp[data-view=starting] .jp-beacon span:nth-child(3){animation-delay:.8s}.jp[data-view=starting] .jp-beacon b{animation:.6s ease-in-out infinite jp-breathe}.jp[data-view=ended] .jp-beacon b,.jp[data-view=unavailable] .jp-beacon b,.jp[data-view=closed] .jp-beacon b,.jp[data-view=notfound] .jp-beacon b,.jp[data-view=unsupported] .jp-beacon b{filter:grayscale()brightness(.55);box-shadow:none}.jp[data-view=offline] .jp-beacon b{filter:grayscale(.6)brightness(.8);box-shadow:none;animation:2.4s ease-in-out infinite jp-breathe}@keyframes jp-ring{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(4.2)}}@keyframes jp-breathe{50%{opacity:.75;transform:scale(.82)}}.jp-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;min-height:1em;font-size:clamp(10px,2.4cqmin,12px);font-weight:650;display:inline-flex}.jp[data-view=pending] .jp-eyebrow,.jp[data-view=starting] .jp-eyebrow{color:var(--accent)}.jp[data-view=offline] .jp-eyebrow{color:#f9ad3e}.jp-headline{letter-spacing:-.025em;text-wrap:balance;background:linear-gradient(#fff,#c9d3e4);color:#0000;-webkit-background-clip:text;background-clip:text;margin:clamp(8px,2cqmin,12px) 0 0;font-size:clamp(18px,6.2cqmin,40px);font-weight:700;line-height:1.12}.jp-sub{color:var(--muted);text-wrap:pretty;margin:clamp(8px,2cqmin,12px) 0 0;font-size:clamp(12px,2.9cqmin,15.5px);line-height:1.5}.jp-headline:empty,.jp-sub:empty{display:none}.jp-card>*{animation:jp-rise .7s var(--ease) both}.jp-card>:nth-child(2){animation-delay:50ms}.jp-card>:nth-child(3){animation-delay:.1s}.jp-card>:nth-child(4){animation-delay:.15s}@keyframes jp-rise{0%{opacity:0;transform:translateY(8px)}}.jp-mark{z-index:1;letter-spacing:-.01em;color:#e4e9f28c;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:12.5px;font-weight:650;transition:color .2s,background .2s;display:inline-flex;position:absolute;bottom:clamp(12px,4cqmin,22px);left:50%;transform:translate(-50%)}.jp-mark:hover{color:var(--text);background:#ffffff0d}.jp-mark i,.jp-brand i{background:var(--logo);border-radius:50%;flex-shrink:0;width:8px;height:8px}.jp-mark svg{color:#e4e9f2d9;width:auto;height:18px;display:block}.jp-brand svg{width:auto;height:14px;display:block}.jp-brand span{display:block}.jp[data-view=loading] .jp-mark{opacity:0}.jp-spinner{z-index:3;border:3px solid #ffffff24;border-top-color:var(--accent);opacity:0;pointer-events:none;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;transition:opacity .2s;position:absolute;top:50%;left:50%}.jp.is-spinning .jp-spinner{opacity:1;animation:.8s linear infinite jp-spin}@keyframes jp-spin{to{transform:rotate(360deg)}}.jp-top{z-index:3;pointer-events:none;opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease);background:linear-gradient(#050911b8,#0000);padding:clamp(10px,3cqmin,18px) clamp(12px,3.4cqmin,20px) 44px;position:absolute;top:0;bottom:auto;left:0;right:0;transform:translateY(-6px)}.jp:not(.has-title) .jp-top{display:none}.jp-top-title{letter-spacing:-.01em;text-shadow:0 1px 12px #00000080;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(13px,3cqmin,17px);font-weight:650;overflow:hidden}.jp-notice{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .25s, transform .25s var(--ease);background:#0e1626d1;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 12px;font-size:13px;font-weight:550;display:flex;position:absolute;top:clamp(12px,4cqmin,22px);left:50%;transform:translate(-50%,-8px)}.jp-notice:before{content:"";background:#f9ad3e;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite jp-breathe}.jp.is-notice .jp-notice{opacity:1;transform:translate(-50%)}.jp.is-notice.has-title .jp-notice{top:clamp(40px,11cqmin,56px)}.jp-unmute{z-index:4;background:var(--accent);color:var(--accent-ink);animation:jp-rise .5s var(--ease) both;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:13.5px;font-weight:700;display:none;position:absolute;top:clamp(10px,3cqmin,18px);left:clamp(10px,3cqmin,18px);box-shadow:0 6px 24px #00000059}.jp-unmute svg{width:20px;height:20px}.jp.is-unmute[data-view=live] .jp-unmute{display:inline-flex}.jp.is-unmute.has-title .jp-unmute{top:clamp(38px,10cqmin,54px)}.jp-bigplay{z-index:4;background:var(--accent);width:clamp(56px,16cqmin,84px);height:clamp(56px,16cqmin,84px);color:var(--accent-ink);box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 18%, transparent), 0 14px 40px #00000073;transition:transform .2s var(--ease), box-shadow .2s;border-radius:50%;place-items:center;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jp-bigplay svg{width:44%;height:44%;margin-left:6%}.jp-bigplay:hover{box-shadow:0 0 0 14px color-mix(in srgb, var(--accent) 22%, transparent), 0 14px 40px #00000073;transform:translate(-50%,-50%)scale(1.06)}.jp.is-bigplay[data-view=live] .jp-bigplay{display:grid}.jp-bar{z-index:4;opacity:0;pointer-events:none;transition:opacity .3s var(--ease), transform .3s var(--ease);background:linear-gradient(#0000,#0509118c 40%,#050911e0);padding:48px clamp(6px,2cqmin,12px) clamp(6px,2cqmin,10px);position:absolute;top:auto;bottom:0;left:0;right:0;transform:translateY(8px)}.jp[data-view=live].ui-on .jp-bar,.jp[data-view=live].is-paused:not(.is-bigplay) .jp-bar,.jp[data-view=live].menu-open .jp-bar{opacity:1;pointer-events:auto;transform:none}.jp[data-view=live].ui-on .jp-top,.jp[data-view=live].is-paused .jp-top{opacity:1;transform:none}.jp[data-view=live]:not(.ui-on):not(.is-paused){cursor:none}.jp-bar-row{align-items:center;gap:2px;display:flex}.jp-btn{color:#ffffffeb;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;transition:background .15s,color .15s,transform .15s;display:grid}.jp-btn:hover{color:#fff;background:#ffffff1a}.jp-btn:active{transform:scale(.92)}.jp-btn svg{width:22px;height:22px}.jp-btn[hidden],.jp-qwrap[hidden]{display:none}.jp-vol{align-items:center;display:flex}.jp-slider{--v:100%;opacity:0;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg, #fff var(--v), #ffffff40 var(--v));cursor:pointer;width:0;height:4px;transition:width .25s var(--ease), opacity .2s, margin .25s var(--ease);border-radius:99px;margin:0}.jp-vol:hover .jp-slider,.jp-vol:focus-within .jp-slider{opacity:1;width:76px;margin:0 10px 0 4px}.jp-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 4px #0006}.jp-slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:13px;height:13px}.jp-live{background:var(--accent);height:26px;color:var(--accent-ink);letter-spacing:.09em;cursor:default;border-radius:7px;flex-shrink:0;align-items:center;gap:7px;margin:0 6px 0 8px;padding:0 10px 0 9px;font-size:11.5px;font-weight:800;transition:background .2s,color .2s;display:inline-flex}.jp-live i{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite jp-breathe}.jp.is-behind .jp-live{color:#fff;cursor:pointer;background:#ffffff24}.jp.is-behind .jp-live i{background:#ffffff8c;animation:none}.jp.is-behind .jp-live:hover{background:#ffffff38}.jp.is-behind .jp-live span:after{content:" · GO LIVE"}.jp-clock{font-variant-numeric:tabular-nums;color:#ffffffc7;white-space:nowrap;font-size:13px;font-weight:550}.jp-grow{flex:1}.jp-qwrap{position:relative}.jp-q{grid-auto-flow:column;gap:6px;width:auto;min-width:40px;padding:0 9px}.jp-q em{color:#ffffffd9;font-variant-numeric:tabular-nums;font-size:12.5px;font-style:normal;font-weight:650}.jp-q em:empty{display:none}.jp-menu{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform-origin:100% 100%;min-width:176px;transition:opacity .16s, transform .16s var(--ease), visibility .16s;background:#131d30f0;border-radius:12px;padding:6px;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(6px)scale(.98);box-shadow:0 18px 50px #00000080}.jp.menu-open .jp-menu{opacity:1;visibility:visible;transform:none}.jp-menu-h{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:7px 10px 6px;font-size:11px;font-weight:700}.jp-menu button{text-align:left;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13.5px;font-weight:550;display:flex}.jp-menu button:hover{background:#ffffff12}.jp-menu button svg{width:16px;height:16px;color:var(--accent);opacity:0}.jp-menu button[aria-checked=true] svg{opacity:1}.jp-menu small{color:var(--muted);margin-left:4px;font-size:12px;font-weight:500}.jp-brand{letter-spacing:-.01em;color:#fffc;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;height:40px;margin-left:2px;padding:0 10px 0 8px;font-size:13px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.jp-brand:hover{color:#fff;background:#ffffff1a}@container (width<=520px){.jp-brand span{display:none}.jp-brand{padding:0 10px}.jp-q em{display:none}.jp-vol:hover .jp-slider{width:56px}}@container (width<=380px){.jp-clock,.jp-btn[data-act=pip]{display:none}.jp-btn{width:36px;height:36px}.jp-live{margin:0 4px}.jp-sub{display:none}}@container (height<=200px){.jp-sub,.jp-mark{display:none}.jp-beacon{margin-bottom:10px}}@media (prefers-reduced-motion:reduce){.jp-aurora i,.jp-beacon span,.jp-beacon b,.jp-live i,.jp-notice:before{animation:none!important}.jp[data-view=pending] .jp-beacon span:first-child{opacity:.5;transform:scale(2)}}