.pop-root{--gut:18px;--nav-h:var(--nav-height,3.5rem);--pin-h:calc(100svh - var(--nav-h));--rail-h:52px;--top:calc(var(--rail-h) + 22px);--h1-m:min(15.6vw, 84px);--h1-d:min(7.9vw, 132px);--h2-m:min(11vw, 60px);--h2-d:min(5vw, 84px);--cta-m:min(13.4vw, 90px);--cta-d:min(7.2vw, 124px);--lean:skewX(calc(-1 * var(--n-slant)));color:var(--n-primary);font-family:var(--n-family-text);font-weight:400;line-height:1.6;position:relative;overflow-x:clip}.pop-root[data-lang=en]{--h1-m:min(13.6vw, 76px);--h1-d:min(7vw, 118px);--h2-m:min(8.8vw, 48px);--h2-d:min(4.2vw, 68px);--cta-m:min(11vw, 70px);--cta-d:min(6vw, 100px)}.pop-root[data-lang=zh-TW],.pop-root[data-lang=ko]{--h2-m:min(9.6vw, 52px);--h2-d:min(4.6vw, 76px)}html:has(.pop-root){scroll-behavior:auto}.pop-root *,.pop-root :before,.pop-root :after{box-sizing:border-box}:where(.pop-root) button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:where(.pop-rail,.pop-flowbtn,.pop-btn,.pop-sound,.pop-lead,.pop-zone,.pop-file,.pop-src__lab,.pop-chip,.pop-tag,.pop-score,.pop-deco,.pop-stillchip,.pop-label b,.pop-h2 .w,.pop-h2 .c){isolation:isolate;position:relative}:where(.pop-rail,.pop-flowbtn,.pop-btn,.pop-sound,.pop-lead,.pop-zone,.pop-file,.pop-src__lab,.pop-chip,.pop-tag,.pop-score,.pop-deco,.pop-stillchip,.pop-label b,.pop-h2 .w,.pop-h2 .c):before{content:"";z-index:-1;clip-path:var(--n-slice-clip);pointer-events:none;position:absolute;inset:0}:where(.pop-flowbtn,.pop-file,.pop-src__lab,.pop-chip,.pop-tag,.pop-stillchip,.pop-label b,.pop-h2 .w,.pop-h2 .c):before{clip-path:var(--n-slice-clip-small)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.pop-story{height:calc(5 * var(--pin-h));position:relative}.pop-pin{top:var(--nav-h);height:var(--pin-h);position:sticky;overflow:clip}.pop-gl{z-index:0;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity var(--n-t-screen) ease;position:absolute;inset:0}.pop-root[data-gl=on] .pop-gl{opacity:1}.pop-slot{flex:auto;align-self:stretch;width:100%;min-height:112px;max-height:340px;margin-top:16px;position:relative}.pop-poster{z-index:0;clip-path:var(--n-slice-clip);background:var(--n-deep);pointer-events:none;padding:14px 10px;position:absolute;inset:0}.pop-poster svg{width:100%;height:100%;display:block;overflow:visible}.pop-poster .bar{fill:var(--n-primary)}.pop-root[data-gl=on] .pop-poster:not(.pop-poster--card){opacity:0;transition:opacity 0s calc(var(--n-t-screen) + .13s)}@media (max-height:760px){.pop-root{--h1-m:min(13.4vw, 8.6svh, 84px)}.pop-lede{margin-top:10px;font-size:14.5px;line-height:1.6}.pop-btn--hero{min-height:54px;margin-top:10px}.pop-note{display:none}}@media (prefers-reduced-motion:no-preference){html[data-pop=live] .pop-root .pop-poster:not(.pop-poster--card) svg{animation:pop-grow .95s var(--n-ease-enter) both;animation-delay:calc(1.25s - var(--pop-t,0s))}}@keyframes pop-grow{0%{clip-path:inset(-12% 49.2%)}to{clip-path:inset(-12% -2%)}}.pop-file{color:var(--n-primary);font:var(--n-font-row-title);white-space:nowrap;pointer-events:none;align-items:center;gap:9px;padding:6px 16px 6px 8px;font-size:14px;line-height:1;display:inline-flex}.pop-file:before{background:var(--n-band-lit)}.pop-file__name[data-name]:after{content:attr(data-name)}.pop-file__icon{width:34px;height:30px;clip-path:var(--n-slice-clip-small);background:linear-gradient(90deg, var(--n-object-lit), var(--n-object));place-items:center;display:grid}.pop-notei{width:18px;height:18px;color:var(--n-primary)}.pop-file--drop{z-index:6;opacity:0}.pop-src{z-index:6;pointer-events:none;align-items:center;gap:8px;display:flex}.pop-src--slot{position:absolute;top:-18px;right:10px}.pop-root[data-gl=on] .pop-src--slot{opacity:0;transition:opacity 0s calc(var(--n-t-screen) + .13s)}.pop-src--stage{translate:calc(var(--cx,0px) - 100%) var(--cy,0px);opacity:0;will-change:translate, opacity;position:absolute;top:0;left:0}.pop-src__lab{color:var(--n-secondary);white-space:nowrap;padding:7px 14px 8px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.pop-src__lab:before{background:var(--n-band)}.pop-src--still,.pop-stillchip{display:none}@media (prefers-reduced-motion:no-preference){html[data-pop=live] .pop-root .pop-src__in{animation:pop-src-in .5s var(--n-ease-enter) both;animation-delay:calc(1.3s - var(--pop-t,0s))}}@keyframes pop-src-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@media (max-width:520px){.pop-src__lab{padding:6px 9px 7px;font-size:12px}.pop-src{gap:6px}.pop-src--slot{top:-4px}.pop-src--stage{max-width:calc(var(--cx,0px) - 8px)}.pop-src--stage .pop-src__lab,.pop-src--stage .pop-file__icon{flex-shrink:0}.pop-src--stage .pop-file{gap:6px;min-width:0;padding-right:10px}.pop-src--stage .pop-file__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}.pop-file--still{display:none}@media (prefers-reduced-motion:no-preference){html[data-pop=live] .pop-root .pop-file--drop{animation:pop-file-drop 2.1s var(--n-ease-enter) both;animation-delay:calc(0s - var(--pop-t,0s))}}@keyframes pop-file-drop{0%,20%{opacity:0;translate:0 -62svh;scale:.3}26%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.9,.5);translate:0 -56svh;scale:.3}56%{opacity:1;animation-timing-function:var(--n-ease-snap);translate:0;scale:1.06}66%,to{opacity:1;translate:0;scale:1}}.pop-railbar{z-index:30;padding:10px var(--gut) 0;pointer-events:none;justify-content:center;display:flex;position:absolute;inset:0 0 auto}.pop-railbar>*{pointer-events:auto}.pop-rail{align-items:center;gap:8px;width:100%;max-width:560px;height:40px;padding:0 16px;display:flex}.pop-rail:before{background:rgba(var(--n-deep-rgb), .86)}.pop-rail ol{flex:1;gap:5px;margin:0;padding:0;list-style:none;display:flex}.pop-rail li{flex:1 1 0;min-width:0}.pop-rail__b{text-align:left;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:stretch;gap:3px;width:100%;min-height:34px;padding:7px 1px 1px;display:flex}.pop-rail__b .bar{background:var(--n-hair);height:4px;display:block;overflow:hidden}.pop-rail__b .bar i{height:100%;width:calc(var(--p,0) * 100%);background:var(--n-voice);display:block}.pop-rail__b[data-state=done] .bar i{background:var(--n-secondary)}.pop-rail__b .lab{letter-spacing:.03em;color:var(--n-secondary);white-space:nowrap;text-overflow:clip;transition:color var(--n-t-tap) ease;font-size:10.5px;font-weight:700;line-height:1.2;overflow:hidden}.pop-rail__b[data-state=on] .lab,.pop-rail__b:hover .lab{color:var(--n-primary)}.pop-rail__b[data-state=on] .lab{font-weight:800}.pop-flowbtn{min-width:32px;height:28px;color:var(--n-primary);transition:transform var(--n-t-tap) var(--n-ease-enter);-webkit-tap-highlight-color:transparent;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 8px;display:inline-flex}.pop-flowbtn:before{clip-path:var(--n-slice-ring);background:var(--n-hair)}.pop-flowbtn:active{transform:translate(var(--n-echo), var(--n-echo))}.pop-flowbtn svg{width:16px;height:16px;display:none}.pop-root[data-flow=play] .pop-flowbtn .i-pause,.pop-root[data-flow=paused] .pop-flowbtn .i-play,.pop-root[data-flow=replay] .pop-flowbtn .i-replay{display:block}.pop-flowbtn .t{letter-spacing:.04em;white-space:nowrap;font-size:12px;font-weight:700;display:none}.pop-btn{min-height:var(--n-slice-height);padding:0 var(--n-space-slice-padding-h);font:var(--n-font-button);transition:transform var(--n-t-tap) var(--n-ease-enter);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:10px;font-size:15px;text-decoration:none;display:inline-flex}.pop-btn:active,.pop-sound:active,.pop-lead:active{transform:translate(var(--n-echo), var(--n-echo))}.pop-eq{align-items:flex-end;gap:2px;width:16px;height:18px;display:none}.pop-eq i{width:3px;height:calc(4px + var(--lvl,0) * 14px * var(--k,1));background:currentColor;transition:height 80ms linear;display:block}.pop-eq i:first-child{--k:.7}.pop-eq i:nth-child(2){--k:1}.pop-eq i:nth-child(3){--k:.85}.pop-eq i:nth-child(4){--k:.55}.pop-speaker{flex:none;width:26px;height:26px}.pop-speaker .w-on,.pop-speaker .w-off{display:none}[data-sound][data-state=off] .pop-speaker .w-off,[data-sound]:not([data-state]) .pop-speaker .w-off,[data-sound][data-state=on] .pop-speaker .w-on,[data-sound][data-state=paused] .pop-speaker .w-on{display:inline}.pop-sound__txt{text-align:left;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;line-height:1.1;display:flex}.pop-sound__txt b{letter-spacing:.02em;font-size:1em;font-weight:800}.pop-sound__txt small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--n-on-object);letter-spacing:.02em;font-size:.72em;font-weight:700;overflow:hidden}.pop-btn--hero{min-height:62px;color:var(--n-primary);gap:14px;margin-top:18px;padding:0 28px 0 20px;font-size:17px}.pop-btn--hero:before{background:linear-gradient(to bottom, color-mix(in srgb, var(--n-primary) calc(var(--n-opacity-sheen) * 100%), transparent) 0 1px, transparent 1px), linear-gradient(90deg, var(--n-object-lit), var(--n-object))}.pop-btn--hero .pop-speaker{width:30px;height:30px;color:var(--n-voice)}.pop-btn--hero[data-state=on],.pop-btn--hero[data-state=paused]{color:var(--n-primary)}.pop-btn--hero[data-state=on]:before,.pop-btn--hero[data-state=paused]:before{clip-path:var(--n-slice-ring);background:var(--n-hair)}.pop-btn--hero[data-state=on] .pop-sound__txt small,.pop-btn--hero[data-state=paused] .pop-sound__txt small{color:var(--n-secondary)}.pop-sound{z-index:60;left:var(--gut);bottom:calc(18px + env(safe-area-inset-bottom,0px));width:min(44vw,190px);min-height:52px;font:var(--n-font-button);color:var(--n-primary);transition:transform var(--n-t-tap) var(--n-ease-enter);-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;padding:0 16px 0 14px;font-size:15px;display:inline-flex;position:fixed}.pop-sound:before{background:var(--n-band)}.pop-sound .pop-speaker{color:var(--n-voice)}.pop-sound .pop-sound__txt small{color:var(--n-secondary)}.pop-sound[data-state=on]:before{background:var(--n-deep)}.pop-sound[data-state=on] .pop-speaker{display:none}.pop-sound[data-state=on] .pop-eq{color:var(--n-voice);display:inline-flex}.pop-sound[data-state=paused]:before,.pop-sound[data-state=loading]:before{background:var(--n-band-lit)}.pop-root[data-dock=compact] .pop-sound{left:auto;right:max(10px, env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));width:var(--n-touch);min-width:var(--n-touch);height:var(--n-touch);min-height:var(--n-touch);justify-content:center;gap:0;padding:0}.pop-root[data-dock=compact] .pop-sound:before{clip-path:var(--n-slice-clip-small)}.pop-root[data-dock=compact] .pop-sound .pop-sound__txt,.pop-root[data-dock=compact] .pop-sound .pop-eq{display:none}.pop-root[data-dock=compact] .pop-sound .pop-speaker{width:24px;height:24px;display:inline}.pop-root[data-dock=compact] .pop-sound .pop-speaker .w-on{display:none}.pop-root[data-dock=compact] .pop-sound .pop-speaker .w-off{display:inline}.pop-root[data-dock=hidden] .pop-sound{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px)}@media (prefers-reduced-motion:no-preference){.pop-sound{transition:transform var(--n-t-tap) var(--n-ease-enter), opacity .25s ease, visibility 0s}.pop-root[data-dock=hidden] .pop-sound{transition:transform var(--n-t-screen) var(--n-ease-enter), opacity .25s ease, visibility 0s linear .25s}}.pop-stage{z-index:2;pointer-events:none;position:absolute;inset:0}.pop-copy{left:var(--gut);right:var(--gut);top:var(--top);max-width:1180px;position:absolute}.pop-hero{max-width:none;bottom:calc(96px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:flex-start;display:flex}.pop-scene,.pop-cta{visibility:hidden}.pop-copy [data-k]{will-change:transform, opacity}.pop-h1,.pop-h2{font-family:var(--n-family-text);letter-spacing:0;font-feature-settings:"palt";color:var(--n-primary);margin:0;font-weight:900;line-height:1.12}.pop-h1{font-size:var(--h1-m);line-height:1.1}.pop-h1 .ln{white-space:nowrap;display:block}.pop-h1 .ln,.pop-h2 .ln,.pop-cta h2 .ph{transform:var(--lean);transform-origin:0}.pop-h1 .ch{display:inline-block}.pop-h1 .ch-p{margin-inline-end:-.46em}.pop-h1 .slab{isolation:isolate;margin:.04em .2em .04em 0;padding:.02em .26em .06em .22em;display:inline-block;position:relative}.pop-h1 .slab:before{content:"";z-index:-1;clip-path:var(--n-slice-clip);background:linear-gradient(to bottom, color-mix(in srgb, var(--n-primary) calc(var(--n-opacity-sheen) * 100%), transparent) 0 1px, transparent 1px), linear-gradient(90deg, var(--n-object-lit), var(--n-object));transform-origin:0;position:absolute;inset:0}.pop-h2{font-size:var(--h2-m);line-height:1.2}.pop-h2 .ln{white-space:nowrap;display:block}.pop-root[data-lang=en] .pop-h2 .ln{white-space:normal}.pop-h2 .w,.pop-h2 .c{margin:0 .04em;padding:.01em .22em .05em;display:inline-block}.pop-h2 .w:before,.pop-h2 .c:before{background:var(--n-band)}.pop-h2 .w{color:var(--n-voice)}.pop-h2 .c{color:var(--n-secondary)}.pop-h2 .pu,.pop-cta .pu{margin-inline-end:-.46em;font-style:normal}.ph{white-space:nowrap;display:inline-block}.pop-lede{max-width:34em;color:var(--n-secondary);margin:18px 0 0;font-size:16px;line-height:1.75}.pop-lede strong{color:var(--n-primary);font-weight:800}.pop-note{color:var(--n-secondary);letter-spacing:.02em;margin:10px 0 0;font-size:12px}.pop-label{letter-spacing:.06em;color:var(--n-secondary);align-items:center;gap:12px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.pop-label b{min-width:2.6em;color:var(--n-primary);font:var(--n-font-label);place-items:center;padding:.16em .7em .2em;font-size:1.1em;display:inline-grid}.pop-label b:before{background:linear-gradient(90deg, var(--n-object-lit), var(--n-object))}.pop-body{max-width:30em;color:var(--n-secondary);margin:14px 0 0;font-size:15px;line-height:1.75}.pop-deco{display:none}.pop-chip{translate:var(--cx,0px) var(--cy,0px);opacity:0;font:var(--n-font-row-title);color:var(--n-on-primary);will-change:translate, opacity;padding:7px 14px 8px;font-size:15px;line-height:1;position:absolute;top:0;left:0}.pop-chip--v:before{background:var(--n-voice)}.pop-chip--a{translate:var(--cx,0px) calc(var(--cy,0px) - 100%)}.pop-chip--a:before{background:var(--n-secondary)}.pop-song{translate:var(--cx,0px) var(--cy,0px);opacity:0;letter-spacing:.06em;color:var(--n-secondary);white-space:nowrap;font-size:12px;font-weight:700;position:absolute;top:0;left:0}.pop-lyric{opacity:0;visibility:hidden;pointer-events:none;text-align:center;font:var(--n-font-lyric);letter-spacing:.06em;font-feature-settings:"palt";white-space:nowrap;height:44px;font-size:clamp(20px,6vw,38px);position:absolute;left:0;right:0}.pop-lyric__line{opacity:0;transition:opacity var(--n-t-tab-switch) ease;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.pop-lyric__line.is-on{opacity:1}.pop-lyric__row{justify-content:center;align-items:center;height:44px;display:flex}.pop-lyric__tr{max-width:calc(100% - 2 * var(--gut));font-family:var(--n-family-text);letter-spacing:.02em;color:var(--n-secondary);white-space:normal;margin-top:2px;font-size:clamp(11px,3.1vw,14px);font-weight:700;line-height:1.3}.pop-lyric span{color:var(--n-secondary);transition:color var(--n-t-cursor) ease;display:inline-block}.pop-lyric span.sp{width:.55em}.pop-lyric span[data-on=true]{color:var(--n-voice)}.pop-lyric span[data-now=true]{color:var(--n-primary)}.pop-tags{pointer-events:none;position:absolute;inset:0}.pop-tag{translate:calc(var(--tx,0px) - 50%) var(--ty,0px);scale:var(--pop,.6);font:var(--n-font-label);white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--n-primary);opacity:0;transition:opacity var(--n-t-tap), scale var(--n-t-snap) var(--n-ease-snap);will-change:translate, opacity;padding:4px 11px 5px;font-size:14px;line-height:1.2;position:absolute;top:0;left:0}.pop-tag:before{background:var(--n-band-lit)}.pop-tag[data-kind=ok]{color:var(--n-on-primary)}.pop-tag[data-kind=ok]:before{background:var(--n-voice)}.pop-tag[data-kind=off]{color:var(--n-on-primary)}.pop-tag[data-kind=off]:before{background:var(--n-miss)}.pop-score{translate:calc(var(--sx,0px) - 100% + 4px) calc(var(--sy,0px) - 30px);opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;padding:10px 22px 12px;display:flex;position:absolute;top:0;left:0}.pop-score:before{background:linear-gradient(to bottom, color-mix(in srgb, var(--n-primary) calc(var(--n-opacity-sheen) * 100%), transparent) 0 1px, transparent 1px), linear-gradient(90deg, var(--n-glass-lit), var(--n-glass))}.pop-score .cap{font:var(--n-font-label);letter-spacing:.08em;color:var(--n-secondary);font-size:12px}.pop-score .num{font:var(--n-font-stat);color:var(--n-voice);font-variant-numeric:tabular-nums;transition:opacity var(--n-t-snap) ease;align-items:baseline;font-size:40px;line-height:.95;display:flex}.pop-score .num .d{text-align:center;width:.5em;display:inline-block}.pop-score .num .dot{text-align:center;width:.22em;display:inline-block}.pop-score .num .dec{width:.56em;font-size:.5em}.pop-score .num .pt{color:var(--n-secondary);margin-left:.3em;font-size:.3em}.pop-score .sub{color:var(--n-secondary);letter-spacing:.04em;margin-top:6px;font-size:12px;font-weight:700;display:none}.pop-root[data-hush="1"] .pop-lyric__line.is-on{opacity:.5}.pop-root[data-hush="1"] .pop-score .num{opacity:.62}.pop-fader{--v:1;--hs:0;--hp:0;left:var(--gut);right:var(--gut);bottom:calc(92px + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;pointer-events:auto;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;max-width:520px;display:grid;position:absolute}.pop-fader label{font:var(--n-font-row-title);color:var(--n-voice);font-size:15px}.pop-fader output{text-align:right;min-width:3.4em;font:var(--n-font-label);color:var(--n-primary);font-variant-numeric:tabular-nums;font-size:15px}.pop-fader .hint{color:var(--n-secondary);grid-column:1/-1;margin:-6px 0 0;font-size:12px}.pop-fader__track{position:relative}.pop-range{--p:100%;appearance:none;width:100%;height:var(--n-touch);touch-action:none;cursor:grab;background:0 0;margin:0;display:block}.pop-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--n-voice) var(--p), var(--n-hair) var(--p));height:6px}.pop-range::-moz-range-track{background:linear-gradient(90deg, var(--n-voice) var(--p), var(--n-hair) var(--p));height:6px}.pop-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:28px;clip-path:var(--n-slice-clip-small);background:var(--n-primary);transition:transform var(--n-t-tap) var(--n-ease-snap);border:0;margin-top:-11px}.pop-range::-moz-range-thumb{width:24px;height:28px;clip-path:var(--n-slice-clip-small);background:var(--n-primary);border:0;border-radius:0}.pop-range:active::-webkit-slider-thumb{transform:scale(1.12)}.pop-hand{z-index:3;left:calc(13px + var(--v) * (100% - 26px));translate:calc(-4px + (1 - var(--hs)) * 46px) calc(-3px + (1 - var(--hs)) * 38px);opacity:var(--hs);scale:calc(1 - var(--hp) * .1);transform-origin:4px 3px;pointer-events:none;transition:scale var(--n-t-snap) ease;position:absolute;top:50%}.pop-hand__svg{width:26px;height:30px;display:block}.pop-cta{max-width:none;bottom:calc(96px + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex}.pop-cta h2{color:var(--n-primary);font-family:var(--n-family-text);font-weight:900;font-size:var(--cta-m);font-feature-settings:"palt";margin:0 0 12px;line-height:1.12}.pop-cta h2 em{color:var(--n-voice);font-style:normal}.pop-cta .sub{color:var(--n-secondary);margin:0 0 16px;font-size:15px;line-height:1.75}.pop-zone{--glow:0;--zx:50%;--zy:50%;text-align:center;width:100%;min-height:272px;max-height:360px;color:var(--n-primary);cursor:pointer;transition:transform var(--n-t-screen) var(--n-ease-enter);pointer-events:auto;flex-direction:column;flex:auto;justify-content:flex-end;align-items:center;gap:8px;margin-top:auto;padding:26px 20px 28px;display:flex}.pop-zone:before{background:linear-gradient(to bottom, color-mix(in srgb, var(--n-primary) calc(var(--n-opacity-sheen) * 100%), transparent) 0 1px, transparent 1px), linear-gradient(90deg, var(--n-glass-lit), var(--n-glass))}.pop-zone:after{content:"";border:1.5px dashed var(--n-hair);pointer-events:none;transition:border-color var(--n-t-snap) ease;position:absolute;inset:12px 22px}.pop-zone[data-over=true]{transform:scale(1.02)}.pop-zone[data-over=true]:after{border-color:var(--n-voice);border-style:solid}.pop-zone .big{font-family:var(--n-family-text);font-feature-settings:"palt";font-size:clamp(26px,7.4vw,56px);font-weight:900;line-height:1.2}.pop-zone .small{color:var(--n-secondary);font-size:14px}.pop-zone .small.tag{font:var(--n-font-label);letter-spacing:.12em;color:var(--n-voice);font-size:13px}.pop-zone[data-state=error] [data-zone-small]{color:var(--n-miss);font-weight:700}.pop-zone .bar{background:var(--n-hair);width:min(320px,70%);height:4px;margin-top:6px;overflow:hidden}.pop-zone .bar i{background:var(--n-voice);width:0%;height:100%;transition:width var(--n-t-enter) var(--n-ease-enter);display:block}.pop-zone input{opacity:0;pointer-events:none;position:absolute;inset:0}.pop-zone__drop{border:1.5px dashed var(--n-hair);pointer-events:none;place-items:center;width:min(74%,300px);height:54px;display:grid;position:absolute;top:24px;left:50%;translate:-50%}.pop-file--zone{opacity:1;max-width:calc(100% - 12px)}.pop-file--zone .pop-file__name{text-overflow:ellipsis;overflow:hidden}.pop-zone[data-has=file] .pop-file--zone{color:var(--n-on-primary)}.pop-zone[data-has=file] .pop-file--zone:before{background:var(--n-voice)}@media (prefers-reduced-motion:no-preference){.pop-zone[data-has=file] .pop-file--zone,.pop-zone[data-over=true] .pop-file--zone{animation:n-land calc(var(--n-t-snap) * 2) var(--n-ease-snap) both}}.pop-cta__links{text-align:center;margin:12px 0 0;font-size:14px}.pop-cta__link{color:var(--n-primary);text-underline-offset:4px;pointer-events:auto;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}.pop-credit{color:var(--n-secondary);margin:10px 0 0;font-size:11px;line-height:1.6}.pop-bottom{z-index:28;left:calc(var(--gut) + min(44vw, 190px) + 10px);right:var(--gut);bottom:calc(18px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:stretch;display:flex;position:absolute}.pop-bottom>*{pointer-events:auto}.pop-lead{min-width:0;min-height:52px;font:var(--n-font-button);white-space:nowrap;color:var(--n-primary);transition:transform var(--n-t-tap) var(--n-ease-enter), opacity var(--n-t-enter) ease;-webkit-tap-highlight-color:transparent;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;display:inline-flex}.pop-lead:before{background:rgba(var(--n-deep-rgb), .86)}.pop-lead:after{content:"";z-index:-1;clip-path:var(--n-slice-ring);background:var(--n-secondary);pointer-events:none;position:absolute;inset:0}.pop-lead .t-more,.pop-root[data-scene="4"] .pop-lead .t-next{display:none}.pop-root[data-scene="4"] .pop-lead .t-more{display:inline}.pop-arrow{flex:none;width:18px;height:18px}@media (prefers-reduced-motion:no-preference){html[data-pop=live] .pop-root .pop-h1 .ch{animation:pop-rise var(--n-t-enter) var(--n-ease-enter) backwards;animation-delay:calc(var(--i) * var(--n-t-enter-stagger) + 40ms - var(--pop-t,0s))}html[data-pop=live] .pop-root .pop-h1 .slab:before{animation:pop-sweep var(--n-t-screen) var(--n-ease-sweep) backwards;animation-delay:calc(.25s - var(--pop-t,0s))}html[data-pop=live] .pop-root .pop-lede,html[data-pop=live] .pop-root .pop-note,html[data-pop=live] .pop-root .pop-btn--hero{animation:pop-rise var(--n-t-enter) var(--n-ease-enter) backwards;animation-delay:calc(.55s - var(--pop-t,0s))}html[data-pop=live] .pop-root .pop-lead,html[data-pop=live] .pop-root .pop-sound{animation:pop-rise var(--n-t-enter) var(--n-ease-enter) backwards;animation-delay:calc(.8s - var(--pop-t,0s))}}@keyframes pop-sweep{0%{transform:scaleX(0)}}@keyframes pop-rise{0%{transform:translateY(18px)}}.pop-share{z-index:40;inset:62px var(--gut) auto var(--gut);pointer-events:none;position:absolute}.pop-share>*{pointer-events:auto}.pop-share aside{margin:0 auto}@media (min-width:900px){.pop-root{--gut:56px;--rail-h:62px;--top:calc(var(--rail-h) + 26px)}.pop-hero{bottom:112px}.pop-slot{width:100%;margin-top:22px}.pop-poster{padding:18px 14px}.pop-railbar{padding-top:14px}.pop-rail{height:48px;padding:0 20px}.pop-rail__b{min-height:40px;padding-top:9px}.pop-rail__b .lab{font-size:11.5px}.pop-flowbtn{height:32px;padding:0 12px}.pop-flowbtn .t{display:inline}.pop-h1{font-size:var(--h1-d)}.pop-h1 .ln:nth-child(n+2){display:inline-block}.pop-h2{font-size:var(--h2-d)}.pop-lede{margin-top:26px;font-size:19px}.pop-note{font-size:13px}.pop-body{max-width:38em;font-size:17px}.pop-label{font-size:14px}.pop-btn{font-size:17px}.pop-btn--hero{min-height:68px;padding:0 34px 0 24px;font-size:19px}.pop-chip{font-size:19px}.pop-song{font-size:13px}.pop-score{left:auto;right:var(--gut);top:calc(var(--top) - 10px);padding:18px 34px 20px;translate:none}.pop-score .num{font-size:84px}.pop-score .cap{font-size:15px}.pop-score .sub{display:block}.pop-lyric{font-size:clamp(28px,2.9vw,46px)}.pop-lyric__tr{font-size:clamp(14px,1.15vw,18px)}.pop-tag{padding:5px 13px 6px;font-size:15px}.pop-fader{width:520px;bottom:104px;right:auto}.pop-cta{bottom:104px}.pop-cta h2{font-size:var(--cta-d)}.pop-cta .sub{font-size:18px}.pop-zone{min-height:312px;max-height:420px}.pop-zone__drop{height:58px;top:28px}.pop-zone .big{font-size:clamp(34px,3.8vw,64px)}.pop-sound{width:auto;min-width:230px;min-height:var(--n-slice-height);font-size:17px;bottom:30px;left:auto;right:calc(50% + 7px)}.pop-bottom{display:block;bottom:30px;left:calc(50% + 7px);right:auto}.pop-lead{min-width:230px;min-height:var(--n-slice-height);padding:0 28px;font-size:17px}.pop-deco{color:var(--n-primary);align-content:center;justify-items:start;padding:16px 30px 18px 26px;display:grid;position:absolute;top:18px;right:0}.pop-deco:before{background:var(--n-band)}.pop-deco .a{font-family:var(--n-family-text);transform:var(--lean);transform-origin:0 100%;font-size:44px;font-weight:900;line-height:1}.pop-deco .b{color:var(--n-secondary);margin-top:6px;font-size:14px;font-weight:700}.pop-share{inset:76px var(--gut) auto var(--gut)}}.pop-still{display:none}html:not([data-pop=live]) .pop-root .pop-lead,html:not([data-pop=live]) .pop-root .pop-flowbtn,html:not([data-pop=live]) .pop-root .pop-railbar,html:not([data-pop=live]) .pop-root .pop-gl,html:not([data-pop=live]) .pop-root .pop-poster:not(.pop-poster--card),html:not([data-pop=live]) .pop-root .pop-src--slot,html:not([data-pop=live]) .pop-root .pop-src--stage,html:not([data-pop=live]) .pop-root .pop-file--drop,html:not([data-pop=live]) .pop-root .pop-lyric,html:not([data-pop=live]) .pop-root .pop-tags,html:not([data-pop=live]) .pop-root .pop-score,html:not([data-pop=live]) .pop-root .pop-fader,html:not([data-pop=live]) .pop-root .pop-chip,html:not([data-pop=live]) .pop-root .pop-song,html:not([data-pop=live]) .pop-root .pop-bottom{display:none!important}html:not([data-pop=live]) .pop-root .pop-story{height:auto}html:not([data-pop=live]) .pop-root .pop-pin{height:auto;position:relative;top:auto;overflow:visible}html:not([data-pop=live]) .pop-root .pop-stage{pointer-events:auto;position:relative;inset:auto}html:not([data-pop=live]) .pop-root .pop-slot{display:none}html:not([data-pop=live]) .pop-root .pop-hero{display:block}html:not([data-pop=live]) .pop-root .pop-copy{max-width:none;padding:44px var(--gut) 14px;visibility:visible;opacity:1;margin:0;position:relative;inset:auto}html:not([data-pop=live]) .pop-root .pop-copy>*{max-width:1180px}html:not([data-pop=live]) .pop-root .pop-copy [data-k],html:not([data-pop=live]) .pop-root .pop-h1{opacity:1!important;translate:none!important}html:not([data-pop=live]) .pop-root .pop-hero{padding-top:40px}html:not([data-pop=live]) .pop-root .pop-cta{padding-bottom:56px;display:block}html:not([data-pop=live]) .pop-root .pop-cta .pop-zone{min-height:250px;margin-top:8px}html:not([data-pop=live]) .pop-root .pop-still{clip-path:var(--n-slice-clip);background:var(--n-deep);aspect-ratio:390/330;margin:22px 0 0;display:block;position:relative;overflow:hidden}html:not([data-pop=live]) .pop-root .pop-still canvas{width:100%;height:100%;display:block;position:absolute;inset:0}html:not([data-pop=live]) .pop-root .pop-still .pop-poster--card{clip-path:none;background:0 0;width:92%;height:64%;padding:0;display:block;position:absolute;inset:18% 4%;opacity:1!important}html:not([data-pop=live]) .pop-root[data-gl=on] .pop-still .pop-poster--card{display:none}html:not([data-pop=live]) .pop-root .pop-still[data-still=hero]{aspect-ratio:390/210}html:not([data-pop=live]) .pop-root[data-gl=off] .pop-still:not([data-still=hero]){display:none}html:not([data-pop=live]) .pop-root .pop-src--still{z-index:2;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:18px}html:not([data-pop=live]) .pop-root .pop-file--still{display:inline-flex}html:not([data-pop=live]) .pop-root .pop-stillchip{z-index:2;font:var(--n-font-row-title);color:var(--n-on-primary);padding:7px 14px 8px;font-size:14px;line-height:1;display:block;position:absolute;left:5%}html:not([data-pop=live]) .pop-root .pop-stillchip--v{top:15%}html:not([data-pop=live]) .pop-root .pop-stillchip--v:before{background:var(--n-voice)}html:not([data-pop=live]) .pop-root .pop-stillchip--a{bottom:15%}html:not([data-pop=live]) .pop-root .pop-stillchip--a:before{background:var(--n-secondary)}html:not([data-pop=live]) .pop-root[data-gl=off] .pop-stillchip{display:none}html:not([data-pop=live]) .pop-root .pop-btn--hero{display:inline-flex}@media (min-width:900px){html:not([data-pop=live]) .pop-root .pop-still{aspect-ratio:16/7}html:not([data-pop=live]) .pop-root .pop-still[data-still=hero]{aspect-ratio:16/5}html:not([data-pop=live]) .pop-root .pop-copy{padding-left:56px;padding-right:56px}}@media (prefers-reduced-motion:reduce){.pop-root *,.pop-root :before,.pop-root :after{transition:none!important;animation:none!important}}@media (min-width:1921px){.pop-root{--col-x:calc(50% - 960px)}.pop-gl,.pop-stage,.pop-railbar,.pop-share{inset-inline:var(--col-x)}.pop-gl{width:1920px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000)}.pop-deco{right:max(0px,50% - 960px)}html:not([data-pop=live]) .pop-root .pop-copy{padding-left:calc(50% - 904px);padding-right:calc(50% - 904px)}}
.pop-below{z-index:1;color:var(--n-primary);font-family:var(--n-family-text);font-size:15px;font-weight:400;line-height:1.85;position:relative}.pop-sec{padding:56px 0}.pop-wrap{max-width:1120px;padding:0 var(--gut);margin:0 auto}.pop-wrap--narrow{max-width:780px}:where(.pop-below) :is(h1,h2,h3){margin:0}.pop-h2b{color:var(--n-primary);font:var(--n-font-title);letter-spacing:0;font-feature-settings:"palt";line-break:strict;word-break:auto-phrase;text-wrap:balance;margin:0 0 26px;font-size:clamp(24px,6.2vw,46px);line-height:1.3}.pop-root[data-lang=en] .pop-h2b{font-size:clamp(24px,5.6vw,42px);line-height:1.22}.pop-h2b .hl{isolation:isolate;padding:0 .3em .04em;display:inline-block;position:relative}.pop-h2b .hl:before{content:"";z-index:-1;clip-path:var(--n-slice-clip);background:linear-gradient(90deg, var(--n-object-lit), var(--n-object));position:absolute;inset:0}.pop-eyebrow{isolation:isolate;color:var(--n-secondary);font:var(--n-font-label);letter-spacing:.08em;margin:0 0 14px;padding:.25em 1em .3em;font-size:13px;line-height:1.3;display:inline-block;position:relative}.pop-eyebrow:before{content:"";z-index:-1;clip-path:var(--n-slice-clip-small);background:var(--n-band);position:absolute;inset:0}.pop-p{max-width:40em;color:var(--n-secondary);margin:0 0 18px}.pop-p--lead{color:var(--n-primary);font-size:17px;font-weight:700}.pop-small{color:var(--n-secondary);margin:4px 0 24px;font-size:12.5px}.pop-card,.pop-scores,.pop-faq details{isolation:isolate;position:relative}:is(.pop-card,.pop-scores,.pop-faq details):before{content:"";z-index:-1;clip-path:var(--n-slice-clip);background:linear-gradient(to bottom, color-mix(in srgb, var(--n-primary) calc(var(--n-opacity-sheen) * 100%), transparent) 0 1px, transparent 1px), linear-gradient(90deg, var(--n-glass-lit), var(--n-glass));pointer-events:none;position:absolute;inset:0}.pop-card{padding:22px var(--n-space-slice-padding-h) 24px;color:var(--n-primary)}.pop-card h2,.pop-card h3{font:var(--n-font-row-title);text-wrap:balance;margin:0 0 8px;line-height:1.5}.pop-card p{color:var(--n-secondary);margin:0;font-size:14.5px}.pop-trust{flex-wrap:wrap;gap:8px 10px;margin:0 0 8px;padding:0;list-style:none;display:flex}.pop-trust li,.pop-judges li{isolation:isolate;color:var(--n-primary);padding:4px 14px 5px;font-size:13px;font-weight:700;position:relative}:is(.pop-trust li,.pop-judges li):before{content:"";z-index:-1;clip-path:var(--n-slice-clip-small);background:var(--n-band);position:absolute;inset:0}.pop-trust b{font-weight:800}.n-guide{max-width:760px;margin:0 0 26px}.pop-intro__main>:last-child{margin-bottom:0}.n-guide ul{color:var(--n-secondary);margin:12px 0 0;padding-left:1.2em;font-size:14px}.n-guide details{border-top:1px solid var(--n-hair);margin-top:14px;padding-top:12px}.n-guide summary{cursor:pointer;font-size:14px;font-weight:700}.n-guide details p{margin-top:8px;font-size:13.5px}.pop-actions{flex-wrap:wrap;gap:14px;margin:0 0 8px;display:flex}.pop-textlink,.pop-links a,.pop-scores a{color:var(--n-primary);text-underline-offset:4px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}.pop-textlink{display:inline-block}.pop-scores{padding:18px var(--n-space-slice-padding-h) 20px;max-width:760px;margin-top:30px}.pop-scores__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.pop-scores h2{font:var(--n-font-row-title);font-size:16px}.pop-scores a{font-size:13px}.pop-scores ol{gap:var(--n-space-slice-gap);margin:0;padding:0;list-style:none;display:grid}.pop-scores li{border-bottom:1px solid var(--n-hair);grid-template-columns:26px minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:10px;padding:6px 14px;font-size:13.5px;font-weight:700;display:grid}.pop-scores li:last-child{border-bottom:0}.pop-scores .rank{color:var(--n-secondary);font:var(--n-font-label);text-align:center;font-size:18px}.pop-scores .who,.pop-scores .song{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pop-scores .song{color:var(--n-secondary)}.pop-scores .pts{color:var(--n-voice);font:var(--n-font-row-value);font-variant-numeric:tabular-nums;font-size:20px}.pop-compare{grid-template-columns:1fr;gap:18px;max-width:820px;display:grid}.pop-compare figure{margin:0}.pop-compare figcaption{font:var(--n-font-row-title);align-items:center;gap:10px;margin-bottom:12px;font-size:16px;display:flex}.pop-compare .mark{width:28px;height:24px;clip-path:var(--n-slice-clip-small);place-items:center;font-size:14px;font-weight:800;line-height:1;display:inline-grid}.pop-compare__ok .mark{background:var(--n-voice);color:var(--n-on-primary)}.pop-compare__ng .mark{background:var(--n-band-lit);color:var(--n-secondary)}.pop-wave{width:100%;height:52px;margin-bottom:12px;display:block}.pop-wave rect{fill:color-mix(in srgb, var(--n-secondary) 35%, transparent)}.pop-wave rect.on{fill:var(--n-voice)}.pop-grid{grid-template-columns:1fr;gap:18px;margin:0;padding:0;list-style:none;display:grid}.pop-num{width:44px;height:34px;clip-path:var(--n-slice-clip-small);background:linear-gradient(90deg, var(--n-object-lit), var(--n-object));color:var(--n-primary);font:var(--n-font-label);place-items:center;margin-bottom:14px;font-size:20px;line-height:1;display:inline-grid}.pop-num--ink{background:var(--n-band-lit);color:var(--n-best);font-size:16px}.pop-split{grid-template-columns:1fr;align-items:center;gap:32px;display:grid}.pop-axes{gap:12px;max-width:540px;margin:26px 0 0;padding:0;list-style:none;display:grid}.pop-axes li{grid-template-columns:92px minmax(0,1fr) 52px;align-items:center;gap:12px;display:grid}.pop-axes .name{font-size:14px;font-weight:700}.pop-axes .track,.pop-range-fit .track{background:var(--n-hair);height:8px;overflow:hidden}.pop-axes .track i,.pop-range-fit .track i{background:var(--n-voice);height:100%;display:block}.pop-axes .max{color:var(--n-secondary);font:var(--n-font-label);text-align:right;font-size:14px}.pop-judges{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.pop-judges li{font:var(--n-font-label);font-size:14px}.pop-total{isolation:isolate;width:min(340px,84vw);color:var(--n-primary);text-align:center;align-content:center;justify-self:center;place-items:center;padding:28px 0 22px;display:grid;position:relative}.pop-total:before,.pop-total:after{content:"";z-index:-1;pointer-events:none;width:112%;position:absolute;left:-6%;transform:rotate(-5deg)}.pop-total:before{height:100%;clip-path:var(--n-slice-clip);background:linear-gradient(to bottom, color-mix(in srgb, var(--n-primary) calc(var(--n-opacity-sheen) * 100%), transparent) 0 1px, transparent 1px), linear-gradient(90deg, var(--n-object-lit), var(--n-object));top:0}.pop-total:after{background:var(--n-voice);height:2px;top:-8px}.pop-total .cap{color:var(--n-on-object);font:var(--n-font-label);letter-spacing:.08em;font-size:15px}.pop-total .num{font:var(--n-font-score);font-variant-numeric:tabular-nums;font-size:clamp(5rem,22vw,7rem);line-height:.95}.pop-range-fit{padding:26px var(--n-space-slice-padding-h)}.pop-range-fit .labels{color:var(--n-secondary);justify-content:space-between;gap:12px;font-size:13px;font-weight:700;display:flex}.pop-range-fit .track{margin-top:14px}.pop-range-fit .track i{width:68%}.pop-depth{grid-template-columns:1fr;gap:18px;display:grid}.pop-depth article{align-items:flex-start;gap:16px;display:flex}.pop-depth article>svg,.pop-feat>svg{width:26px;height:26px;color:var(--n-voice);flex:none;margin-top:2px}.pop-links{flex-direction:column;gap:8px;display:flex;margin-top:14px!important}.pop-links a{font-size:14px}.pop-feat{align-items:flex-start;gap:14px;display:flex}.pop-feat h3{font-size:16px}.pop-feat p{font-size:13.5px}.pop-adband{padding:28px 0}.pop-pro__card{text-align:center;max-width:760px;margin:0 auto;padding:34px 28px 36px}.pop-pro__card h2{font:var(--n-font-title);margin:0 0 12px;font-size:clamp(22px,5.4vw,34px);line-height:1.3}.pop-pro__card p{max-width:34em;margin:0 auto 22px;font-size:14.5px}.pop-faq{gap:var(--n-space-slice-gap);display:grid}.pop-faq details{padding:14px var(--n-space-slice-padding-h)}.pop-faq summary{min-height:var(--n-touch);cursor:pointer;font:var(--n-font-row-title);justify-content:space-between;align-items:center;gap:14px;font-size:15.5px;line-height:1.5;list-style:none;display:flex}.pop-faq summary::-webkit-details-marker{display:none}.pop-faq .plus{color:var(--n-secondary);transition:rotate var(--n-t-snap) var(--n-ease-snap);flex:none;font-size:18px}.pop-faq details[open] .plus{rotate:45deg}.pop-faq details p{border-top:1px dashed var(--n-hair);color:var(--n-secondary);margin-top:10px;padding-top:10px;font-size:14px;line-height:1.85}.pop-final{text-align:center;padding:72px 0 80px}.pop-final .pop-p{margin-left:auto;margin-right:auto}.pop-final .pop-h2b{font-size:clamp(28px,7vw,54px)}.pop-final .room-primary{min-width:min(320px,100%)}@media (min-width:720px){.pop-grid--3{grid-template-columns:repeat(3,1fr)}.pop-grid--2{grid-template-columns:repeat(2,1fr)}.pop-compare{grid-template-columns:1fr 1fr}.pop-depth{grid-template-columns:repeat(3,1fr)}.pop-depth article{flex-direction:column}}@media (min-width:900px){.pop-below{font-size:16px}.pop-sec{padding:84px 0}.pop-split{grid-template-columns:1.15fr .85fr;gap:64px}.pop-intro .pop-split{align-items:start}.pop-card p{font-size:15px}.pop-final{padding:100px 0 110px}}@media (prefers-reduced-motion:reduce){.pop-faq .plus{transition:none}}