:root{--blyrics-highlight-image: none;--blyrics-image-glow-opacity-from: .5;--blyrics-image-glow-opacity-to: 0;--blyrics-ui-text-color: var( --blyrics-text-color, color(display-p3 1 1 1 / 1) );--blyrics-glow-color: var( --blyrics-highlight-color, color(display-p3 1 1 1 / .5) );--blyrics-error-color: color(display-p3 .992 .882 .882);--blyrics-footer-bg-color: hsla(0, 0%, 100%, .1);--blyrics-footer-border-color: hsla(0, 0%, 100%, .1);--blyrics-footer-text-color: #aaa;--blyrics-footer-link-color: #fff;--blyrics-discord-hover-color: #5865f2;--blyrics-vote-hover-color: hsla(0, 0%, 100%, .2);--blyrics-lyric-active-color: var( --blyrics-text-color, color(display-p3 1 1 1 / var(--blyrics-active-opacity, 1)) );--blyrics-lyric-inactive-color: color( from var(--blyrics-text-color, color(display-p3 1 1 1)) display-p3 r g b / var(--blyrics-inactive-opacity, .3) );--blyrics-richsync-timing-offset: .15s;--blyrics-timing-offset: .115s;--blyrics-scroll-timing-offset: .5s;--blyrics-default-font-family: Satoshi, var(--noto-sans-universal, "Noto Sans"), Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;--blyrics-font-size: 3rem;--blyrics-font-weight: 700;--blyrics-line-height: 1.333;--blyrics-translated-font-size: 2rem;--blyrics-translated-font-weight: 600;--blyrics-translated-color: color( display-p3 1 1 1 / var(--blyrics-translated-opacity, .6) );--blyrics-credits-label: "Written by";--blyrics-credits-font-size: max(.4em, 12px);--blyrics-credits-opacity: .2;--blyrics-credits-focused-opacity: .85;--blyrics-footer-font-family: Satoshi, Roboto, Noto Naskh Arabic UI, Arial, sans-serif;--blyrics-footer-font-size: 14px;--blyrics-footer-font-weight: 400;--blyrics-animate-line-scale: 1;--blyrics-animate-word-wobble: 1;--blyrics-animate-highlight-swipe: 1;--blyrics-animate-highlight-glow: 1;--blyrics-animate-highlight-fade: 1;--blyrics-animate-scroll: 1;--blyrics-animate-instrumental: 1;--blyrics-animate-decoration-entry: 1;--blyrics-loader-transition-duration: .6s;--blyrics-loader-transition-easing: cubic-bezier(.22, 1, .36, 1);--blyrics-scale-transition-duration: var( --blyrics-transition-duration, .166s );--blyrics-line-enter-transform-from: scale(var(--blyrics-scale));--blyrics-line-enter-transform-to: scale(var(--blyrics-active-scale));--blyrics-line-exit-transform-from: scale(var(--blyrics-active-scale));--blyrics-line-exit-transform-to: scale(var(--blyrics-scale));--blyrics-line-enter-easing: ease;--blyrics-line-exit-easing: ease;--blyrics-lyric-highlight-fade-in-duration: var( --blyrics-opacity-transition, .33s );--blyrics-lyric-highlight-fade-out-duration: var( --blyrics-opacity-transition, .5s );--blyrics-lyric-highlight-fade-in-easing: ease;--blyrics-lyric-highlight-fade-out-easing: ease;--blyrics-highlight-swipe-easing: linear;--blyrics-highlight-swipe-start-from: -.2;--blyrics-highlight-swipe-end-from: -.1;--blyrics-highlight-swipe-start-to: 1.4;--blyrics-highlight-swipe-end-to: 1.5;--blyrics-highlight-glow-radius-from: .8rem;--blyrics-highlight-glow-radius-to: 0;--blyrics-highlight-glow-duration-ratio: 1.2;--blyrics-highlight-glow-min-duration: 1.2s;--blyrics-highlight-glow-easing: ease;--blyrics-wobble-duration: 1s;--blyrics-word-wobble-transform-from: scaleX(1);--blyrics-word-wobble-transform-peak: translateX(.05em) scaleX(1.025);--blyrics-word-wobble-transform-settle: translateX(0) scaleX(1);--blyrics-word-wobble-transform-to: scaleX(1);--blyrics-word-wobble-peak-offset: .125;--blyrics-word-wobble-settle-offset: .75;--blyrics-word-wobble-easing: ease;--blyrics-word-wobble-peak-easing: ease-in-out;--blyrics-word-wobble-end-easing: ease-out;--blyrics-letter-wave-transform: translateY(-.05em);--blyrics-letter-wave-settle: translateY(-.02em);--blyrics-letter-wave-emphasis-scale: 1.11;--blyrics-letter-wave-duration: .9s;--blyrics-letter-wave-rise-easing: ease-in-out;--blyrics-letter-wave-fall-easing: ease-out;--blyrics-instrumental-fill-fade-duration: .15s;--blyrics-instrumental-fill-fade-easing: ease;--blyrics-instrumental-fill-transform-from: translateY(78%);--blyrics-instrumental-fill-transform-to: translateY(-4%);--blyrics-instrumental-fill-easing: linear;--blyrics-instrumental-wave-transform-from: scaleY(1.2);--blyrics-instrumental-wave-transform-to: scaleY(.0001);--blyrics-instrumental-wave-easing: ease-in;--blyrics-instrumental-wave-path-high: path("M -4 3 Q 1 2 5 3 Q 10 4 14 3 Q 18 2 22 3 Q 26 4 30 3 L 30 4 L -4 4 Z");--blyrics-instrumental-wave-path-low: path("M -4 3 Q 1 4 5 3 Q 10 2 14 3 Q 18 4 22 3 Q 26 2 30 3 L 30 4 L -4 4 Z");--blyrics-instrumental-wave-oscillation-duration: 1.25s;--blyrics-instrumental-wave-oscillation-easing: ease-in-out;--blyrics-padding: 2rem;--blyrics-margin: 2rem;--blyrics-small-border-radius: 1rem;--blyrics-border-radius: 1000rem;--blyrics-blur-amount: 30px;--blyrics-scale: .95;--blyrics-active-scale: 1;--blyrics-error-opacity: .33;--blyrics-background-blur: 100px;--blyrics-background-saturate: 2;--blyrics-lyric-scroll-timing-function: var( --blyrics-lyric-transition-timing-function, cubic-bezier(.86, 0, .2, 1) );--blyrics-gradient-stops: transparent 0%, rgba(0, 0, 0, .013) 8.1%, rgba(0, 0, 0, .049) 15.5%, rgba(0, 0, 0, .104) 22.5%, rgba(0, 0, 0, .175) 29%, rgba(0, 0, 0, .259) 35.3%, rgba(0, 0, 0, .352) 41.2%, rgba(0, 0, 0, .45) 47.1%, rgba(0, 0, 0, .55) 52.9%, rgba(0, 0, 0, .648) 58.8%, rgba(0, 0, 0, .741) 64.7%, rgba(0, 0, 0, .825) 71%, rgba(0, 0, 0, .896) 77.5%, rgba(0, 0, 0, .951) 84.5%, rgba(0, 0, 0, .987) 91.9%, #000 100%;--blyrics-shimmer-gradient: linear-gradient( 110deg, color-mix(in srgb, var(--blyrics-ui-text-color) 50%, transparent) 30%, var(--blyrics-ui-text-color) 50%, color-mix(in srgb, var(--blyrics-ui-text-color) 50%, transparent) 70% )}@media(prefers-reduced-motion:reduce){:root{--blyrics-animate-line-scale: 0;--blyrics-animate-word-wobble: 0;--blyrics-animate-instrumental: 0;--blyrics-animate-decoration-entry: 0;--blyrics-scale: 1;--blyrics-active-scale: 1}}.blyrics--word.blyrics-word-highlight.blyrics-image-highlight{background:none;mask:none;-webkit-mask:none;color:transparent}.blyrics-image-fill,.blyrics-word-highlight.blyrics-image-highlight .blyrics--letter{background-image:var(--blyrics-highlight-image, none);background-color:var(--blyrics-lyric-active-color, white);background-size:100% 100%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.blyrics-word-highlight.blyrics-image-highlight .blyrics--letter{background-image:var(--blyrics-highlight-image, none),var(--blyrics-highlight-image, none);background-origin:content-box,padding-box}.blyrics-image-highlight:not(.blyrics-word-highlight--lettered) .blyrics-image-fill{--blyrics-image-sweep-angle: 90deg;-webkit-mask-image:linear-gradient(var(--blyrics-image-sweep-angle),#000 calc(100% * var(--lyric-transition-amount-start)),transparent calc(100% * var(--lyric-transition-amount-end) + 1px));mask-image:linear-gradient(var(--blyrics-image-sweep-angle),#000 calc(100% * var(--lyric-transition-amount-start)),transparent calc(100% * var(--lyric-transition-amount-end) + 1px));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.blyrics-image-highlight.blyrics-rtl:not(.blyrics-word-highlight--lettered) .blyrics-image-fill{--blyrics-image-sweep-angle: 270deg}.blyrics-image-highlight.blyrics-word-highlight--lettered .blyrics-image-fill{background:none}.blyrics-image-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;overflow:visible}.blyrics-image-glow-run .blyrics-image-glow{position:static;inset:auto;display:inline}.blyrics-instrumental-image{display:none}.blyrics--instrumental-icon[data-image-ready] .blyrics-instrumental-image{display:inline}.blyrics--instrumental-icon[data-image-ready] .blyrics-instrumental-color{display:none}@media(forced-colors:active){.blyrics-image-glow,.blyrics-image-glow-run .blyrics-image-glow{display:none}.blyrics-image-fill,.blyrics-word-highlight.blyrics-image-highlight .blyrics--letter{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.blyrics--instrumental-icon[data-image-ready] .blyrics-instrumental-image{display:none}.blyrics--instrumental-icon[data-image-ready] .blyrics-instrumental-color{display:inline}}.blyrics--line,.blyrics--translated,.blyrics--romanized{--blyrics-default-font-family: Satoshi, var(--noto-sans-universal, "Noto Sans"), Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;font-family:var(--blyrics-font-family, var(--blyrics-default-font-family))}.blyrics-container{font-family:var(--blyrics-font-family, var(--blyrics-default-font-family));font-size:var(--blyrics-font-size);font-weight:var(--blyrics-font-weight);isolation:isolate;line-height:var(--blyrics-line-height);padding-bottom:calc(var(--blyrics-padding-bottom));padding-top:2rem;position:relative!important;will-change:transform;z-index:1}.blyrics-container>div{box-sizing:border-box;cursor:pointer;padding:var(--blyrics-padding) .25em!important;transform:scale(var(--blyrics-scale));transform-origin:left center}.blyrics--active{cursor:default}.blyrics--line{color:var(--blyrics-lyric-inactive-color);max-width:100%;unicode-bidi:plaintext;white-space:normal;word-break:normal}.blyrics-line-main{display:block;max-width:100%;overflow-wrap:normal;position:relative;text-align:inherit;unicode-bidi:plaintext;white-space:normal}.blyrics-background-line{display:block;margin-top:.1em;max-width:100%;position:relative;text-align:inherit;unicode-bidi:plaintext;white-space:normal}.blyrics-bidi-run{display:block;max-width:100%;unicode-bidi:normal;white-space:inherit}.blyrics-highlight-run{inset:0 0 auto;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:auto;z-index:1}.blyrics-word-group{display:inline-block;max-width:100%;unicode-bidi:normal;vertical-align:baseline;white-space:nowrap}.blyrics-word-group-long{display:inline;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.blyrics--word{color:var(--blyrics-lyric-inactive-color);display:inline;position:relative;transform:translateY(0);unicode-bidi:normal;white-space:inherit}.blyrics-word-group:not(.blyrics-word-group-long) .blyrics--word{display:inline-block}.blyrics-bidi-sensitive .blyrics-word-group,.blyrics-bidi-sensitive .blyrics-word-group-long{display:contents;max-width:none;overflow-wrap:normal;unicode-bidi:normal;white-space:normal;word-break:normal}.blyrics-bidi-sensitive .blyrics--word,.blyrics-bidi-sensitive .blyrics-word-group:not(.blyrics-word-group-long) .blyrics--word{display:inline;white-space:inherit}@property --lyric-transition-amount-start{syntax: "<number>"; inherits: true; initial-value: -.2;}@property --lyric-transition-amount-end{syntax: "<number>"; inherits: true; initial-value: -.1;}.blyrics--word.blyrics-word-highlight{color:transparent;background-image:linear-gradient(90deg,var(--blyrics-lyric-active-color) calc(100% * var(--lyric-transition-amount-start)),#00000000 calc(100% * var(--lyric-transition-amount-end) + 1px));-webkit-background-clip:text;background-clip:text;opacity:0;pointer-events:none;--lyric-transition-amount-start: var( --blyrics-highlight-swipe-start-from, -.2 );--lyric-transition-amount-end: var(--blyrics-highlight-swipe-end-from, -.1)}.blyrics-word-highlight.blyrics-rtl{background-image:linear-gradient(270deg,var(--blyrics-lyric-active-color) calc(100% * var(--lyric-transition-amount-start)),#00000000 calc(100% * var(--lyric-transition-amount-end) + 1px))}.blyrics--letter{display:inline-block}.blyrics--word.blyrics-word--lettered{unicode-bidi:isolate}.blyrics-container[data-browser-engine=gecko] .blyrics--animating .blyrics-word--lettered{perspective:100000px}.blyrics-word-highlight.blyrics-word-highlight--lettered{background-image:none}.blyrics-word-highlight .blyrics--letter{padding-inline:.25em;margin-inline:-.25em;-webkit-mask-origin:content-box;mask-origin:content-box;color:var(--blyrics-lyric-active-color);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 50%,#0000 calc(50% + var(--mask-fade, 3%)));mask-image:linear-gradient(90deg,#000 0,#000 50%,#0000 calc(50% + var(--mask-fade, 3%)));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc((var(--letters, 1) + 2) * 100%) 100%;mask-size:calc((var(--letters, 1) + 2) * 100%) 100%;-webkit-mask-position:0% 0%;mask-position:0% 0%}.blyrics-word-highlight.blyrics-rtl .blyrics--letter{-webkit-mask-image:linear-gradient(270deg,#000 0,#000 50%,#0000 calc(50% + var(--mask-fade, 3%)));mask-image:linear-gradient(270deg,#000 0,#000 50%,#0000 calc(50% + var(--mask-fade, 3%)));-webkit-mask-position:100% 0%;mask-position:100% 0%}[blyrics-alt-hover] .blyrics--word:hover{padding-block:.25em;margin-block:-.25em;background-image:linear-gradient(currentColor,currentColor);background-position:0 calc(50% + .54em);background-repeat:no-repeat;background-size:100% .06em}.blyrics--line>.blyrics-line-main>.blyrics-background-lyric,.blyrics--line>.blyrics-background-line>.blyrics-background-lyric,.blyrics--line>.blyrics-line-main>.blyrics-bidi-run>.blyrics-background-lyric,.blyrics--line>.blyrics-background-line>.blyrics-bidi-run>.blyrics-background-lyric{font-size:.75em;font-weight:500}.blyrics--line>.blyrics-line-main>.blyrics-word-group.blyrics-background-lyric,.blyrics--line>.blyrics-background-line>.blyrics-word-group.blyrics-background-lyric,.blyrics--line>.blyrics-line-main>.blyrics-bidi-run>.blyrics-word-group.blyrics-background-lyric,.blyrics--line>.blyrics-background-line>.blyrics-bidi-run>.blyrics-word-group.blyrics-background-lyric{color:color-mix(in srgb,var(--blyrics-lyric-inactive-color) 78%,transparent)}.blyrics--translated,.blyrics--romanized{animation:blyrics-decoration-in calc(var(--blyrics-animate-decoration-entry) * .35s) cubic-bezier(.25,1,.5,1) both;color:var(--blyrics-translated-color);display:block;font-family:var(--blyrics-translated-font-family, var(--blyrics-font-family, var(--blyrics-default-font-family)));font-size:var(--blyrics-translated-font-size);font-weight:var(--blyrics-translated-font-weight);line-height:normal;margin-top:8px;max-width:100%;text-align:inherit;unicode-bidi:plaintext;white-space:normal}@keyframes blyrics-decoration-in{0%{opacity:0;transform:translateY(-.4em)}}.blyrics-container>.blyrics-credits{box-sizing:border-box;cursor:default;margin:0;padding:var(--blyrics-padding) .25em;transform:scale(var(--blyrics-scale));transform-origin:left center}.blyrics-credits{color:var(--blyrics-ui-text-color);opacity:var(--blyrics-credits-opacity);transition:opacity .35s cubic-bezier(.25,1,.5,1)}.blyrics-credits__text{display:block;font-size:var(--blyrics-credits-font-size)}.blyrics-credits__text:before{content:var(--blyrics-credits-label) " "}.blyrics-container[data-credits-focused]>.blyrics-credits,.blyrics-container[data-sync=none]>.blyrics-credits{opacity:var(--blyrics-credits-focused-opacity)}.blyrics--romanized{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;box-sizing:border-box;display:block;font-size:calc(var(--blyrics-translated-font-size) / 1.25);padding:.25rem .75rem;width:fit-content}.blyrics-rtl{direction:rtl}.blyrics--line[data-direction=rtl]{text-align:right;transform-origin:right center}.blyrics--line[data-agent=v2],.blyrics--line[data-agent=v3]{text-align:right;transform-origin:right center!important}.blyrics--line[data-agent=v1000]{text-align:center;transform-origin:center center!important}.blyrics--line[data-agent=v2] .blyrics--romanized,.blyrics--line[data-agent=v3] .blyrics--romanized,.blyrics--line[data-direction=rtl] .blyrics--romanized{margin-left:auto}.blyrics--line[data-agent=v1000] .blyrics--romanized{margin-left:auto;margin-right:auto}#blyrics-wrapper{margin-top:0}.blyrics--instrumental-icon{height:var(--blyrics-font-size);width:calc(var(--blyrics-font-size) + var(--blyrics-font-size) / 3);overflow:visible;margin-left:calc(var(--blyrics-font-size) / -3)}.blyrics-rtl.blyrics--instrumental .blyrics--instrumental-icon,.blyrics--instrumental[data-agent=v2] .blyrics--instrumental-icon,.blyrics--instrumental[data-agent=v3] .blyrics--instrumental-icon{margin-left:0;margin-right:calc(var(--blyrics-font-size) / -3)}.blyrics--instrumental[data-agent=v1000] .blyrics--instrumental-icon{margin-left:0;margin-right:0}.blyrics--instrumental-bg{fill:var(--blyrics-lyric-inactive-color)}.blyrics--instrumental-fill{fill:var(--blyrics-lyric-active-color);transition:opacity var(--blyrics-lyric-highlight-fade-out-duration, .5s) ease;opacity:0}.blyrics--instrumental.blyrics--animating .blyrics--instrumental-fill{transition:none;opacity:1}.blyrics--instrumental:not(.blyrics--pre-animating) .blyrics--wave-clip{transition-property:transform;transition-duration:1000000s;transition-delay:0s;transform:translateY(0)}.blyrics--instrumental.blyrics--pre-animating:not(.blyrics--animating) .blyrics--wave-clip{animation:none;transform:translateY(78%)}.blyrics--instrumental.blyrics--animating .blyrics--wave-clip{transition-property:transform;transition-duration:calc(var(--blyrics-duration, 1ms) * 1);transition-timing-function:linear;transition-delay:var(--blyrics-anim-delay);transform:translateY(-4%)}.blyrics--wave-path{transform-box:fill-box;transform-origin:bottom;transform:scaleY(1.2);d:var(--blyrics-instrumental-wave-path-high)}.blyrics-container[data-browser-engine=gecko] .blyrics--wave-path{transform-box:view-box;transform-origin:0 4px}.blyrics--instrumental.blyrics--animating:not(.blyrics--paused) .blyrics--wave-path{transform:scaleY(0);transition-property:transform;transition-duration:calc(var(--blyrics-duration, 1ms) * 1);transition-timing-function:ease-in;transition-delay:var(--blyrics-anim-delay)}.blyrics--instrumental.blyrics--animating.blyrics--paused .blyrics--wave-path{transform:scaleY(.0001);transition-duration:10000000000s;transition-property:transform;transition-timing-function:ease-out;transition-delay:0s}.blyrics-container[data-layout=stage]{position:absolute!important;top:0;right:0;bottom:0;left:0;padding:0!important;overflow:visible;pointer-events:none}.blyrics-container[data-layout=stage]>:is(.blyrics--line,.blyrics-credits){position:absolute!important;top:0;right:0;left:0;width:fit-content;max-width:100%;margin:0 auto!important;padding:.1em .25em!important}@layer braccato-stage{.blyrics-container[data-layout=stage]>:is(.blyrics--line,.blyrics-credits){opacity:var(--blyrics-stage-opacity, 0)!important}.blyrics-container[data-layout=stage]>:is(.blyrics--line,.blyrics-credits):not([data-stage-visible]){visibility:hidden!important}}.blyrics-container[data-layout=stage]>:not(.blyrics--line,.blyrics-credits){display:none!important}.blyrics-container[data-layout=stage]>*{text-align:center;transform-origin:center center!important}.blyrics-container[data-layout=stage]>.blyrics--line>.blyrics--romanized{margin-right:auto;margin-left:auto}.blyrics-container[data-layout=stage][data-stage-duet]>.blyrics--line:not([data-agent=v2],[data-agent=v3],[data-agent=v1000]):not([data-direction=rtl]),.blyrics-container[data-layout=stage][data-stage-duet]>.blyrics--line:is([data-agent=v2],[data-agent=v3])[data-direction=rtl]{margin:0 auto 0 0!important;text-align:left;transform-origin:left center!important}.blyrics-container[data-layout=stage][data-stage-duet]>.blyrics--line:not([data-agent=v2],[data-agent=v3],[data-agent=v1000]):not([data-direction=rtl])>.blyrics--romanized,.blyrics-container[data-layout=stage][data-stage-duet]>.blyrics--line:is([data-agent=v2],[data-agent=v3])[data-direction=rtl]>.blyrics--romanized{margin-left:0}.blyrics-container[data-layout=stage][data-stage-duet]>.blyrics--line:is([data-agent=v2],[data-agent=v3]):not([data-direction=rtl]),.blyrics-container[data-layout=stage][data-stage-duet]>.blyrics--line:not([data-agent=v2],[data-agent=v3],[data-agent=v1000])[data-direction=rtl]{margin:0 0 0 auto!important;text-align:right;transform-origin:right center!important}.blyrics-container[data-layout=stage][data-stage-duet]>.blyrics--line:is([data-agent=v2],[data-agent=v3]):not([data-direction=rtl])>.blyrics--romanized,.blyrics-container[data-layout=stage][data-stage-duet]>.blyrics--line:not([data-agent=v2],[data-agent=v3],[data-agent=v1000])[data-direction=rtl]>.blyrics--romanized{margin-right:0}.bh{color:var(--bh-text, rgba(255, 255, 255, .95))}.bh span{font:inherit;line-height:inherit;letter-spacing:inherit}.bh .bh-bgText{color:var(--bh-bgText, rgba(255, 255, 255, .82));font-style:var(--bh-bgText-style, italic)}.bh .bh-timestamp{color:var(--bh-timestamp, rgba(165, 180, 252, .7))}.bh .bh-wordTime{color:var(--bh-wordTime, rgba(165, 180, 252, .52))}.bh .bh-agent{color:var(--bh-agent, rgba(252, 211, 77, .45))}.bh .bh-meta{color:var(--bh-meta, rgba(249, 168, 212, .38))}.bh .bh-tag{color:var(--bh-tag, rgba(255, 255, 255, .26))}.bh .bh-attr{color:var(--bh-attr, rgba(255, 255, 255, .22))}.bh .bh-value{color:var(--bh-value, rgba(134, 239, 172, .3))}.bh .bh-punct{color:var(--bh-punct, rgba(255, 255, 255, .16))}.bh .bh-comment{color:var(--bh-comment, rgba(255, 255, 255, .2));font-style:italic}.bh-edit>.bh-layer>.bh-line::highlight(bh-bgText){color:var(--bh-bgText-editor, rgba(255, 255, 255, .65))}.bh-edit>.bh-layer>.bh-line::highlight(bh-timestamp){color:var(--bh-timestamp, rgba(165, 180, 252, .7))}.bh-edit>.bh-layer>.bh-line::highlight(bh-wordTime){color:var(--bh-wordTime, rgba(165, 180, 252, .52))}.bh-edit>.bh-layer>.bh-line::highlight(bh-agent){color:var(--bh-agent, rgba(252, 211, 77, .45))}.bh-edit>.bh-layer>.bh-line::highlight(bh-meta){color:var(--bh-meta, rgba(249, 168, 212, .38))}.bh-edit>.bh-layer>.bh-line::highlight(bh-tag){color:var(--bh-tag, rgba(255, 255, 255, .26))}.bh-edit>.bh-layer>.bh-line::highlight(bh-attr){color:var(--bh-attr, rgba(255, 255, 255, .22))}.bh-edit>.bh-layer>.bh-line::highlight(bh-value){color:var(--bh-value, rgba(134, 239, 172, .3))}.bh-edit>.bh-layer>.bh-line::highlight(bh-punct){color:var(--bh-punct, rgba(255, 255, 255, .16))}.bh-edit>.bh-layer>.bh-line::highlight(bh-comment){color:var(--bh-comment, rgba(255, 255, 255, .2))}.bh-edit{position:relative}.bh-edit>.bh-layer,.bh-edit>.bh-input{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:none}.bh-edit>.bh-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;overflow-anchor:none;pointer-events:none;border-style:solid;border-color:transparent}.bh-edit>.bh-layer>.bh-line{display:block;unicode-bidi:inherit}.bh-edit>.bh-layer>.bh-line+.bh-line{text-indent:0}.bh-edit>.bh-input{position:relative;display:block;box-sizing:border-box;width:100%;resize:none;background:transparent;color:transparent;caret-color:var(--bh-caret, #fff)}.bh-edit>.bh-input::selection{background:var(--bh-selection, rgba(165, 180, 252, .28));color:transparent}.bh-edit>.bh-input::placeholder{color:var(--bh-placeholder, rgba(255, 255, 255, .35))}.bh-edit>.bh-layer::-webkit-scrollbar,.bh-edit>.bh-input::-webkit-scrollbar{display:none}@property --glow-a{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --glow-b{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --glow-x{syntax: "<percentage>"; inherits: true; initial-value: 15%;}:root{--paper: oklch(.975 .002 40);--paper-2: oklch(.945 .003 40);--card: oklch(1 0 0);--ink: oklch(.19 .008 30);--ink-2: oklch(.42 .008 30);--ink-3: oklch(.53 .007 30);--accent: oklch(.7 .18 33);--accent-ink: oklch(.52 .19 30);--good: oklch(.5 .12 150);--bad: oklch(.52 .19 28);--hair: oklch(.19 .008 30 / .1);--hair-strong: oklch(.19 .008 30 / .22);--panel: oklch(.17 .007 30);--on-panel: oklch(.975 .003 40);--on-panel-2: oklch(.76 .008 40);--on-panel-3: oklch(.6 .008 40);--hair-dark: oklch(1 0 0 / .09);--display: "Cabinet Grotesk", ui-sans-serif, sans-serif;--body: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--inset: 16px;--r-panel: 28px;--r-card: 16px;--r-control: 12px;--ease: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.2, 0, 0, 1);--shadow-soft: 0 1px 2px oklch(.2 .02 30 / .06)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;overflow-x:hidden}h1,h2,h3{margin:0;text-wrap:balance}h1,h2{font-family:var(--display);font-weight:800;letter-spacing:-.04em}h3{font-size:1rem;font-weight:600;letter-spacing:-.01em}p{margin:0;text-wrap:pretty}a{color:inherit;text-decoration-thickness:from-font;text-underline-offset:.22em;text-decoration-color:var(--hair-strong);transition:text-decoration-color .15s var(--ease-out)}a:hover{text-decoration-color:currentColor}code{font-family:var(--mono);font-size:.84em}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.stage :focus-visible{outline-color:var(--on-panel)}.icon{display:block;flex:none;width:1em;height:1em;fill:currentColor}.sprite{position:absolute;width:0;height:0;overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:12px;left:12px;z-index:10;padding:10px 16px;border-radius:999px;background:var(--ink);color:var(--paper);text-decoration:none;translate:0 -200%}.skip:focus-visible{translate:0 0}.layout{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);grid-template-areas:"story stage"}.story{grid-area:story;min-width:0;padding-inline:clamp(24px,4vw,64px) clamp(24px,3.2vw,56px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;text-decoration:none}.wordmark img{border-radius:50%;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}.wordmark__version{padding:2px 8px;border-radius:999px;background:var(--paper-2);color:var(--ink-3);font-family:var(--mono);font-size:.72rem;font-weight:400;letter-spacing:0;font-variant-numeric:tabular-nums}.topbar nav{display:flex;gap:4px}.topbar nav a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding-inline:12px;border-radius:999px;color:var(--ink-2);font-size:.94rem;text-decoration:none;transition:color .15s var(--ease-out),background-color .15s var(--ease-out)}.topbar nav a:hover{color:var(--ink);background:var(--paper-2)}@media(max-width:640px){.topbar nav a{justify-content:center;width:40px;padding-inline:0;font-size:1.1rem}.topbar__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.hero{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:28px;min-height:calc(100dvh - 72px);padding-block:24px 96px}.hero h1{max-width:14ch;font-size:clamp(2.75rem,4.2vw,4.5rem);line-height:.98;text-wrap:balance}.hero h1 em{color:var(--accent-ink);font-style:normal}.hero>p{max-width:40ch;color:var(--ink-2);font-size:1.14rem}.actions{display:grid;justify-items:start;gap:20px;margin-top:8px}.primary{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:6px 24px 6px 6px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:600;box-shadow:0 1px 2px #1e131133,0 10px 24px -8px #1e131173;transition:scale .16s var(--ease-out),box-shadow .2s var(--ease-out)}.primary:hover{box-shadow:0 1px 2px #1e131133,0 16px 32px -10px #1e131180}.primary__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--ink);font-size:18px}.primary__label{white-space:nowrap}.primary__icon .icon,.transport__play .icon{grid-area:1 / 1;transition-property:opacity,scale,filter;transition-duration:.2s;transition-timing-function:var(--ease-out)}[data-playing=true] .icon--play,[data-playing=false] .icon--pause{opacity:0;scale:.25;filter:blur(4px)}.install{display:grid;gap:8px}.install__command{display:inline-flex;align-items:center;gap:4px;min-height:52px;padding:0 4px 0 20px;border-radius:999px;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--hair)}.install__command code{color:var(--ink);font-size:.86rem;white-space:nowrap}.install__prompt{color:var(--ink-3);-webkit-user-select:none;user-select:none}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--ink-2);font-size:18px;transition:background-color .15s var(--ease-out),color .15s var(--ease-out),scale .15s var(--ease-out)}.icon-button:hover{background:var(--card);color:var(--ink)}.icon-button .icon{grid-area:1 / 1;transition-property:opacity,scale,filter;transition-duration:.2s;transition-timing-function:var(--ease-out)}.icon-button:not([data-copied]) .icon--done,.icon-button[data-copied] .icon--idle{opacity:0;scale:.25;filter:blur(4px)}.chapter{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:22px;min-height:92dvh;max-width:62ch;padding-block:72px;scroll-margin-top:24px}.chapter--wide{max-width:none}.chapter h2{font-size:clamp(2rem,3.1vw,3rem);line-height:1.02}.chapter>p{color:var(--ink-2)}.chapter p code,.terms dd code,.hint code{padding:.1em .35em;border-radius:6px;background:var(--paper-2);color:var(--ink)}.aside{color:var(--ink-3);font-size:.94rem}.block{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:10px}.block>p{color:var(--ink-2)}.hint{color:var(--ink-3);font-size:.9rem}.status{min-height:1.6em;color:var(--ink-2);font-size:.9rem}.status:empty{display:none}.status[data-tone=good]{color:var(--good)}.status[data-tone=bad]{color:var(--bad)}.row{display:flex;flex-wrap:wrap;gap:10px}.code{position:relative}.code pre,.array{margin:0;padding:18px 20px;border-radius:var(--r-card);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--hair);overflow-x:auto;font-family:var(--mono);font-size:.8rem;line-height:1.7;-moz-tab-size:2;tab-size:2}.code pre code{font-size:inherit}.code .icon-button{position:absolute;top:6px;right:6px;width:40px;height:40px;font-size:17px}.c-c{color:var(--ink-3)}.c-s{color:#2c6d3e}.c-t,.c-k{color:#375292}.c-b{color:var(--ink);font-weight:500}.c-n,.c-a{color:#915b00;color:oklch(.52 .12 70)}.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-inline:16px;border:0;border-radius:999px;background:var(--card);color:var(--ink);font-size:.94rem;font-weight:500;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--hair),var(--shadow-soft);transition:box-shadow .15s var(--ease-out),background-color .15s var(--ease-out),color .15s var(--ease-out),scale .15s var(--ease-out)}.chip:hover{box-shadow:inset 0 0 0 1px var(--hair-strong),0 2px 6px #1e131114}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:none}.chip .icon{color:var(--ink-2);font-size:17px}.primary:active,.chip:active,.icon-button:active,.preset:active,.song:active,.transport__play:active,.resume:active{scale:.96}.input{width:100%;min-height:44px;padding:0 16px;border:0;border-radius:var(--r-control);background:var(--card);box-shadow:inset 0 0 0 1px var(--hair);font-size:.94rem;transition:box-shadow .15s var(--ease-out)}.input:hover{box-shadow:inset 0 0 0 1px var(--hair-strong)}.input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ink)}.input::placeholder{color:var(--ink-3)}.input--area{min-height:104px;padding:12px 16px;font-family:var(--mono);font-size:.8rem;line-height:1.6;resize:vertical}.url{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.paste{display:grid;justify-items:start;gap:10px}.paste .bh-edit{--bh-text: var(--ink);--bh-bgText: var(--ink-2);--bh-timestamp: oklch(.5 .15 275);--bh-wordTime: oklch(.5 .15 275 / .7);--bh-agent: oklch(.56 .13 70);--bh-meta: oklch(.55 .16 350);--bh-tag: oklch(.19 .008 30 / .45);--bh-attr: oklch(.19 .008 30 / .4);--bh-value: oklch(.5 .12 150);--bh-punct: oklch(.19 .008 30 / .32);--bh-comment: oklch(.19 .008 30 / .4);--bh-caret: var(--ink);--bh-selection: oklch(.6 .12 275 / .25);--bh-placeholder: var(--ink-3);justify-self:stretch;border-radius:var(--r-control);background:var(--card)}.seg{position:relative;display:inline-grid;grid-auto-flow:column;justify-self:start;gap:4px;min-width:0;max-width:100%;margin:0;padding:4px;border:0;border-radius:999px;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--hair);overflow-x:auto;scrollbar-width:none}.seg--scroll label span{padding-inline:14px}.seg label{position:relative;z-index:1;display:grid;cursor:pointer}.seg input{position:absolute;opacity:0;pointer-events:none}.seg label span{display:grid;place-items:center;min-height:40px;padding-inline:18px;border-radius:999px;color:var(--ink-2);font-weight:500;white-space:nowrap;transition:color .15s var(--ease-out)}.seg label:hover span,.seg input:checked+span{color:var(--ink)}.seg input:focus-visible+span{outline:2px solid var(--ink);outline-offset:-2px}.seg--small label span{min-height:32px;padding-inline:12px;font-family:var(--mono);font-size:.8rem}.seg__thumb,.rail__pill{position:absolute;left:0;width:var(--w, 0);translate:var(--x, 0) 0;border-radius:999px;opacity:var(--o, 0);pointer-events:none;transition:translate .48s var(--ease),width .48s var(--ease),opacity .24s var(--ease-out)}.seg__thumb{top:4px;bottom:4px;background:var(--card);box-shadow:0 1px 3px #1e131124}.switch{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch__track{position:relative;width:40px;height:24px;margin-top:1px;border-radius:999px;background:var(--hair-strong);transition:background-color .2s var(--ease-out)}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--card);box-shadow:0 1px 3px #1e13114d;transition:translate .28s var(--ease)}.switch input:checked+.switch__track{background:var(--ink)}.switch input:checked+.switch__track:after{translate:16px 0}.switch input:focus-visible+.switch__track{outline:2px solid var(--ink);outline-offset:3px}.switch:has(input:disabled){opacity:.5;cursor:not-allowed}.switch__text{display:grid;gap:2px}.switch__text b{font-weight:600}.switch__text span{color:var(--ink-3);font-size:.9rem}.field{display:grid;gap:10px}.field__row{display:flex;justify-content:space-between;align-items:baseline;font-weight:600}.field__row output{color:var(--ink-2);font-family:var(--mono);font-size:.86rem;font-weight:400;font-variant-numeric:tabular-nums}.slider,.transport__seek{--fill-color: var(--ink);--rest-color: var(--hair-strong);width:100%;height:24px;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider::-webkit-slider-runnable-track,.transport__seek::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--fill-color) calc(var(--seek-progress, 0) * 100%),var(--rest-color) calc(var(--seek-progress, 0) * 100%))}.slider::-moz-range-track,.transport__seek::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--fill-color) calc(var(--seek-progress, 0) * 100%),var(--rest-color) calc(var(--seek-progress, 0) * 100%))}.slider::-webkit-slider-thumb,.transport__seek::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border-radius:50%;background:var(--fill-color);box-shadow:0 1px 4px #0000004d;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-moz-range-thumb,.transport__seek::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--fill-color)}.songs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.song{display:grid;align-content:start;gap:4px;padding:14px 16px;border:0;border-radius:var(--r-card);background:var(--card);text-align:start;box-shadow:inset 0 0 0 1px var(--hair);transition:box-shadow .2s var(--ease-out),scale .15s var(--ease-out)}.song:hover{box-shadow:inset 0 0 0 1px var(--hair-strong)}.song[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ink),0 6px 16px -8px #1e131159}.song b{font-family:var(--display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.song span{color:var(--ink-3);font-size:.86rem;line-height:1.45}.presets{display:grid;grid-template-columns:repeat(4,minmax(84px,1fr));gap:8px;overflow-x:auto;scrollbar-width:none}.preset{display:grid;gap:8px;padding:6px 6px 10px;border:0;border-radius:var(--r-card);background:var(--card);text-align:start;box-shadow:inset 0 0 0 1px var(--hair);transition:box-shadow .2s var(--ease-out),scale .15s var(--ease-out)}.preset:hover{box-shadow:inset 0 0 0 1px var(--hair-strong)}.preset[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ink),0 6px 16px -8px #1e131159}.preset__sample{display:grid;align-content:end;height:60px;padding:8px 10px;border-radius:calc(var(--r-card) - 6px);white-space:nowrap;background:var(--panel);color:var(--on-panel);font-family:Satoshi,ui-sans-serif,sans-serif;font-size:.82rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;overflow:hidden}.preset__sample span+span{color:#f7f4f338}.preset__name{padding-inline:4px;font-size:.82rem;font-weight:600;white-space:nowrap}.preset[data-theme=better-lyrics] .preset__sample span:first-child{text-shadow:0 0 12px oklch(1 0 0 / .6)}.preset[data-theme=sustain] .preset__sample{font-weight:600}.preset[data-theme=sustain] .preset__sample span+span{color:#f7f4f3cc;filter:blur(1.5px)}.preset[data-theme=karaoke] .preset__sample span+span{color:transparent}.preset[data-theme=karaoke] .preset__sample i{color:#f7f4f3b3;font-style:normal}.editor{--editor-pad-block: 16px;--editor-pad-inline: 18px;position:relative;display:grid;border-radius:var(--r-card);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--hair);font-family:var(--mono);font-size:.78rem;line-height:1.7;-moz-tab-size:2;tab-size:2;transition:box-shadow .15s var(--ease-out)}.editor:focus-within{box-shadow:inset 0 0 0 2px var(--ink)}.editor__paint,.editor__input{margin:0;padding:var(--editor-pad-block) var(--editor-pad-inline);border:0;background:transparent;font:inherit;letter-spacing:inherit;-moz-tab-size:inherit;tab-size:inherit;white-space:pre-wrap;overflow-wrap:break-word}.editor__paint{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;color:var(--ink);pointer-events:none;padding-inline-end:calc(var(--editor-pad-inline) + var(--editor-gutter, 0px))}.editor__input{position:relative;min-height:320px;caret-color:var(--ink);resize:vertical}.editor__input:focus-visible{outline:none}.editor__input[data-painted]{color:transparent}.disclosure summary{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-weight:600;cursor:pointer;list-style:none}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:before{content:"";width:7px;height:7px;margin-inline:2px 4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:-45deg;transition:rotate .24s var(--ease)}.disclosure[open] summary:before{rotate:45deg}.disclosure>:not(summary){margin-top:12px}.array{max-height:360px;overflow:auto;color:var(--ink-2);white-space:pre}.formats{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.formats li{display:grid;place-items:center;min-height:32px;padding-inline:12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--hair);font-family:var(--mono);font-size:.78rem}.drop{display:grid;justify-items:center;gap:6px;padding:32px 20px;border:1.5px dashed var(--hair-strong);border-radius:var(--r-card);color:var(--ink-2);text-align:center;cursor:pointer;transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out)}.drop:hover{border-color:var(--ink);background:var(--card)}.drop:has(:focus-visible){outline:2px solid var(--ink);outline-offset:3px}.drop .icon{font-size:28px}.drop strong{color:var(--ink);font-weight:600}.panel{display:grid;gap:16px}.panel[hidden]{display:none}.terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px 28px;margin:0}.terms>div{display:grid;align-content:start;gap:4px}.terms dt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.terms dt code{color:var(--ink);font-size:.86rem;font-weight:500;overflow-wrap:anywhere}.terms__meta{color:var(--ink-3);font-family:var(--mono);font-size:.74rem}.terms dd{margin:0;color:var(--ink-2);font-size:.92rem}.more{display:inline-flex;align-items:center;justify-self:start;gap:8px;font-weight:600;text-decoration:none}.more .icon{transition:translate .2s var(--ease)}.more:hover .icon{translate:3px 0}.cards{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.card{display:grid;align-content:start;gap:14px;padding:20px;border-radius:var(--r-card);background:var(--card);box-shadow:inset 0 0 0 1px var(--hair),var(--shadow-soft)}.verdict{font-weight:500}.verdict[data-state=pass]{color:var(--good)}.verdict[data-state=fail]{color:var(--bad)}.readout{display:grid;gap:10px;margin:0}.readout>div{display:grid;gap:2px}.readout dt{color:var(--ink-3);font-size:.82rem}.readout dd{margin:0;font-family:var(--mono);font-size:.8rem;overflow-wrap:anywhere}.readout dd[data-state=fail]{color:var(--bad)}.readout dd[data-state=off]{color:var(--ink-3)}.log{display:grid;gap:2px;max-height:280px;margin:0;padding:0;overflow-y:auto;list-style:none;font-family:var(--mono);font-size:.78rem}.log:empty:before{content:"Nothing yet. Play the song or click a line.";color:var(--ink-3);font-family:var(--body);font-size:.9rem}.log li{display:grid;grid-template-columns:3.5em 9.5em minmax(0,1fr);gap:8px;padding:6px 8px;border-radius:8px}.log li:nth-child(odd){background:var(--paper)}.log__at{color:var(--ink-3);font-variant-numeric:tabular-nums}.log b{font-weight:500}.log li[data-phase=error] b,.log li[data-phase=error] .log__detail{color:var(--bad)}.log__detail{color:var(--ink-2);overflow-wrap:anywhere}.colophon{display:grid;gap:16px;max-width:62ch;padding-block:40px 56px;border-top:1px solid var(--hair);color:var(--ink-3);font-size:.9rem}.ecosystem{display:inline-flex;align-items:center;justify-self:start;gap:10px;min-height:40px;text-decoration:none}.ecosystem img{border-radius:50%;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}.ecosystem strong{color:var(--ink-2);font-weight:600;transition:color .15s var(--ease-out)}.ecosystem:hover strong{color:var(--ink)}.stage{grid-area:stage;align-self:start;position:sticky;top:var(--inset);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"rail" "caption" "view" "transport";height:calc(100dvh - var(--inset) * 2);margin:var(--inset) var(--inset) var(--inset) 0;border-radius:var(--r-panel);background:radial-gradient(90% 70% at var(--glow-x) 108%,var(--glow-a),transparent 70%),radial-gradient(70% 60% at 100% -10%,var(--glow-b),transparent 70%),var(--panel);box-shadow:0 1px #ffffff0f inset,0 30px 60px -30px #22110e80;color:var(--on-panel);isolation:isolate;overflow:hidden;color-scheme:dark;transition:--glow-a 1.1s var(--ease),--glow-b 1.1s var(--ease),--glow-x 1.1s var(--ease);--glow-a: oklch(.6 .17 32 / .34);--glow-b: oklch(.7 .12 65 / .14);--glow-x: 12%;--blyrics-font-family: "Satoshi", ui-sans-serif, sans-serif;--blyrics-font-size: clamp(1.75rem, 3.4vw, 3.5rem);--blyrics-translated-font-size: calc(var(--blyrics-font-size) * .48);--blyrics-font-weight: 700;--blyrics-line-height: 1.14;--blyrics-padding: .72rem;--blyrics-blur-amount: 0px;--blyrics-lyric-active-color: oklch(.97 .003 40);--blyrics-lyric-inactive-color: oklch(.97 .003 40 / .22);--blyrics-translated-color: oklch(.97 .003 40 / .6);--blyrics-word-wobble-transform-from: translateY(0);--blyrics-word-wobble-transform-peak: translateY(-.005em);--blyrics-word-wobble-transform-settle: translateY(-.028em);--blyrics-word-wobble-transform-to: translateY(-.0375em)}.stage[data-chapter=lines]{--glow-a: oklch(.5 .12 25 / .3);--glow-b: oklch(.6 .02 40 / .14);--glow-x: 88%}.stage[data-chapter=duets]{--glow-a: oklch(.6 .17 32 / .34);--glow-b: oklch(.72 .13 65 / .26);--glow-x: 0%}.stage[data-chapter=stage]{--glow-a: oklch(.6 .17 32 / .22);--glow-b: oklch(.72 .13 65 / .12);--glow-x: 50%}.stage[data-chapter=themes]{--glow-a: oklch(.5 .01 40 / .3);--glow-b: oklch(.5 .01 40 / .15);--glow-x: 50%}.stage:is([data-chapter=formats],[data-chapter=playback],[data-chapter=reference],[data-chapter=light-dom]){--glow-a: oklch(.55 .02 40 / .3);--glow-b: oklch(.6 .17 32 / .12);--glow-x: 70%}.rail{grid-area:rail;position:relative;display:flex;gap:2px;padding:14px 16px 0;overflow-x:auto;scrollbar-width:none}.rail a{position:relative;z-index:1;display:grid;place-items:center;flex:none;min-height:40px;padding-inline:12px;border-radius:999px;color:var(--on-panel-3);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .15s var(--ease-out)}.rail a:hover,.rail a[aria-current]{color:var(--on-panel)}.rail__pill{top:14px;height:40px;background:#ffffff17}.caption{grid-area:caption;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-height:44px;margin:8px 28px 0;border-bottom:1px solid var(--hair-dark);color:var(--on-panel-2);font-size:.86rem}.caption__label{color:var(--on-panel);font-weight:600}.caption__sep{width:1px;height:14px;background:var(--hair-dark)}.view{grid-area:view;min-height:0;padding-inline:clamp(20px,3vw,44px);overflow:hidden;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 84%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 84%,transparent)}.view::-webkit-scrollbar{display:none}[data-view-scroll=on] .view{overflow-y:auto}.view braccato-lyrics{transition-property:opacity,translate,filter;transition-duration:.46s;transition-timing-function:var(--ease)}.view[data-swapping] braccato-lyrics{opacity:0;translate:0 12px;filter:blur(8px);transition-duration:.2s;transition-timing-function:var(--ease-out);pointer-events:none}.stage[data-layout=stage] .view{--stage-top: 24px;--stage-side: clamp(28px, 3vw, 44px);--stage-bottom: 28px;position:relative;overflow:hidden;-webkit-mask-image:none;mask-image:none}.stage[data-layout=stage] .view braccato-lyrics{position:absolute;inset:var(--stage-top) var(--stage-side) var(--stage-bottom)}.plate{display:none}.stage[data-layout=stage] .plate{--plate-pad-x: 14px;--plate-pad-y: 8px;display:block;position:absolute;top:calc(var(--stage-top) - var(--plate-pad-y));left:calc(var(--stage-side) - var(--plate-pad-x));width:calc(var(--plate-w, 0px) + var(--plate-pad-x) * 2);height:calc(var(--plate-h, 0px) + var(--plate-pad-y) * 2);translate:var(--plate-x, 0px) var(--plate-y, 0px);border-radius:var(--r-card);background:#120e0e6b;box-shadow:inset 0 0 0 1px #ffffff0f,0 12px 32px -12px #00000080;-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out)}.stage[data-layout=stage] .plate[data-shown]{opacity:1;transition:opacity .3s var(--ease-out) 70ms,translate .38s var(--ease-out),width .38s var(--ease-out),height .38s var(--ease-out)}.stage[data-layout=stage] .view[data-swapping] .plate{opacity:0;transition:opacity .2s var(--ease-out)}.scene{grid-area:view;position:relative;margin:4px 12px 12px;border-radius:var(--r-card);background:#1b1412;opacity:0;overflow:hidden;pointer-events:none;transition:opacity .46s var(--ease)}.scene:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(40% 45% at 30% 35%,oklch(.55 .14 32 / .45),transparent 70%),radial-gradient(35% 40% at 70% 60%,oklch(.65 .11 65 / .3),transparent 70%),radial-gradient(45% 50% at 55% 20%,oklch(.45 .04 40 / .4),transparent 70%)}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,oklch(.12 .006 30 / .55))}.stage[data-layout=stage] .scene{opacity:1}.stage__status{grid-area:view;z-index:1;align-self:center;justify-self:center;max-width:36ch;padding:24px;color:var(--on-panel-2);text-align:center;white-space:pre-line}.stage__status[hidden]{display:none}.stage__status[data-failed]{color:#ffa194;color:oklch(.8 .12 28)}.resume{grid-area:view;align-self:end;justify-self:center;z-index:1;min-height:40px;margin-bottom:16px;padding-inline:18px;border:0;border-radius:999px;background:var(--on-panel);color:var(--panel);font-size:.9rem;font-weight:600;box-shadow:0 8px 24px #0006;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out),translate .32s var(--ease),scale .15s var(--ease-out)}.resume[data-shown]{opacity:1;pointer-events:auto}.transport{grid-area:transport;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 12px 12px;padding:8px 18px 8px 8px;border-radius:20px;background:#1c1716b8;box-shadow:inset 0 0 0 1px var(--hair-dark);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4)}.transport__play{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:var(--accent);color:var(--panel);font-size:18px;transition:scale .15s var(--ease-out)}.transport__song{--caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 256 256'%3E%3Cpath fill='%23b9b4b0' d='M213.7 101.7l-80 80a8 8 0 0 1-11.4 0l-80-80a8 8 0 0 1 11.4-11.4L128 164.7l74.3-74.4a8 8 0 0 1 11.4 11.4Z'/%3E%3C/svg%3E");--check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E");min-height:40px;max-width:14em;padding:0 32px 0 12px;border:0;border-radius:10px;background:#ffffff0f var(--caret) no-repeat right 12px center;font-size:.92rem;font-weight:500;text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:background-color .15s var(--ease-out)}.transport__song:hover{background-color:#ffffff1a}.transport__song option{background:var(--panel)}@supports (appearance: base-select){.transport__song,.transport__song::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}.transport__song{min-inline-size:0;align-items:center;gap:8px;padding-inline:12px 10px;background-image:none}.transport__song::picker-icon{content:"";width:12px;height:12px;background-color:var(--on-panel-2);mask:var(--caret) center / contain no-repeat}.transport__song:open::picker-icon{rotate:180deg}.transport__song selectedcontent{display:flex;align-items:center;gap:8px;min-width:0}.transport__song selectedcontent .icon{color:var(--on-panel-2);font-size:16px}.transport__song selectedcontent b{overflow:hidden;font-weight:inherit;text-overflow:ellipsis;white-space:nowrap}.transport__song selectedcontent span{display:none}.transport__song::picker(select){inline-size:min(22rem,100% - 8px);margin-block:8px;padding:6px;border:0;border-radius:var(--r-card);background:#1c1716eb;color:var(--on-panel);color-scheme:dark;box-shadow:inset 0 0 0 1px var(--hair-dark),0 20px 48px -16px #0009;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);position-area:block-end span-inline-end;position-try-order:most-block-size;position-try-fallbacks:flip-block}.transport__song option{display:grid;grid-template-columns:18px minmax(0,1fr) 14px;grid-template-areas:"icon title check" ". summary check";align-items:center;gap:2px 12px;padding:10px 12px;border-radius:10px;background:transparent;white-space:normal;cursor:pointer;transition:background-color .15s var(--ease-out)}.transport__song option:hover{background-color:#ffffff12}.transport__song option:focus-visible{outline-offset:-2px}.transport__song option .icon{grid-area:icon;color:var(--on-panel-2);font-size:18px}.transport__song option b{grid-area:title;font-weight:600;line-height:1.3}.transport__song option span{grid-area:summary;color:var(--on-panel-3);font-size:.8rem;line-height:1.4}.transport__song option::checkmark{grid-area:check;content:"";width:14px;height:14px;background-color:currentColor;mask:var(--check) center / contain no-repeat}}.transport__seek{--fill-color: var(--on-panel);--rest-color: oklch(1 0 0 / .14)}.transport__clock{color:var(--on-panel-2);font-family:var(--mono);font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap}.dropzone{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#f8f6f6cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--display);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;letter-spacing:-.03em;pointer-events:none}.dropzone[hidden]{display:none}.dropzone p{padding:40px 56px;border:2px dashed var(--ink);border-radius:var(--r-panel)}braccato-lyrics{display:block}.blyrics-container{padding-top:var(--blyrics-padding-top, 2rem)}.blyrics--leaving{animation:blyrics-decoration-out calc(var(--blyrics-animate-decoration-entry) * .25s) cubic-bezier(.25,1,.5,1) both}@keyframes blyrics-decoration-out{to{opacity:0;transform:translateY(-.4em)}}braccato-lyrics[data-credits-hidden] .blyrics-credits{display:none}[data-page-rules=on] .blyrics-container{letter-spacing:var(--demo-lyric-tracking, -1px)}.blyrics-word-highlight:not([data-long-word]){--blyrics-glow-color: transparent}@media(prefers-reduced-motion:no-preference){.hero>*{animation:rise .9s var(--ease) both}.hero>:nth-child(2){animation-delay:90ms}.hero>:nth-child(3){animation-delay:.18s}.stage{animation:appear .9s var(--ease) .12s both}.resume{translate:0 10px}.resume[data-shown]{translate:0 0}.log li{animation:slip .24s var(--ease) both}.stage[data-layout=stage] .scene:before{animation:drift 36s ease-in-out infinite alternate}.transport__song::picker-icon{transition:rotate .2s var(--ease-out)}.transport__song::picker(select){opacity:0;transition-property:opacity,display,overlay;transition-duration:.12s;transition-timing-function:var(--ease-out);transition-behavior:allow-discrete}.transport__song:open::picker(select){opacity:1;transition-duration:.18s}}@starting-style{.transport__song:open::picker(select){opacity:0}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.chapter>*{animation:reveal linear both;animation-timeline:view();animation-range:entry 10% entry 60%}}}@keyframes reveal{0%{opacity:0;translate:0 28px;filter:blur(6px)}}@keyframes rise{0%{opacity:0;translate:0 24px;filter:blur(6px)}}@keyframes appear{0%{opacity:0}}@keyframes drift{to{translate:12% -8%;rotate:14deg}}@keyframes slip{0%{opacity:0;translate:0 -5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage,.view braccato-lyrics,.rail__pill,.seg__thumb,.switch__track:after,.scene,.stage[data-layout=stage] .plate,.stage[data-layout=stage] .plate[data-shown]{transition:none}}@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "story"}.stage{top:8px;z-index:2;height:46dvh;margin:8px;border-radius:22px;box-shadow:0 -8px 0 8px var(--paper),0 20px 40px -24px #22110e80;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"caption" "view" "transport";--blyrics-font-size: clamp(1.5rem, 6.4vw, 2rem)}.rail{display:none}.caption{min-height:36px;margin:6px 18px 0;font-size:.8rem}.transport{gap:10px;margin:0 8px 8px;padding:6px 12px 6px 6px}.transport__song{max-width:8.5em}.transport__clock{font-size:.72rem}.story{padding-inline:20px}.topbar{height:64px}.hero{min-height:auto;padding-block:24px 64px}.hero h1{font-size:clamp(2.25rem,10vw,3rem)}.chapter{min-height:70dvh;padding-block:48px;scroll-margin-top:calc(46dvh + 24px)}.songs{grid-template-columns:minmax(0,1fr)}.seg label span{padding-inline:14px}.install__command code{font-size:.78rem}}
