@font-face{font-family:tiny5;src:url(../tiny5/Tiny5-Regular.ttf) format("truetype"),url(../tiny5/Tiny5-Regular.woff2) format("woff2"),url(../tiny5/Tiny5-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:match7;src:url(../match7/Match7.ttf) format("truetype"),url(../match7/Match7.woff2) format("woff2"),url(../match7/Match7.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:nope8;src:url(../nope8/Nope8.ttf) format("truetype"),url(../nope8/Nope8.woff2) format("woff2"),url(../nope8/Nope8.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--px-font: "tiny5", sans-serif;--px7-font: "match7", sans-serif;--px8-font: "nope8", sans-serif;--mono-font: Menlo, "DejaVu Sans Mono", ui-monospace, "Fira Code", "Cascadia Code", "Source Code Pro", Consolas, monospace;--px: .25rem;--minus-px: -.25rem;--white: #ffffff;--white-transparent: rgb(232 232 255 / .3);--active-white: rgb(255 255 255 / .9);--bg-color: #d5d8e3;--black: #000000;--gray-1: oklch(95% .01 250);--gray-2: oklch(85% .01 250);--gray-3: oklch(75% .01 250);--gray-4: oklch(60% .01 250);--gray-5: oklch(50% .01 250);--gray-6: oklch(40% .01 250);--gray-7: oklch(30% .01 250);--gray-8: oklch(20% .01 250);--content-max-width: 70rem;font-optical-sizing:auto;font-family:var(--px-font);line-height:1.3;font-weight:400;background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--gray-4) transparent}.px7-font{font-family:var(--px7-font);line-height:.875;font-size:1.25em}.px8-font{font-family:var(--px8-font);line-height:1.125;font-size:1.125em}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:81.25%;scrollbar-gutter:stable;background-image:url(../bg.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@media (min-width: 600px){html{font-size:100%}}@media (min-width: 1800px){html{font-size:112.5%}}body{font-size:1.5rem}@media (min-width: 860px){body{padding:2rem}}@media (min-width: 1000px){body{padding:3rem}}button{cursor:pointer}button:disabled{cursor:not-allowed}pre,input,button,textarea,select{font:inherit;border-radius:0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;color:inherit}pre,code{font-family:inherit;font-size:1.25rem;line-height:1}pre{max-width:100%;overflow:auto;scrollbar-color:var(--gray-4) transparent;scrollbar-width:thin;padding:.5rem 0}dialog{color:inherit;font:inherit;max-width:100%;max-height:100%;width:100%;height:100%;border:none}h1{font-size:2.5rem;line-height:1}h2{font-size:2.5rem;line-height:1;margin-bottom:2rem}h3{font-size:2.25rem;line-height:1;margin:2rem 0 1rem}a,a:visited,.text-link{color:var(--dark);text-decoration-color:var(--gray-3);text-decoration-line:underline}a:focus,a:hover,.text-link:focus,.text-link:hover{outline:none;color:var(--outline);text-decoration-color:var(--currentColor)}a:focus-visible,.text-link:focus-visible{outline:var(--px) solid currentColor;outline-offset:2px}b{text-decoration:underline}p+p{margin-top:1rem}.dragging{-webkit-user-select:none;user-select:none}:root,.blue{--outline: rgb(63, 63, 113);--light: rgb(150, 186, 242);--mid: rgb(112, 154, 248);--dark: rgb(94, 109, 218)}.red{--outline: rgb(113, 30, 30);--light: rgb(242, 140, 140);--mid: rgb(248, 100, 100);--dark: rgb(218, 70, 70)}.green{--outline: rgb(35, 72, 31);--light: rgb(74, 220, 67);--mid: rgb(64, 167, 57);--dark: rgb(42, 120, 35)}.yellow{--outline: rgb(88, 56, 7);--light: rgb(253, 251, 116);--mid: rgb(216, 200, 16);--dark: rgb(185, 165, 38)}.purple{--outline: rgb(66, 25, 92);--light: rgb(205, 151, 238);--mid: rgb(141, 73, 184);--dark: rgb(113, 58, 147)}.teal{--outline: rgb(0, 80, 80);--light: rgb(0, 220, 220);--mid: rgb(0, 180, 180);--dark: rgb(0, 130, 130)}.muted,*:disabled,.disabled{--outline: var(--gray-4);--light: var(--gray-1);--mid: var(--gray-2);--dark: var(--gray-3)}:root,.blue,.red,.green,.muted,.yellow,.teal{color:var(--outline)}.hidden{position:absolute;left:-200vw;opacity:0;pointer-events:none}.px-border{box-shadow:var(--px) 0 0 0 var(--border-color, var(--gray-4)),0 var(--px) 0 0 var(--border-color, var(--gray-4)),var(--minus-px) 0 0 0 var(--border-color, var(--gray-4)),0 var(--minus-px) 0 0 var(--border-color, var(--gray-4))}@keyframes fly-in{0%{transform:translateY(-2rem);opacity:0}to{transform:translateY(0);opacity:1}}.radio-input{--shine: transparent;--color: rgb(131, 126, 134);--highlight: rgb(158, 172, 183);display:inline-block;width:calc(6 * var(--px));height:calc(6 * var(--px))}.radio-input__bg{width:100%;height:100%;display:block}.radio-input:has(input:checked){--shine: rgb(110 235 48 / .4);--color: rgb(110, 235, 48);--highlight: rgb(255 255 255 / .5)}.rotary-input{--rotary-input-value: 0;width:calc(24 * var(--px));height:calc(24 * var(--px));display:inline-block;position:relative;overflow:hidden;cursor:grab}.rotary-input:focus-visible{outline:var(--px) solid var(--outline)}@keyframes rotary-input-shake{0%{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}to{transform:translate(0)}}.rotary-input--shaking{animation:rotary-input-shake .25s ease-in-out infinite}.rotary-input__bg{position:absolute;top:0;left:0;height:100%;width:auto;max-width:unset;margin-left:calc(var(--rotary-input-value) * -100%)}.dragging,.dragging .rotary-input{cursor:grabbing}.dataset-selector{display:flex;align-items:center;gap:.125rem;position:relative;padding-top:.5rem;padding-bottom:2.5rem}.dataset-selector__rotary{margin-right:7rem;position:relative;z-index:1}.dataset-selector__radios{position:absolute;left:3rem;top:calc(16 * var(--px))}.dataset-selector__label{display:flex;gap:.5rem;align-items:center;cursor:pointer;text-transform:uppercase;transform-origin:left center;position:absolute;top:0;left:0;padding-left:3.25rem;transform:rotate(var(--angle))}.dataset-selector__label:has(input:checked):focus-visible,.dataset-selector__label:hover{text-decoration:underline}.dataset-selector__label div{transform-origin:left center;line-height:1;transform:rotate(var(--opposite-angle))}.dataset-selector__label span{transform:rotate(var(--opposite-angle))}.dataset-selector__label:has(input:focus-visible) div{outline:var(--px) solid var(--outline);outline-offset:calc(1 * var(--px))}.ngrams-state{display:flex;flex-direction:column;justify-content:space-between;width:100%;gap:calc(2 * var(--px))}.ngrams-state__progress{height:calc(6 * var(--px));border:var(--px) solid var(--outline);padding:var(--px);position:relative;background-color:var(--gray-1)}.ngrams-state__bar{height:100%;width:0;background-color:var(--mid)}.ngrams-state__size,.ngrams-state__error{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;line-height:calc(4 * var(--px))}.ngrams-state__size{color:var(--gray-3)}.small-button{display:grid;place-items:center;width:calc(16 * var(--px));height:calc(18 * var(--px));color:var(--white);font-size:2rem;padding-left:var(--px);padding-bottom:calc(2 * var(--px));position:relative;z-index:1;font-family:var(--px-font)}.small-button__bg-wrapper{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}.small-button__tooltip{display:none}@media (hover: hover){.small-button__tooltip{display:block;position:absolute;bottom:100%;font-size:1.5rem;width:max-content;padding-bottom:var(--px);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;transform:translateY(calc(4 * var(--px)));color:var(--white)}.small-button__title{--border-color: var(--black);display:block;padding:0 calc(2 * var(--px));background-color:var(--gray-7);box-shadow:var(--px) 0 0 0 var(--border-color),0 var(--px) 0 0 var(--border-color),var(--minus-px) 0 0 0 var(--border-color),0 var(--minus-px) 0 0 var(--border-color)}.small-button:not(:disabled):focus-visible .small-button__tooltip,.small-button:not(:disabled):hover .small-button__tooltip{opacity:1;transform:none;pointer-events:all}}.small-button:focus-visible{outline:var(--px) solid var(--outline)}.small-button__bg{position:absolute;top:0;left:0;height:100%;width:auto;max-width:unset;z-index:-1}.small-button:active:not(:disabled){padding-top:calc(2 * var(--px));color:var(--active-white)}.small-button:active:not(:disabled) .small-button__bg{margin-left:-100%}.text-input:has(input:focus-visible){--mid: var(--light)}.text-input__input-wrapper{width:100%;overflow:hidden;padding-block:var(--px);display:flex;flex-shrink:1;min-width:0}.text-input__input{text-transform:uppercase;line-height:1.2;border:none;width:min-content;color:var(--light);background-color:var(--dark);border-top:var(--px) solid var(--mid);border-bottom:var(--px) solid var(--mid);outline:none;padding-inline:calc(2 * var(--px));box-shadow:0 var(--px) 0 var(--outline),0 calc(-1 * var(--px)) 0 var(--outline);width:calc(100% - 4 * var(--px))}.text-input__input::selection{background-color:var(--outline)}.text-input__edge{width:calc(2 * var(--px));flex-shrink:0;border-right:var(--px) solid var(--outline);position:relative}.text-input__edge:before{position:absolute;content:"";display:block;width:var(--px);top:var(--px);bottom:var(--px);left:0;background-color:var(--outline)}.text-input__edge:after{position:absolute;content:"";display:block;width:var(--px);top:var(--px);bottom:var(--px);left:100%;background-color:var(--mid)}.text-input__edge--right{transform:scaleX(-1)}.toggle{--toggle-bg-position: 2;overflow:hidden;cursor:pointer;display:flex;flex-shrink:0}.toggle.left .toggle__label{order:-1}.toggle:has(input:focus-visible){outline:var(--px) solid var(--outline)}.toggle:has(input:checked){--toggle-bg-position: 0}.toggle__light{--shine: transparent;--color: var(--gray-5);--highlight: var(--gray-3);display:inline-block;width:calc(6 * var(--px));height:calc(6 * var(--px))}.toggle:has(input:checked) .toggle__light{--shine: rgb(110 235 48 / .4);--color: rgb(110, 235, 48);--highlight: rgb(255 255 255 / .5)}.toggle__bg-wrapper{width:calc(17 * var(--px));height:calc(25 * var(--px));flex-shrink:0;overflow:hidden}.toggle__bg{height:100%;width:auto;max-width:unset;margin-left:calc(var(--toggle-bg-position) * -100%)}.toggle__label{writing-mode:vertical-lr;line-height:1;color:var(--outline);display:flex;align-items:center;gap:.25rem}.toggle.horizontal{align-items:center}.toggle.horizontal .toggle__label{writing-mode:unset;line-height:1.3}.controls{--border-color: var(--gray-5);max-width:28rem;padding:calc(4 * var(--px));background-color:var(--gray-2);align-self:flex-start}@media (min-width: 600px){.controls{max-width:none}}.controls__toggles{display:flex;gap:1rem}.controls__seed{display:flex;gap:.5rem;margin-bottom:.5rem}.controls__seed-input{max-width:calc(100% - 4rem);overflow:hidden;flex-grow:1}.controls__seed-button{margin-top:1rem;flex-shrink:0}.controls__datasets{display:flex;gap:1rem;margin-top:.5rem}html.no-scroll{overflow:hidden;touch-action:none}.dialog{padding:6rem 0 0;margin:0;width:100%;height:100%;max-width:100%;max-height:100%;border:none;background:none;overflow:hidden;transition:display .4s allow-discrete,overlay .4s allow-discrete;touch-action:auto;outline:none;position:fixed;top:0;right:0;bottom:0;left:0}.dialog[open]{opacity:1}@starting-style{.dialog[open]{opacity:0}}@media (min-width: 860px){.dialog{padding:4rem}}.dialog::backdrop{display:none}.dialog__backdrop{background-color:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .4s;opacity:0;will-change:opacity;position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;z-index:-1}.dialog[open] .dialog__backdrop{opacity:1}@starting-style{.dialog[open] .dialog__backdrop{opacity:0}}.dialog__content{z-index:1;width:100%;height:100%;margin:0 auto;overflow:hidden;background-color:#f0f0ffe6;transition:display .3s allow-discrete,overlay .3s allow-discrete,transform .3s,opacity .3s;scrollbar-width:auto;padding:2rem;overflow:auto;scrollbar-color:var(--gray-4) transparent;scrollbar-width:thin;opacity:0;display:none;transform:translateY(4rem);will-change:transform}@media (min-width: 860px){.dialog__content{max-width:50rem;padding:3rem}}.dialog[open] .dialog__content{display:block;transform:none;opacity:1}@starting-style{.dialog[open] .dialog__content{transform:translateY(4rem);opacity:0}}.dialog__close-form{position:absolute;top:2.25rem;right:2rem}@media (min-width: 860px){.dialog__close-form{top:3.25rem;right:3rem}}.dialog__close-button{display:flex;align-items:center;gap:.25rem;color:var(--gray-4)}.dialog__close-button:hover{color:var(--outline)}.dialog__close-button:focus-visible{outline:var(--px) solid currentColor;outline-offset:var(--px)}.dialog__close-form svg{height:1rem}.toggle-font .toggle__label{color:var(--gray-5)}.toggle-font:hover .toggle__label{color:var(--gray-8)}.toggle-font .toggle__bg-wrapper{display:none}.mono-font{font-size:68.75%}@media (min-width: 600px){.mono-font{font-size:87.5%}}.mono-font body{font-family:var(--mono-font);font-weight:600}.mono-font{--content-max-width: 80rem}.footer{padding-top:2rem;margin:0 auto;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;max-width:var(--content-max-width)}@media (min-width: 860px){.footer{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:2rem}}@media (min-width: 1000px){.footer{padding:3rem}}.footer__bards{display:flex;gap:2rem;margin:1rem 0}.footer__about-dialog h2 a{font-size:.625em}.footer__about-dialog p{color:var(--gray-5)}.cartridges{position:absolute;top:0;right:0;bottom:0;left:0}.cartridges__cartridge{height:100%}.bard-old{flex-shrink:0;width:65em;height:62em;font-size:.25rem;margin-bottom:20px;position:relative}.bard-old img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.glitch-old img{width:100%;height:auto;position:absolute;left:0;top:0}.strip-old{background:url(../bard-old.png) no-repeat;background-size:100% auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;overflow:hidden;position:relative;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}@keyframes glitch-old-5{0.00%,33.33%,43.33%,66.67%,76.67%,100.00%{transform:none;filter:hue-rotate(0)}33.43%,43.23%{transform:translate(var(--glitch-x-1));filter:hue-rotate(var(--glitch-hue-1)) drop-shadow(2px 3px 0 rgb(0 0 255 / .1))}66.77%,76.57%{transform:translate(var(--glitch-x-2));filter:hue-rotate(var(--glitch-hue-2)) drop-shadow(-3px 0px 0 rgb(0 0 255 / .1))}}@keyframes glitch-old-6{0.00%,33.33%,41.67%,66.67%,75.00%,100.00%{transform:none;filter:hue-rotate(0)}33.43%,41.57%{transform:translate(var(--glitch-x-1));filter:hue-rotate(var(--glitch-hue-1)) drop-shadow(2px -3px 0 rgb(0 0 255 / .1))}66.77%,74.90%{transform:translate(var(--glitch-x-2));filter:hue-rotate(var(--glitch-hue-2)) drop-shadow(3px -4px 0 rgb(255 0 0 / .1))}}@keyframes glitch-old-7{0.00%,33.33%,40.48%,66.67%,73.81%,100.00%{transform:none;filter:hue-rotate(0)}33.43%,40.38%{transform:translate(var(--glitch-x-1));filter:hue-rotate(var(--glitch-hue-1)) drop-shadow(0px 1px 0 rgb(255 0 0 / .1))}66.77%,73.71%{transform:translate(var(--glitch-x-2));filter:hue-rotate(var(--glitch-hue-2)) drop-shadow(1px 0px 0 rgb(255 0 0 / .1))}}@keyframes glitch-old-8{0.00%,33.33%,39.58%,66.67%,72.92%,100.00%{transform:none;filter:hue-rotate(0)}33.43%,39.48%{transform:translate(var(--glitch-x-1));filter:hue-rotate(var(--glitch-hue-1)) drop-shadow(2px -3px 0 rgb(0 0 255 / .1))}66.77%,72.82%{transform:translate(var(--glitch-x-2));filter:hue-rotate(var(--glitch-hue-2)) drop-shadow(-2px -2px 0 rgb(255 0 0 / .1))}}@keyframes glitch-old-9{0.00%,33.33%,38.89%,66.67%,72.22%,100.00%{transform:none;filter:hue-rotate(0)}33.43%,38.79%{transform:translate(var(--glitch-x-1));filter:hue-rotate(var(--glitch-hue-1)) drop-shadow(1px 1px 0 rgb(255 0 0 / .1))}66.77%,72.12%{transform:translate(var(--glitch-x-2));filter:hue-rotate(var(--glitch-hue-2)) drop-shadow(0px 2px 0 rgb(255 0 0 / .1))}}@keyframes glitch-old-10{0.00%,33.33%,38.33%,66.67%,71.67%,100.00%{transform:none;filter:hue-rotate(0)}33.43%,38.23%{transform:translate(var(--glitch-x-1));filter:hue-rotate(var(--glitch-hue-1)) drop-shadow(-3px 1px 0 rgb(0 0 255 / .1))}66.77%,71.57%{transform:translate(var(--glitch-x-2));filter:hue-rotate(var(--glitch-hue-2)) drop-shadow(3px 1px 0 rgb(255 0 0 / .1))}}@keyframes cartridge{to{margin-left:-300%}}.cartridge{position:absolute;width:calc(16 * var(--px));height:calc(14 * var(--px));top:calc(14 * var(--px));left:calc(-6 * var(--px));overflow:hidden}.cartridge__bg{position:relative;animation:cartridge .5s steps(3) 1 forwards;height:100%;width:auto;max-width:unset;margin-left:0}.bard{flex-shrink:0;width:29em;height:31em;font-size:.25rem;position:relative}.bard img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.glitch img{width:100%;height:auto;position:absolute;left:0;top:0}.strip{background:url(../bard.png) no-repeat;background-size:100% auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;overflow:hidden;position:relative;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}@keyframes glitch-5{0.00%,33.33%,43.33%,66.67%,76.67%,100.00%{transform:none;filter:hue-rotate(0) drop-shadow(0 0 0 transparent)}33.43%,43.23%{transform:translate(var(--glitch-x-1));filter:hue-rotate(var(--glitch-hue-1)) drop-shadow(2em 1em 0 rgb(255 0 0 / .1))}66.77%,76.57%{transform:translate(var(--glitch-x-2));filter:hue-rotate(var(--glitch-hue-2)) drop-shadow(0em 2em 0 rgb(255 0 0 / .1))}}@keyframes glitch-6{0.00%,33.33%,41.67%,66.67%,75.00%,100.00%{transform:none;filter:hue-rotate(0) drop-shadow(0 0 0 transparent)}33.43%,41.57%{transform:translate(var(--glitch-x-1));filter:hue-rotate(var(--glitch-hue-1)) drop-shadow(0em 1em 0 rgb(0 0 255 / .1))}66.77%,74.90%{transform:translate(var(--glitch-x-2));filter:hue-rotate(var(--glitch-hue-2)) drop-shadow(1em -2em 0 rgb(255 0 0 / .1))}}@keyframes glitch-7{0.00%,33.33%,40.48%,66.67%,73.81%,100.00%{transform:none;filter:hue-rotate(0) drop-shadow(0 0 0 transparent)}33.43%,40.38%{transform:translate(var(--glitch-x-1));filter:hue-rotate(var(--glitch-hue-1)) drop-shadow(0em 0em 0 rgb(0 0 255 / .1))}66.77%,73.71%{transform:translate(var(--glitch-x-2));filter:hue-rotate(var(--glitch-hue-2)) drop-shadow(2em 1em 0 rgb(0 0 255 / .1))}}@keyframes glitch-8{0.00%,33.33%,39.58%,66.67%,72.92%,100.00%{transform:none;filter:hue-rotate(0) drop-shadow(0 0 0 transparent)}33.43%,39.48%{transform:translate(var(--glitch-x-1));filter:hue-rotate(var(--glitch-hue-1)) drop-shadow(2em 1em 0 rgb(0 0 255 / .1))}66.77%,72.82%{transform:translate(var(--glitch-x-2));filter:hue-rotate(var(--glitch-hue-2)) drop-shadow(1em -1em 0 rgb(255 0 0 / .1))}}@keyframes glitch-9{0.00%,33.33%,38.89%,66.67%,72.22%,100.00%{transform:none;filter:hue-rotate(0) drop-shadow(0 0 0 transparent)}33.43%,38.79%{transform:translate(var(--glitch-x-1));filter:hue-rotate(var(--glitch-hue-1)) drop-shadow(1em 1em 0 rgb(0 0 255 / .1))}66.77%,72.12%{transform:translate(var(--glitch-x-2));filter:hue-rotate(var(--glitch-hue-2)) drop-shadow(0em 1em 0 rgb(0 0 255 / .1))}}@keyframes glitch-10{0.00%,33.33%,38.33%,66.67%,71.67%,100.00%{transform:none;filter:hue-rotate(0) drop-shadow(0 0 0 transparent)}33.43%,38.23%{transform:translate(var(--glitch-x-1));filter:hue-rotate(var(--glitch-hue-1)) drop-shadow(0em -1em 0 rgb(255 0 0 / .1))}66.77%,71.57%{transform:translate(var(--glitch-x-2));filter:hue-rotate(var(--glitch-hue-2)) drop-shadow(1em -1em 0 rgb(0 0 255 / .1))}}.header{display:flex;align-items:center;gap:1rem}.header__subtitle{color:var(--gray-4)}.button{position:relative;height:calc(18 * var(--px));color:var(--white);font-size:2rem;display:flex;align-items:stretch;z-index:1}.button:focus-visible{outline:var(--px) solid var(--outline)}.button:active:not(:disabled) .button__content{padding-top:calc(5 * var(--px));color:var(--active-white)}.button__content{padding-inline:calc(4 * var(--px));padding-top:calc(4 * var(--px));position:relative;overflow:hidden;line-height:1;white-space:nowrap;text-overflow:ellipsis;display:block;max-width:20rem}.button__content-bg{height:200%;top:0;left:0;width:100%;position:absolute;max-width:unset;z-index:-1}.button:active:not(:disabled) .button__content-bg{top:auto;bottom:0}.button__edge{width:calc(8 * var(--px));height:100%;overflow:hidden;position:relative;flex-shrink:0}.button__edge-bg{height:100%;top:0;left:0;width:auto;position:absolute;max-width:unset}.button__edge-bg--right{margin-left:-100%}.button:active:not(:disabled) .button__edge-bg--left{margin-left:-200%}.button:active:not(:disabled) .button__edge-bg--right{margin-left:-300%}.intro__expand-button{--border-color: var(--outline);padding:0 .5rem;color:var(--white);background:var(--mid);margin:1rem 0}.intro__expand-button span{position:relative;display:inline-block;transform:rotate(90deg) translate(1px);margin-left:.5rem}.intro--expanded .intro__expand-button span{transform:rotate(-90deg) translate(1px)}.intro__expandable-content{padding-top:1rem}.intro__more-lg{display:none}@media (min-width: 860px){.intro__more-sm{display:none}.intro__more-lg{margin:1rem 0;display:block}}.speech-controls{display:flex;align-items:center}.speech-controls__play-icon{width:calc(5 * var(--px));height:calc(5 * var(--px))}.speech-controls__sing{padding-left:0}.speech-controls__sing-icon{width:calc(6 * var(--px));height:calc(7 * var(--px))}.speech-controls__stop{padding-left:0}.speech-controls__stop-icon{width:calc(4 * var(--px));height:calc(4 * var(--px))}.speech-controls__play-icon,.speech-controls__sing-icon{margin-top:calc(-.5 * var(--px))}.verse{opacity:0;animation:fly-in 1s ease-out forwards;width:fit-content}.verse--active{color:var(--dark)}.verse__debug{width:fit-content;font-size:1.25rem;line-height:1}.verse__debug>div{display:flex;text-align:right;justify-content:space-between;gap:2rem}.poem{display:flex;flex-direction:column;gap:1rem}.poem__generate-wrapper{position:relative;width:fit-content}@keyframes levitate{0%{transform:translateY(0) translate(-50%)}50%{transform:translateY(calc(-1 * var(--px))) translate(-50%)}to{transform:translateY(0) translate(-50%)}}.poem__nudge{--border-color: var(--black);display:block;position:absolute;bottom:calc(100% + var(--px));left:50%;font-size:1.5rem;width:max-content;padding-bottom:var(--px);opacity:0;transition:opacity .25s;transform:translate(-50%);color:var(--white);padding:0 calc(2 * var(--px));background-color:var(--gray-7);box-shadow:var(--px) 0 0 0 var(--border-color),0 var(--px) 0 0 var(--border-color),var(--minus-px) 0 0 0 var(--border-color),0 var(--minus-px) 0 0 var(--border-color);pointer-events:none}.poem__nudge--show{animation:levitate 2s ease-in-out infinite;opacity:1}.poem__verses{display:flex;flex-direction:column;gap:1rem}.poem__speech-controls,.poem__time,.poem__share{opacity:0;animation:fly-in 1s ease-out forwards}.poem__speech-controls{animation-delay:.2s;margin-bottom:1rem}.poem__time{animation-delay:.4s}.poem__share{animation-delay:.6s}.poem__error{margin-top:1rem}#root{background-color:var(--white-transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:100svh;padding:2rem}.app{display:grid;gap:2rem;max-width:var(--content-max-width);margin:0 auto}.controls{order:1}@media (min-width: 600px){#root{padding:2rem 3rem}}@media (min-width: 860px){#root{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.app{gap:2rem;padding:2rem;margin:0 auto;--border-color: var(--gray-3);background-color:var(--white-transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--px) 0 0 0 var(--border-color),0 var(--px) 0 0 var(--border-color),var(--minus-px) 0 0 0 var(--border-color),0 var(--minus-px) 0 0 var(--border-color);grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header header header poem poem poem poem" "controls controls controls controls poem poem poem poem"}.header{grid-area:header}.controls{grid-area:controls;order:unset}.poem{grid-area:poem}}@media (min-width: 1000px){.app{padding:3rem;gap:3rem}}.noscript{text-align:center;padding:2rem;color:var(--black)}.noscript p{margin-top:1rem;color:var(--gray-6)}