@font-face{font-family:Yangjin;src:url(/assets/fonts/Yangjin-v0.93.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:weight;text-rendering:optimizelegibility;font-family:Yangjin,sans-serif}*{box-sizing:border-box}html,body{color:#171717;background:#fff;width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{font-family:Yangjin,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible,input:focus-visible,main:focus-visible){outline-offset:4px;outline:2px solid}.site-shell{background:#fff;width:100%;height:100dvh;position:relative;overflow:hidden}.slide-viewport{touch-action:pan-y;width:100%;height:calc(100dvh - 48px);overflow:hidden}.slide-rail{will-change:transform;width:max-content;height:100%;transition:transform .56s cubic-bezier(.22,.72,.23,1);display:flex}.slide-slot{flex:0 0 100vw;place-items:center;width:100vw;height:100%;display:grid;overflow:hidden}.slide-page{aspect-ratio:841.89/595.276;width:min(100vw,141.42dvh - 96.1656px);height:auto;color:var(--theme-color);background:#fff;position:relative;overflow:hidden;container-type:inline-size}.slide-mark-wrap{width:var(--mark-width);max-width:60%;height:35%;position:absolute;top:17%;left:50%;transform:translate(-50%);container-type:size}.slide-mark{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.moon-wolf{--moon-wolf-cycle:7.5s;aspect-ratio:789/810;width:min(100cqw,97.4074cqh);position:absolute;top:50%;left:50%;translate:-50% -50%}.moon-wolf.is-loading{visibility:hidden}.moon-wolf>*,.moon-wolf img,.moon-wolf .moon-wolf-mouth{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.moon-wolf .moon-wolf-halo{opacity:0;background:radial-gradient(closest-side,#17171712,#17171700);border-radius:50%;width:92%;height:90%;inset:54.27% auto auto 61.27%;translate:-50% -50%}.moon-wolf-orbit{transform-origin:61.27% 54.27%}.moon-wolf .moon-wolf-trail{opacity:0;filter:blur(1.2px)}.moon-wolf .moon-wolf-moon{transform-origin:61.27% 86.8%}.moon-wolf .moon-wolf-mouth{background:url(/assets/marks/page-01-track-01-wolf-mouth-sprite.png) 0 35.294%/100% 3500% no-repeat;width:55.77%;height:51.85%;inset:0 auto auto 0}@media (prefers-reduced-motion:no-preference){.moon-wolf-orbit{animation:moon-wolf-orbit var(--moon-wolf-cycle) infinite;will-change:transform}.moon-wolf .moon-wolf-halo{animation:moon-wolf-glow var(--moon-wolf-cycle) infinite}.moon-wolf .moon-wolf-trail{animation:moon-wolf-orbit var(--moon-wolf-cycle) infinite, moon-wolf-trail var(--moon-wolf-cycle) infinite}.moon-wolf .moon-wolf-trail-1{--trail-opacity:.3;animation-delay:40ms}.moon-wolf .moon-wolf-trail-2{--trail-opacity:.14;animation-delay:80ms}.moon-wolf .moon-wolf-moon{animation:moon-wolf-land var(--moon-wolf-cycle) infinite}}@keyframes moon-wolf-orbit{0%,8%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:rotate(0)}12%{animation-timing-function:cubic-bezier(.55,0,.25,1);transform:rotate(-12deg)}24%{animation-timing-function:cubic-bezier(.4,0,.4,1);transform:rotate(372deg)}28%{animation-timing-function:cubic-bezier(.4,0,.4,1);transform:rotate(357deg)}31%,to{transform:rotate(360deg)}}@keyframes moon-wolf-trail{0%,13%{opacity:0}16%,21%{opacity:var(--trail-opacity)}25%,to{opacity:0}}@keyframes moon-wolf-land{0%,26.5%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:none}29%{animation-timing-function:cubic-bezier(.4,0,.3,1);transform:scale(1.04,.955)}31.5%{animation-timing-function:ease-in-out;transform:scale(.98,1.025)}34%{animation-timing-function:ease-in-out;transform:scale(1.012,.99)}37%,to{transform:none}}@keyframes moon-wolf-glow{0%,27%{opacity:0;scale:.9}29.5%{opacity:.6;scale:1}34%,38%{opacity:0;scale:.95}50%{opacity:1;scale:1.1}70%,to{opacity:0;scale:.9}}.slide-mark-ghost{opacity:0}.layered-mark{width:min(100cqw, calc(100cqh * var(--mark-aspect)));position:absolute;top:50%;left:50%;translate:-50% -50%}.layered-mark.is-loading{visibility:hidden}.layered-mark img,.layered-mark>div{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.golden-mark{--mark-aspect:2.4529;--beat:.52s}.winged-heart{--mark-aspect:1.4693;--flap:1.5s}.golden-cone,.golden-wave,.golden-ring,.golden-spin{transform-origin:50.33% 49.93%}.golden-staff,.golden-beat{position:absolute;inset:0}.golden-staff-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.golden-staff-left{--side:1;transform-origin:31.7% 49%}.golden-staff-right{--side:-1;transform-origin:68.9% 51.6%}.heart-wing-left{--side:1;transform-origin:34.83% 48.98%}.heart-wing-right{--side:-1;transform-origin:65.17% 48.98%}.heart-wing{--amp:calc(.3 + var(--tier) * .3)}.heart-tab{transform-origin:49.95% 76.32%}.layered-mark .heart-link{transform-origin:50%;background-image:url(/assets/marks/page-04-tracks-04-05-chain.png);background-repeat:no-repeat;display:block;position:absolute}@media (prefers-reduced-motion:no-preference){.golden-beat{animation:golden-accent calc(var(--beat) * 4) ease-out infinite;transform-origin:50% 85%}.golden-cone{animation:golden-cone var(--beat) infinite}.golden-wave{animation:golden-wave var(--beat) infinite;animation-delay:calc(var(--wave) * 40ms)}.golden-ring{animation:golden-ring var(--beat) infinite;animation-delay:.21s}.golden-staff{animation:golden-staff var(--beat) infinite;animation-delay:.25s}.golden-spin{animation:golden-whirl calc(var(--beat) * 8) infinite}.heart-wing{animation:heart-flap var(--flap) infinite;animation-delay:calc((var(--tier) - 1) * 55ms)}.winged-heart-lift{animation:heart-lift var(--flap) infinite}.layered-mark .heart-link{animation:link-tug var(--flap) infinite;animation-delay:calc(.86s + var(--along) * .48s)}.heart-tab{animation:tab-swing var(--flap) infinite}}.atlas-piece{background-repeat:no-repeat;display:block;position:absolute}.da-capo{--mark-aspect:.9911;--beat:.54s}.da-capo-bass{transform-origin:80.8% 94%}.da-capo-strum{position:absolute;inset:0}.da-capo-letter{transform-origin:50% 100%}.da-capo-fret{transform-origin:50%}@property --spin{syntax:"<angle>";inherits:true;initial-value:0deg}.cradle{--mark-aspect:.6453;--R:12.252cqw;--rhalf:5.5;--rmax:14.83;container-type:inline-size}.cradle-dna{position:absolute;inset:0}.cradle-dot{aspect-ratio:1;width:5.66cqw;translate:-50% -50%;transform:translateX(calc(var(--R) * (sin(var(--spin) + var(--phase)) - sin(var(--phase))))) scale(calc(max(.05, var(--r) + var(--rhalf) * (cos(var(--spin) + var(--phase)) - cos(var(--phase)))) / var(--rmax)));background:#835545;border-radius:50%;position:absolute}.cradle-rung{--travel-l:calc(sin(var(--spin) + var(--phase-l)) - sin(var(--phase-l)));--travel-r:calc(sin(var(--spin) + var(--phase-r)) - sin(var(--phase-r)));transform-origin:50%;transform:translateX(calc(var(--R) * (var(--travel-l) + var(--travel-r)) / 2)) scaleX(calc((var(--span) + 64.2 * (var(--travel-r) - var(--travel-l))) / var(--span)))}.cradle-baby{transform-origin:57% 74%}@media (prefers-reduced-motion:no-preference){.da-capo-bass{animation:bass-sway calc(var(--beat) * 4) ease-in-out infinite alternate;animation-delay:calc(var(--beat) * -2)}.da-capo-strum{animation:bass-strum calc(var(--beat) * 2) infinite}.da-capo-fret{animation:fret-buzz calc(var(--beat) * 2) infinite;animation-delay:calc(var(--fret) * 30ms)}.da-capo-letter{animation:letter-hop calc(var(--beat) * 8) infinite;animation-delay:calc(var(--letter) * var(--beat) * .4)}.cradle-dna{animation:8s linear infinite dna-spin}.cradle-baby{animation:4.6s ease-in-out -2.3s infinite alternate cradle-rock,3.2s ease-in-out infinite cradle-breathe}}@keyframes bass-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}@keyframes bass-strum{0%{transform:none}3%{transform:translate(.5%)}6%{transform:translate(-.45%)}9%{transform:translate(.35%)}12%{transform:translate(-.2%)}16%,to{transform:none}}@keyframes fret-buzz{0%{transform:scaleX(1)}5%{transform:scaleX(1.35)}11%{transform:scaleX(.9)}17%,to{transform:scaleX(1)}}@keyframes letter-hop{0%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:none}3%{animation-timing-function:cubic-bezier(.6,0,.9,.5);transform:translateY(-16%)scale(.94,1.08)}6.5%{animation-timing-function:ease-out;transform:translateY(0)scale(1.1,.9)}9%{transform:scale(.97,1.03)}11%,to{transform:none}}@keyframes dna-spin{to{--spin:-360deg}}@keyframes cradle-rock{0%{rotate:-2.2deg}to{rotate:2.2deg}}@keyframes cradle-breathe{0%,to{scale:1}45%{scale:1.012 1.03}}.rain-eye{--mark-aspect:.9566;container-type:inline-size}.rain-fall,.rain-eye-lid{position:absolute;inset:0}.rain-eye-lid svg,.rain-overlay{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rain-wave{fill:none;stroke:#2d8add;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.rain-ring{fill:none;stroke:#2d8add;stroke-width:3.5px}.rain-drop{stroke:#2d8add;stroke-width:9px;stroke-linecap:round}.rain-tear{fill:#2d8add}@media (prefers-reduced-motion:no-preference){.rain-streak{animation:.55s ease-in-out infinite rain-shimmer;animation-delay:var(--shimmer-delay)}.rain-cloud-left{animation:1.6s ease-in-out -.8s infinite alternate cloud-bob}.rain-cloud-right{animation:1.6s ease-in-out -.3s infinite alternate cloud-bob}}@keyframes rain-shimmer{0%,to{opacity:1;transform:none}45%{transform:translate(var(--slip-x), var(--slip-y));opacity:.3}55%{opacity:.55}}@keyframes cloud-bob{0%{translate:0 -.42%}to{translate:0 .42%}}@keyframes golden-accent{0%{transform:scale(1)}4%{transform:scale(1.025,.985)}12%,to{transform:none}}@keyframes golden-cone{0%{animation-timing-function:cubic-bezier(.2,0,.4,1);transform:scale(1)}7%{animation-timing-function:cubic-bezier(.4,0,.3,1);transform:scale(1.16)}22%{animation-timing-function:ease-in-out;transform:scale(.94)}38%{animation-timing-function:ease-in-out;transform:scale(1.03)}55%,to{transform:scale(1)}}@keyframes golden-wave{0%{opacity:1;animation-timing-function:cubic-bezier(.2,0,.3,1);transform:scale(1)}10%{opacity:.75;animation-timing-function:cubic-bezier(.4,0,.3,1);transform:scale(1.085)}30%{opacity:1;transform:scale(.99)}45%,to{opacity:1;transform:scale(1)}}@keyframes golden-whirl{0%,70%{animation-timing-function:cubic-bezier(.4,0,.6,1);transform:rotate(0)}74%{animation-timing-function:cubic-bezier(.5,0,.2,1);transform:rotate(-16deg)}85%{animation-timing-function:cubic-bezier(.4,0,.4,1);transform:rotate(375deg)}90%{animation-timing-function:ease-in-out;transform:rotate(355deg)}95%,to{transform:rotate(360deg)}}@keyframes golden-ring{0%{transform:scale(1)}9%{transform:scale(1.022)}24%{transform:scale(.996)}38%,to{transform:scale(1)}}@keyframes golden-staff{0%{animation-timing-function:cubic-bezier(.2,0,.3,1);transform:none}12%{transform:translateY(-2.6%) rotate(calc(var(--side) * 1.3deg));animation-timing-function:ease-in-out}30%{transform:translateY(0.9%) rotate(calc(var(--side) * -.5deg));animation-timing-function:ease-in-out}46%{transform:translateY(-0.35%) rotate(calc(var(--side) * .2deg))}62%,to{transform:none}}@keyframes heart-flap{0%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:rotate(0)}42%{transform:rotate(calc(var(--side) * var(--amp) * 11deg));animation-timing-function:cubic-bezier(.6,0,.8,.3)}58%{transform:rotate(calc(var(--side) * var(--amp) * -9deg));animation-timing-function:cubic-bezier(.2,.6,.4,1)}76%{transform:rotate(calc(var(--side) * var(--amp) * -2deg));animation-timing-function:ease-in-out}to{transform:rotate(0)}}@keyframes heart-lift{0%{transform:translateY(0)}50%{transform:translateY(1%)}66%{transform:translateY(-2.4%)}to{transform:translateY(0)}}@keyframes link-tug{0%{transform:scale(1)}5%{transform:scale(1.4)}13%{transform:scale(.9)}22%,to{transform:scale(1)}}@keyframes tab-swing{0%{transform:rotate(4deg)}10%{transform:rotate(-3deg)}20%{transform:rotate(1.6deg)}30%{transform:rotate(-.6deg)}38%,90%{transform:rotate(0)}95%{transform:rotate(5deg)}to{transform:rotate(4deg)}}.slide-heading{text-align:center;width:90%;position:absolute;top:53.3%;left:5%}.track-label{letter-spacing:-.045em;margin:0 0 .32em;font-size:clamp(12px,2.1cqw,28px);font-weight:400;line-height:1.1}.slide-heading h1{letter-spacing:-.055em;max-width:100%;margin:0;font-size:clamp(12px,1.9cqw,25px);font-weight:400;line-height:1.24}.track-subtitle{margin:.28em 0 0;font-size:clamp(10px,1.35cqw,18px);line-height:1.3}.chalk-defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.chalk-stroke{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.chalk-fill{fill:currentColor}.mini-spectrum{width:22%;height:3.4%;min-height:10px;position:absolute;top:63.5%;left:50%;overflow:visible;transform:translate(-50%)}.mini-spectrum line{transform-box:fill-box;transform-origin:50%;transform:scaleY(.72)}.is-playing .mini-spectrum line{animation:.62s ease-in-out infinite alternate sound-bob;animation-delay:calc(var(--bar-index) * -31ms)}.upper-rule,.lower-rule{pointer-events:none;justify-content:space-between;align-items:center;width:100%;height:2.2%;display:flex;position:absolute;left:0}.upper-rule{top:69.05%}.lower-rule{top:79.95%}.chalk-rule{opacity:.86;width:35.4%;height:100%;overflow:visible}.track-progress{color:currentColor;width:22%;height:16px;position:absolute;top:69.5%;left:39%}.chalk-progress{width:100%;height:100%;position:relative}.chalk-progress-track{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.chalk-progress-thumb{top:50%;left:calc(2% + var(--thumb-x) * .96);width:18px;height:18px;translate:-50% calc(-50% + var(--thumb-y));pointer-events:none;transition:left .14s linear;position:absolute;overflow:visible}.chalk-progress input{opacity:0;cursor:pointer;width:100%;height:calc(100% + 12px);margin:0;position:absolute;inset:-6px 0}.chalk-progress input:disabled{cursor:default}.chalk-progress.is-disabled{opacity:.82}.chalk-progress:has(input:focus-visible){outline-offset:5px;border-radius:8px;outline:2px dashed}.transport-controls{align-items:center;gap:clamp(16px,3.7cqw,48px);height:5.3%;min-height:22px;display:flex;position:absolute;top:73.2%;left:50%;transform:translate(-50%)}.transport-controls button{color:currentColor;cursor:pointer;background:0 0;border:0;place-items:center;width:clamp(24px,3.6cqw,48px);height:clamp(24px,3.6cqw,48px);padding:2px;display:grid}.transport-controls button:disabled{cursor:default;opacity:.5}.transport-controls button:not(:disabled):hover{transform:scale(1.1)rotate(-3deg)}.transport-controls svg{width:100%;height:100%;overflow:visible}.transport-controls button{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.transport-controls button:not(:disabled):active{transition-duration:90ms;transform:scale(.86)rotate(-4deg)}.play-glyph{width:100%;height:100%;display:block}.transport-controls .play-control{width:clamp(28px,4.5cqw,60px);height:clamp(28px,4.5cqw,60px)}.slide-footer{text-align:center;width:70%;min-height:7.4%;color:var(--theme-color);flex-direction:column;justify-content:flex-start;align-items:center;gap:.3em;display:flex;position:absolute;top:82.5%;left:15%}.slide-footer p{white-space:pre-line;letter-spacing:-.02em;margin:0;font-size:clamp(10px,1.44cqw,19px);font-weight:500;line-height:1.5}.slide-footer cite{letter-spacing:.2em;font-size:clamp(9px,1.5cqw,20px);font-style:normal;font-weight:700;line-height:1.3}.wave-band{z-index:0;pointer-events:none;justify-content:space-around;align-items:flex-start;width:100%;height:15%;display:flex;position:absolute;left:0;overflow:hidden}.wave-top{top:0}.wave-bottom{align-items:flex-end;bottom:0}.wave-cluster{justify-content:space-around;align-items:flex-start;gap:.6%;width:22%;height:100%;display:flex}.wave-bottom .wave-cluster{align-items:flex-end}.is-arriving .slide-mark-wrap,.is-arriving .slide-heading,.is-arriving .mini-spectrum,.is-arriving .track-progress,.is-arriving .transport-controls,.is-arriving .slide-footer{transform-origin:50% 100%;animation:.95s both cartoon-arrival}.is-arriving .slide-mark-wrap,.is-arriving .mini-spectrum,.is-arriving .transport-controls{--base-x:-50%}.is-arriving .slide-heading{animation-delay:70ms}.is-arriving .mini-spectrum{animation-duration:.88s;animation-delay:.12s}.is-arriving .track-progress,.is-arriving .transport-controls{animation-duration:.86s;animation-delay:.15s}.is-arriving .slide-footer{animation-duration:.86s;animation-delay:.2s}.is-arriving .upper-rule,.is-arriving .lower-rule{transform-origin:calc(50% + var(--dir) * 50%) 50%;animation:.62s cubic-bezier(.2,.8,.25,1) .11s both rule-zip}.is-arriving .slide-mark-ghost{animation:.43s ease-out both mark-motion-blur}.arrival-streaks{pointer-events:none;flex-direction:column;justify-content:space-around;align-items:flex-start;width:85%;height:64%;display:flex;position:absolute;top:18%;left:100%}[data-arrival=from-left] .arrival-streaks{align-items:flex-end;left:auto;right:100%}.arrival-streaks i{opacity:0;transform-origin:0;width:70%;height:3px;animation:.52s cubic-bezier(.3,0,.6,1) both streak-reel;animation-delay:calc(var(--line) * 18ms);background:currentColor;border-radius:99px;display:block}[data-arrival=from-left] .arrival-streaks i{transform-origin:100%}.arrival-streaks i:nth-child(2){width:100%;height:2px}.arrival-streaks i:nth-child(3){width:55%;height:4px}.arrival-streaks i:nth-child(4){width:85%;height:2px}.arrival-streaks i:nth-child(5){width:40%;height:3px}.arrival-dust{pointer-events:none;width:70%;height:34%;position:absolute;bottom:-4%;left:50%;translate:-50%}.arrival-dust i{bottom:0;left:calc(18% + var(--puff) * 13%);width:calc(18% + var(--puff) * 2%);aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, currentColor 30%, transparent) 0 35%, transparent 70%);opacity:0;animation:.7s cubic-bezier(.2,.7,.3,1) both dust-puff;animation-delay:calc(.3s + var(--puff) * 25ms);border-radius:50%;position:absolute}.is-arriving .wave-cluster{animation:.59s cubic-bezier(.16,.88,.24,1) both wave-arrival;animation-delay:calc(var(--cluster-index) * 7ms)}.wave-cluster span{max-width:6px;height:var(--bar-size);opacity:.27;transform-origin:top;background:currentColor;border-radius:999px;flex:1 1 0;transition:opacity .24s;display:block;transform:scaleY(.72)}.wave-bottom .wave-cluster span{transform-origin:bottom}.is-playing .wave-cluster span{animation:wave-flow var(--beat-duration) ease-in-out infinite;animation-delay:calc(var(--bar-index) * -47ms);opacity:.46}@media (prefers-reduced-motion:no-preference){.slide-page:not(.is-playing) .mini-spectrum line{animation:2.6s ease-in-out infinite alternate spectrum-idle;animation-delay:calc(var(--bar-index) * -170ms)}.slide-page:not(.is-playing) .wave-cluster span{animation:3.4s ease-in-out infinite alternate wave-idle;animation-delay:calc(var(--bar-index) * -97ms)}.play-glyph{animation:.42s cubic-bezier(.34,1.56,.64,1) glyph-pop}.slide-mark-wrap>.slide-mark:not(.slide-mark-ghost){animation:3.6s ease-in-out infinite alternate mark-float}.slide-mark-wrap>.moon-wolf{animation:3.6s ease-in-out infinite alternate moon-wolf-float}.slide-mark-wrap>.layered-mark{animation:3.6s ease-in-out infinite alternate mark-float}}@keyframes mark-float{0%{transform:translateY(2%)}to{transform:translateY(-2%)}}@keyframes moon-wolf-float{0%{transform:translateY(2.8%)rotate(-1.2deg)}to{transform:translateY(-2.8%)rotate(1.2deg)}}@keyframes spectrum-idle{0%{transform:scaleY(.58)}to{transform:scaleY(.8)}}@keyframes wave-idle{0%{transform:scaleY(.62)}to{transform:scaleY(.82)}}@keyframes glyph-pop{0%{opacity:.2;transform:scale(.5)rotate(-16deg)}60%{opacity:1;transform:scale(1.08)rotate(3deg)}to{transform:none}}@keyframes sound-bob{0%{transform:scaleY(.58)}to{transform:scaleY(1)}}@keyframes wave-flow{0%,to{transform:scaleY(.72)}18%{transform:scaleY(1.03)}38%{transform:scaleY(.48)}61%{transform:scaleY(1.23)}81%{transform:scaleY(.65)}}@keyframes cartoon-arrival{0%{transform:translateX(calc(var(--base-x,0px) + var(--dir) * 72vw)) skewX(calc(var(--dir) * 22deg)) scale(1.4, .8);opacity:0;animation-timing-function:cubic-bezier(.12,.75,.3,1)}5%{opacity:1}36%{transform:translateX(calc(var(--base-x,0px) - var(--dir) * 2.4cqw)) skewX(calc(var(--dir) * -16deg)) scale(.9, 1.06);animation-timing-function:cubic-bezier(.3,0,.2,1)}50%{transform:translateX(calc(var(--base-x,0px) - var(--dir) * 1cqw)) skewX(calc(var(--dir) * 11deg)) scale(1.1, .88);animation-timing-function:ease-in-out}63%{transform:translateX(calc(var(--base-x,0px) + var(--dir) * .3cqw)) skewX(calc(var(--dir) * -6deg)) scale(.96, 1.04);animation-timing-function:ease-in-out}76%{transform:translateX(var(--base-x,0px)) skewX(calc(var(--dir) * 3deg)) scale(1.02, .98);animation-timing-function:ease-in-out}88%{transform:translateX(var(--base-x,0px)) skewX(calc(var(--dir) * -1.2deg)) scale(1)}to{transform:translateX(var(--base-x,0px));opacity:1}}@keyframes rule-zip{0%{opacity:0;transform:scaleX(.15)}55%{opacity:1;transform:scaleX(1.03)}75%{transform:scaleX(.99)}to{opacity:1;transform:none}}@keyframes streak-reel{0%{opacity:.5;transform:scaleX(1)}55%{opacity:.45;transform:scaleX(.75)}85%,to{opacity:0;transform:scaleX(0)}}@keyframes dust-puff{0%{opacity:0;transform:translate(0)scale(.3)}18%{opacity:1}to{opacity:0;transform:translate(calc(var(--dir) * (30% + var(--puff) * 22%)), -70%) scale(1.7)}}@keyframes mark-motion-blur{0%{transform:translateX(var(--ghost-x)) scale(1.025);filter:blur(11px);opacity:.03}22%{filter:blur(8px);opacity:.34}48%{transform:translateX(var(--ghost-x)) scale(1);filter:blur(5px);opacity:.2}68%,to{transform:translateX(var(--ghost-x)) scale(1);filter:blur(3px);opacity:0}}@keyframes wave-arrival{0%{transform:translateX(var(--arrival-x)) scaleX(.72);filter:blur(16px);opacity:.12}46%{filter:blur();opacity:1;transform:translate(0)scaleX(1.04)}59%{transform:translateX(var(--brake-x)) scaleX(1.1);filter:blur(1.8px)}73%{transform:translateX(var(--rebound-x)) scaleX(.96);filter:blur(.5px)}to{filter:blur();opacity:1;transform:translate(0)scaleX(1)}}@keyframes rune-arrival{0%{transform:translateX(var(--arrival-x)) scale(.93);filter:blur(13px);opacity:.28}47%{filter:blur();opacity:1;transform:translate(0)scale(1)}61%{transform:translateX(var(--rune-brake-x)) scaleX(1.1) scaleY(.94);filter:blur(1.8px)}74%{transform:translateX(var(--rune-rebound-x)) scaleX(.96) scaleY(1.02);filter:blur(.5px)}to{filter:blur();opacity:1;transform:translate(0)scale(1)}}@keyframes track-arrival{0%{transform:translateX(var(--arrival-x));filter:blur(8px);opacity:.2}72%{filter:blur();opacity:1;transform:translate(0)}86%{transform:translate(0)scale(.98)}to{filter:blur();opacity:1;transform:translate(0)scale(1)}}.sound-rune.is-arriving{animation:.58s cubic-bezier(.12,.82,.18,1) both rune-arrival}.sound-track.is-arriving{animation:.56s cubic-bezier(.12,.82,.18,1) both track-arrival}@media (max-width:640px){.slide-page{aspect-ratio:auto;width:100%;height:100%}.slide-heading{top:52.6%}.track-label{font-size:clamp(11px,3.4cqw,18px)}.slide-heading h1{font-size:clamp(11px,3.05cqw,17px)}.track-subtitle{font-size:clamp(10px,2.5cqw,14px)}.mini-spectrum{width:24%;top:63.6%}.upper-rule{top:69.25%}.track-progress{top:70.2%}.transport-controls{top:73%}.lower-rule{top:80.15%}.slide-footer{width:76%;top:84.5%;left:12%}.slide-footer p{font-size:clamp(9px,2.35cqw,13px)}.slide-footer cite{letter-spacing:.12em;font-size:clamp(8px,2.3cqw,13px)}.wave-band{height:14%}.wave-cluster{width:23%}}@media (prefers-reduced-motion:reduce){.arrival-streaks,.arrival-dust{display:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.is-playing .wave-cluster span,.is-playing .mini-spectrum line,.wave-cluster span,.mini-spectrum line,.play-glyph,.slide-mark,.moon-wolf,.layered-mark,.is-arriving .slide-mark-wrap,.is-arriving .slide-mark-ghost,.is-arriving .mini-spectrum,.is-arriving .wave-cluster,.is-arriving .slide-heading,.is-arriving .track-progress,.is-arriving .transport-controls,.is-arriving .slide-footer,.is-arriving .upper-rule,.is-arriving .lower-rule,.arrival-streaks i,.arrival-dust i,.sound-rune.is-arriving,.sound-track.is-arriving{filter:none!important;animation:none!important}}.sound-bar{z-index:1000;border-bottom:1px solid color-mix(in srgb, var(--soundbar-accent) 26%, #dedede);color:#302d32;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;align-items:center;gap:10px;min-height:48px;padding:6px max(14px,50vw - 680px);display:flex;position:sticky;top:0}.sound-rune{border:1px solid color-mix(in srgb, var(--soundbar-accent) 42%, #ddd);background:color-mix(in srgb, var(--soundbar-accent) 9%, white);width:29px;height:29px;color:var(--soundbar-accent);border-radius:50%;flex:none;place-items:center;font-size:17px;display:grid;position:relative}.sound-track{flex-direction:column;min-width:130px;max-width:min(34vw,360px);line-height:1.18;display:flex;overflow:hidden}.sound-track strong{color:#302d32;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.sound-track span{color:#858087;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sound-toggle{border:1px solid color-mix(in srgb, var(--soundbar-accent) 48%, #d7d3d6);width:31px;height:31px;color:var(--soundbar-accent);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;padding:0 0 1px 1px;font-size:11px;transition:background-color .16s,color .16s,transform .16s;display:grid}.sound-toggle:hover:not(:disabled){background:var(--soundbar-accent);color:#fff;transform:scale(1.05)}.sound-toggle:disabled{cursor:default;opacity:.48}.sound-volume{color:#77727a;align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.sound-volume input{width:min(180px,22vw);height:24px;accent-color:var(--soundbar-accent);margin:0}.sound-volume input:disabled{opacity:.45}.sound-volume output{text-align:right;color:#6d6670;font-variant-numeric:tabular-nums;width:26px}.sound-source{color:#79747c;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:14px;text-decoration:none;display:grid}.sound-source:hover{color:var(--soundbar-accent);background:#f2f0f2}.sound-source.is-unavailable{opacity:.35}.sound-editor-link{color:#77727a;border-left:1px solid #e4e1e4;margin-left:2px;padding-left:10px;font-size:11px;text-decoration:none}.sound-editor-link:hover{color:var(--soundbar-accent);text-decoration:underline}.youtube-player-window{z-index:1100;color:#171717;background:#fff;width:216px;height:240px;padding:8px;position:fixed;bottom:14px;right:14px;box-shadow:0 6px 18px #17171714}.chalk-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.youtube-player-heading{letter-spacing:.14em;justify-content:space-between;align-items:center;height:24px;padding:0 0 4px 4px;font-size:9px;display:flex;position:relative}.youtube-player-heading button{width:22px;height:22px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;font-size:18px;line-height:1;transition:transform .26s cubic-bezier(.34,1.56,.64,1);display:grid}.youtube-player-heading button:hover{transform:rotate(90deg)scale(1.1)}.youtube-api-mount{background:#f2f2f2;width:200px;height:200px;position:relative}.youtube-api-mount iframe{border:0;display:block;width:200px!important;height:200px!important}.playback-feedback{z-index:1200;color:#171717;text-align:center;background:#fff;border:1.5px solid #171717;border-radius:3px;width:min(520px,100vw - 24px);margin:0;padding:9px 13px;font-size:12px;position:fixed;top:56px;left:50%;transform:translate(-50%);box-shadow:3px 3px #17171722}@media (max-width:600px){.sound-bar{gap:5px;padding:6px 8px}.sound-rune{width:26px;height:26px;font-size:15px}.sound-track{min-width:68px;max-width:31vw}.sound-track span{display:none}.sound-toggle{width:29px;height:29px}.sound-volume{gap:4px}.sound-volume>span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.sound-volume input{width:21vw;min-width:48px;max-width:66px}.sound-volume output{width:20px}.sound-source{display:none}.sound-editor-link{margin-left:0;padding-left:7px}.youtube-player-window{bottom:10px;right:10px}.slide-footer{top:85%}.slide-footer p{line-height:1.2}.slide-footer cite{letter-spacing:.08em;font-size:clamp(8px,2cqw,13px);line-height:1.1}}.editor-layout{color:#211d29;background:#f3f1f5;width:100%;height:100dvh;overflow:auto}.editor-topbar{z-index:10;background:#fff;border-bottom:1px solid #ddd8e4;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:72px;padding:12px clamp(16px,4vw,56px);display:grid;position:sticky;top:0}.editor-back{color:#514760;font-size:13px;text-decoration:none}.editor-topbar>div:nth-child(2){text-align:center}.editor-kicker{color:#786486;letter-spacing:.16em;margin:0 0 4px;font-size:10px;font-weight:700}.editor-topbar h1{letter-spacing:-.04em;margin:0;font-size:19px}.editor-save-area{justify-content:flex-end;align-items:center;gap:12px;display:flex}.editor-dirty,.editor-clean{color:#6b6275;font-size:11px}.editor-dirty{color:#aa573b}.editor-save{color:#fff;cursor:pointer;background:#30263c;border:0;border-radius:4px;min-height:38px;padding:0 16px;font-weight:700}.editor-save:disabled{opacity:.42;cursor:default}.editor-columns{grid-template-columns:minmax(170px,.72fr) minmax(310px,1.05fr) minmax(340px,1.35fr);gap:22px;max-width:1600px;min-height:calc(100dvh - 72px);margin:0 auto;padding:24px clamp(14px,3vw,44px) 36px;display:grid}.editor-track-list{flex-direction:column;gap:8px;display:flex}.editor-track-choice{color:#27222e;text-align:left;cursor:pointer;background:#fff;border:1px solid #e1dce7;border-radius:5px;flex-direction:column;align-items:flex-start;gap:5px;min-height:92px;padding:12px;display:flex}.editor-track-choice>span{color:#847795;letter-spacing:.08em;font-size:10px}.editor-track-choice strong{font-size:12px;line-height:1.35}.editor-track-choice small{color:#847d8d;font-size:10px}.editor-track-choice.is-selected{border-color:#796687;box-shadow:inset 3px 0 #796687}.editor-controls{background:#fff;border:1px solid #e3dfe7;border-radius:6px;padding:18px}.editor-section-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.editor-section-heading h2{margin:0;font-size:18px}.editor-section-heading>span{color:#887f91;font-size:11px}.editor-field{color:#494252;flex-direction:column;gap:6px;margin:0 0 13px;font-size:12px;font-weight:700;display:flex}.editor-field>span small{color:#958c9d;margin-left:5px;font-size:10px;font-weight:400}.editor-field input:not([type=color]),.editor-field textarea{color:#211d29;background:#fff;border:1px solid #dcd6e2;border-radius:4px;width:100%;min-width:0;padding:9px 10px;font-size:12px;font-weight:400}.editor-field textarea{resize:vertical;line-height:1.5}.editor-field [aria-invalid=true]{border-color:#bf604d}.field-error{color:#ad4335;font-weight:400}.editor-fieldset{border:0;min-width:0;margin:16px 0 0;padding:0}.editor-fieldset legend{color:#494252;margin-bottom:9px;font-size:12px;font-weight:700}.editor-mark-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.editor-mark-choice{cursor:pointer;background:#fff;border:1px solid #e3dfe7;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:74px;padding:5px;display:flex;overflow:hidden}.editor-mark-choice img{object-fit:contain;width:100%;height:46px}.editor-mark-choice span{color:#746b7d;font-size:9px}.editor-mark-choice.is-selected{border-color:#796687;box-shadow:0 0 0 1px #796687}.editor-colors{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.editor-color{background:var(--swatch);cursor:pointer;border:2px solid #fff;border-radius:50%;outline:1px solid #d8d2dc;width:26px;height:26px}.editor-color.is-selected{outline:2px solid #514760}.editor-color-custom{color:#746b7d;align-items:center;gap:6px;margin-left:auto;font-size:10px;display:inline-flex}.editor-color-custom input{cursor:pointer;background:#fff;border:1px solid #d8d2dc;width:31px;height:28px;padding:1px}.editor-alert,.editor-success,.editor-save-hint{margin:13px 0 0;font-size:11px;line-height:1.45}.editor-alert{color:#a33125}.editor-success{color:#27674a}.editor-save-hint{color:#8c8492}.editor-preview{background:#fff;border:1px solid #e3dfe7;border-radius:6px;align-self:start;padding:13px;position:sticky;top:94px}.editor-preview-heading{color:#736a7c;letter-spacing:.08em;justify-content:space-between;margin:0 0 10px;font-size:10px;display:flex}.editor-preview-canvas{aspect-ratio:1.4142;background:#fff;place-items:center;min-height:340px;display:grid;overflow:hidden}.editor-preview-canvas .slide-page{width:100%}.editor-preview-dots{justify-content:center;gap:7px;padding-top:10px;display:flex}.editor-preview-dots button{cursor:pointer;background:#ccc5d2;border:0;border-radius:99px;width:7px;height:7px;padding:0}.editor-preview-dots button[aria-current=step]{background:#786486;width:19px}.editor-gate{color:#211d29;text-align:center;align-content:center;justify-items:center;gap:10px;width:min(520px,100% - 32px);min-height:100dvh;margin:auto;padding:28px;display:grid}.editor-gate h1{margin:0;font-size:23px}.editor-gate>p:not(.editor-kicker){color:#716a79;font-size:14px;line-height:1.7}.editor-gate a{color:#514760;font-size:13px}@media (max-width:1050px){.editor-columns{grid-template-columns:180px minmax(300px,1fr)}.editor-preview{grid-area:2/2;position:static}.editor-preview-canvas{min-height:0}}@media (max-width:680px){.editor-topbar{grid-template-columns:1fr auto;gap:8px;padding:10px 12px}.editor-topbar>div:nth-child(2){display:none}.editor-save-area{gap:7px}.editor-dirty,.editor-clean{text-align:right;max-width:96px;font-size:9px}.editor-save{min-height:36px;padding:0 10px;font-size:11px}.editor-columns{flex-direction:column;gap:12px;padding:12px;display:flex}.editor-track-list{flex-direction:row;padding-bottom:3px;overflow-x:auto}.editor-track-choice{min-width:150px;min-height:80px}.editor-controls{padding:14px}.editor-preview{order:3}.editor-preview-canvas{min-height:0}}
