.jr{position:relative}.jr__anchor{width:1px;height:1px;position:absolute;left:0}.jr__stage{isolation:isolate;background:var(--color-uv-bg);height:100dvh;position:sticky;top:0;overflow:hidden}.jr__canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.jr__veil{z-index:1;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--color-uv-bg) 86%, transparent) 0%, color-mix(in srgb, var(--color-uv-bg) 50%, transparent) 34%, transparent 58%), linear-gradient(180deg, color-mix(in srgb, var(--color-uv-bg) 70%, transparent) 0%, transparent 16%);transition:opacity .6s var(--ease);position:absolute;inset:0}.jr__stage[data-chapter=mix] .jr__veil,.jr__stage[data-chapter=finale] .jr__veil{background:linear-gradient(180deg, color-mix(in srgb, var(--color-uv-bg) 80%, transparent) 0%, transparent 40%)}.jr__chapter{z-index:2;top:50%;left:var(--g);pointer-events:none;width:min(36rem,44vw);position:absolute;transform:translateY(-50%)}.jr__chapter[data-active=true]{pointer-events:auto}.jr__inner,.jr__inner [data-par]{will-change:transform, opacity}.jr__chapter:not([data-id=intro]) .jr__inner{opacity:0;visibility:hidden}.jr__chapter[data-id=mix]{width:min(46rem,72vw);top:calc(68px + 5vh);transform:none}.jr__chapter[data-id=finale]{text-align:center;width:min(42rem,88vw);left:50%;transform:translate(-50%,-50%)}.jr__title{font-family:var(--font-uv-display);letter-spacing:-.045em;text-wrap:balance;text-shadow:0 2px 30px color-mix(in srgb, var(--color-uv-bg) 80%, transparent);margin:0;font-size:clamp(2.8rem,6vw,6.2rem);font-weight:800;line-height:.92}.jr__chapter[data-id=intro] .jr__title{font-size:clamp(3rem,6.6vw,7rem)}.jr__body{max-width:40ch;color:var(--ink-dim);margin:1.25rem 0 0;font-size:clamp(1.02rem,1.3vw,1.2rem);line-height:1.55}.jr__chapter[data-id=finale] .jr__body{margin-left:auto;margin-right:auto}.jr__learn{flex-wrap:wrap;gap:.45rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.jr__learn li{border:1px solid var(--color-uv-line-strong);background:color-mix(in srgb, var(--color-uv-surface) 55%, transparent);border-radius:10px;padding:.4rem .75rem;font-size:.84rem}.jr__control{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:1.75rem;display:flex}.jr__meta{color:var(--color-uv-muted);font-family:var(--font-uv-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.jr-knob{align-items:center;gap:1rem;display:flex}.jr-knob__dial{cursor:ns-resize;touch-action:none;background:0 0;border:0;border-radius:50%;width:92px;height:92px;padding:0}.jr-knob__dial svg{width:100%;height:100%;display:block}.jr-knob__track,.jr-knob__value{fill:none;stroke-width:6px;stroke-linecap:round}.jr-knob__track{stroke:var(--color-uv-line-strong)}.jr-knob__cap{fill:var(--color-uv-raised);stroke:var(--color-uv-line-strong);stroke-width:1px}.jr-knob__tick{stroke:var(--color-uv-ink);stroke-width:3px;stroke-linecap:round}.jr-knob__dial:active .jr-knob__cap{fill:var(--color-uv-surface)}.jr-knob__text{gap:.2rem;display:grid}.jr-knob__label{color:var(--color-uv-muted);font-family:var(--font-uv-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem}.jr-knob__value-text{font-family:var(--font-uv-display);letter-spacing:-.02em;font-size:1.55rem;font-weight:800}.jr__ctas{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2.25rem;display:flex}.jr__ctas--center{justify-content:center}.jr__enter{color:#141006;background:linear-gradient(135deg, var(--color-uv-gold-lo) 0%, #e8cd85 26%, var(--color-uv-gold-hi) 44%, var(--color-uv-gold) 62%, var(--color-uv-gold-lo) 100%);min-height:58px;box-shadow:0 14px 40px -18px var(--color-uv-gold), inset 0 1px 0 #ffffff73;cursor:pointer;transition:transform .15s var(--ease), box-shadow .3s var(--ease);border:0;border-radius:16px;align-items:center;gap:.8rem;padding:0 1.5rem 0 .45rem;font-size:1.02rem;font-weight:600;display:inline-flex}.jr__enter:hover{box-shadow:0 18px 50px -14px var(--color-uv-gold), inset 0 1px 0 #ffffff73}.jr__enter:active{transform:scale(.97)}.jr__enter-disc{background:#14100629;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.jr__enter-disc svg{fill:#141006;width:18px;height:18px;transition:transform .3s var(--ease)}.jr__enter:hover .jr__enter-disc svg{transform:scale(1.15)}.jr__quiet{min-height:44px;color:var(--color-uv-muted);font-family:var(--font-uv-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .25s var(--ease);background:0 0;border:0;padding:0;font-size:.76rem}.jr__quiet:hover{color:var(--color-uv-ink)}.jr__inside{min-height:44px;color:var(--color-uv-ink);align-items:center;gap:.45rem;font-weight:600;text-decoration:none;display:inline-flex}.jr__inside span{color:var(--color-uv-coral);transition:transform .3s var(--ease)}.jr__inside:hover span{transform:translateY(3px)}.jr__mixbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.jr__mixreadout{border:1px solid var(--color-uv-line-strong);color:var(--ink-dim);background:color-mix(in srgb, var(--color-uv-bg) 55%, transparent);font-family:var(--font-uv-mono);white-space:pre;border-radius:10px;padding:.5rem .8rem;font-size:.76rem}.jr__nodes{z-index:3;pointer-events:none;opacity:0;visibility:hidden;position:absolute;inset:0}.jr__node{pointer-events:none}.jr__nodes[data-live=true] .jr__node{pointer-events:auto}.jr__rail{z-index:3;top:50%;right:var(--g);gap:.2rem;padding-right:14px;display:grid;position:absolute;transform:translateY(-50%)}.jr__rail-track{background:var(--color-uv-line);border-radius:2px;width:2px;position:absolute;top:15px;bottom:15px;right:0;overflow:hidden}.jr__rail-fill{background:linear-gradient(180deg, var(--color-uv-indigo), var(--color-uv-violet), var(--color-uv-orchid), var(--color-uv-magenta), var(--color-uv-coral));transform-origin:top;width:100%;height:100%;display:block;transform:scaleY(0)}.jr__rail-btn{min-height:32px;color:var(--color-uv-muted);font-family:var(--font-uv-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .25s var(--ease);background:0 0;border:0;flex-direction:row-reverse;justify-content:flex-start;align-items:center;gap:.7rem;padding:0;font-size:.66rem;display:flex}.jr__rail-mark{background:var(--color-uv-line-strong);width:16px;height:2px;transition:width .35s var(--ease), background-color .35s var(--ease);border-radius:2px}.jr__rail-btn:hover,.jr__rail-btn[aria-current=step]{color:var(--color-uv-ink)}.jr__rail-btn[aria-current=step] .jr__rail-mark{background:var(--spectrum);width:34px}.jr__sound{z-index:55;bottom:1.75rem;left:var(--g);transition:opacity .35s var(--ease), visibility .35s;border:1px solid var(--color-uv-line-strong);min-height:40px;color:var(--color-uv-ink);background:color-mix(in srgb, var(--color-uv-bg) 55%, transparent);-webkit-backdrop-filter:blur(8px);font-family:var(--font-uv-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:10px;align-items:center;gap:.6rem;padding:0 .9rem;font-size:.7rem;display:inline-flex;position:fixed}.jr__sound-bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.jr__sound-bars i{background:var(--color-uv-muted);transform-origin:bottom;border-radius:1px;width:2px;height:100%;display:block;transform:scaleY(.3)}.jr__sound[data-sound=on] .jr__sound-bars i{background:var(--color-uv-magenta);animation:v2-bounce .6s var(--ease) infinite alternate}.jr__sound[data-sound=on] .jr__sound-bars i:nth-child(2){animation-delay:-.25s}.jr__sound[data-sound=on] .jr__sound-bars i:nth-child(3){animation-delay:-.4s}@media (width<=760px){.jr__veil{background:linear-gradient(0deg, color-mix(in srgb, var(--color-uv-bg) 96%, transparent) 0%, color-mix(in srgb, var(--color-uv-bg) 78%, transparent) 40%, transparent 64%)}.jr__stage[data-chapter=mix] .jr__veil{background:linear-gradient(180deg, color-mix(in srgb, var(--color-uv-bg) 92%, transparent) 0%, color-mix(in srgb, var(--color-uv-bg) 60%, transparent) 36%, transparent 52%)}.jr__chapter,.jr__chapter[data-id=finale]{top:auto;right:var(--g);bottom:calc(4.25rem + env(safe-area-inset-bottom));left:var(--g);width:auto;transform:none}.jr__chapter[data-id=mix]{width:auto;top:76px;bottom:auto}.jr__title,.jr__chapter[data-id=intro] .jr__title{font-size:clamp(2.2rem,9.6vw,3.2rem)}.jr__body{margin-top:.9rem;font-size:.98rem}.jr__learn{margin-top:1rem}.jr__learn li{padding:.3rem .6rem;font-size:.74rem}.jr__control{margin-top:1.1rem}.jr-knob__dial{width:72px;height:72px}.jr-knob__value-text{font-size:1.25rem}.jr__ctas{margin-top:1.5rem}.jr__rail{padding-right:10px;right:.5rem}.jr__rail-label{display:none}.jr__rail-btn{justify-content:center;min-width:26px;min-height:26px}.jr__sound{bottom:calc(1rem + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.jr__rail-mark,.jr__veil{transition:none}.jr__sound[data-sound=on] .jr__sound-bars i{animation:none}}.jr__mixbar .v2-flat{margin-left:0}.jr__chapter[data-id=finale] .jr__title{font-size:clamp(3.2rem,7.6vw,7.8rem);line-height:.9}.jr__chapter[data-id=finale] .jr__body{max-width:34ch;font-size:clamp(1.08rem,1.5vw,1.35rem)}.jr__learn--gold{justify-content:center}.jr__learn--gold li{border-color:color-mix(in srgb, var(--color-uv-gold) 60%, transparent);color:var(--color-uv-gold-hi);background:color-mix(in srgb, var(--color-uv-gold) 10%, transparent);font-weight:600}@media (width<=760px){.jr__chapter[data-id=finale] .jr__title{font-size:clamp(2.4rem,11vw,3.4rem)}.jr__learn--gold{justify-content:flex-start}}.jr__sound[data-outside=true]:not([data-sound=on]){opacity:0;visibility:hidden;pointer-events:none}