*,:before,:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background-color:var(--lightningcss-light,#ddd)var(--lightningcss-dark,#111);font-family:Inter,system-ui;font-weight:400}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-height:100svh;margin:0 1.5em;display:grid}#background{width:100%;height:100%;position:absolute}#controls{z-index:2;position:absolute;bottom:0}#controls .title{height:2rem;line-height:calc(2rem - 4px)}#wip{color:#fff;background-image:repeating-linear-gradient(-55deg,#000,#000 20px,#ffb101 20px 40px);align-self:start;width:100%;height:2em;position:absolute}p{margin:1em 0}hr{opacity:.3;border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);margin:1em 0}main{z-index:1;flex-direction:column;gap:1em;width:100%;max-width:50rem;display:flex}section{-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);background-color:var(--lightningcss-light,#fafafa90)var(--lightningcss-dark,#333333b0);border:2px solid var(--lightningcss-light,#fafafa90)var(--lightningcss-dark,#aaaaaa60);border-radius:2em;padding:1.5em;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.header{align-items:center;gap:1em;line-height:1.2;display:flex}.header img{cursor:grab;background-color:#ffc363;border-radius:.5em;align-self:start}audio{width:100%;margin-top:2em;display:block}#links{gap:1rem;display:flex}#links a{color:inherit;width:1.75em;height:1.75em}footer{justify-content:space-between;display:flex}