.jr-wrap{color:#fff}.jr-stage{isolation:isolate;background:#152235;border-radius:16px;height:clamp(480px,43vw,660px);position:relative;overflow:hidden}.jr-scene{pointer-events:none;transition:clip-path .45s;position:absolute;inset:0}.jr-scene img{object-fit:cover;width:100%;height:100%;display:block}.jr-music{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.jr-theme{clip-path:inset(0 0 0 var(--split))}.jr-shade{background:linear-gradient(#050e170f 10%,#050e174d 45%,#050e17e6 100%);position:absolute;inset:0}.jr-copy{z-index:2;max-width:calc(50% - 72px);transition:opacity .2s,transform .3s;position:absolute;bottom:44px}.jr-copy-music{left:40px}.jr-copy-theme{right:40px}.jr-copy>span{letter-spacing:.16em;font-size:14px;font-weight:700}.jr-copy h2{color:#fff;margin:16px 0 20px;font-size:clamp(28px,3vw,46px);line-height:1.2}.jr-copy p{color:#fff;margin:0 0 26px;font-size:17px;line-height:1.8}.jr-copy a{color:#fff;background:#ffffff12;border:1px solid #ffffff90;border-radius:6px;justify-content:space-between;align-items:center;gap:24px;min-height:52px;padding:12px 20px;font-size:16px;text-decoration:none;display:inline-flex}.jr-copy a:hover{color:#182438;background:#fff}.jr-copy a:focus-visible,.jr-controls button:focus-visible{outline-offset:4px;outline:3px solid #cfa96f}.jr-collapsed{opacity:0;pointer-events:none;transform:translateY(12px)}.jr-divider{z-index:3;left:var(--split);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;width:52px;transition:left .45s;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.jr-divider:before{content:"";background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 16px #0004}.jr-grip{color:#25344b;background:#fff;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;gap:7px;width:56px;height:56px;font-size:30px;display:flex;position:relative;box-shadow:0 4px 20px #0005}.jr-grip i{border-left:2px solid #25344b55;height:19px}.jr-divider:focus-visible .jr-grip{outline-offset:4px;outline:4px solid #cfa96f}.jr-dragging .jr-scene,.jr-dragging .jr-divider{transition:none}.jr-controls{color:#25344b;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 0;display:flex}.jr-controls button{font:inherit;color:#25344b;cursor:pointer;background:#fff;border:1px solid #d9dde3;border-radius:6px;align-items:center;gap:14px;min-height:48px;padding:10px 16px;font-size:16px;font-weight:700;display:flex}.jr-controls button[aria-pressed=true]{color:#fff;background:#25344b;border-color:#25344b}.jr-controls p{color:#5c6572;text-align:center;margin:0;font-size:14px}@media (width<=700px){.jr-stage{border-radius:12px;height:560px}.jr-copy{max-width:calc(100% - 72px);bottom:32px;left:28px;right:28px}.jr-copy h2{font-size:32px}.jr-copy p{font-size:16px}.jr-copy-theme{left:auto}.jr-copy-music:not(.jr-collapsed){max-width:calc(var(--split) - 52px)}.jr-copy-theme:not(.jr-collapsed){max-width:calc(100% - var(--split) - 52px)}.jr-copy p{display:none}.jr-copy h2{word-break:keep-all;font-size:clamp(20px,5vw,32px)}.jr-copy a{word-break:keep-all;gap:8px;padding:12px;font-size:14px}.jr-copy>span{letter-spacing:.08em;font-size:12px}.jr-controls{flex-wrap:wrap;gap:10px;padding-top:16px}.jr-controls p{flex-basis:100%;order:3;margin-top:4px}.jr-controls button{padding:10px 12px;font-size:14px}.jr-grip{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.jr-scene,.jr-copy,.jr-divider{transition:none}}