*{box-sizing:border-box}:root{--color-page-bg: #37428c;--color-blue: #485bc1;--color-red: #eb5b2f;--color-yellow: #febd09;--color-green: #016c36;--color-black: #161616;--color-white: #fbf5e5;--cover-container-width: min(min(90vh, 90vw), 700px);--font-size-base: calc(var(--cover-container-width) / 30)}@media all and (min-width: 400px){:root{--cover-container-width: min(min(65vh, 65vw), 700px)}}body,html{padding:0;margin:0;font-size:var(--font-size-base)}body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:1rem;width:100vw;height:100vh;background:var(--color-page-bg);display:flex;align-items:center;justify-content:center;flex-direction:column}body:after{content:"";position:fixed;top:0;bottom:0;left:0;right:0;background:url(/assets/noise.6e3514e3.png);opacity:.05;user-select:none;pointer-events:none}.cover-container{display:flex;justify-content:center;align-items:center;flex:1;flex-direction:column}.cover{background-color:var(--color-white);box-shadow:0 .25rem 1rem #0003,0 .5rem 1.5rem #0003,0 .5rem 2rem #0003;display:grid;grid-template-areas:"author title" "main main";width:100%;max-width:var(--cover-container-width);overflow:hidden}.cover__author{grid-area:author;padding:1rem;font-size:1rem;margin:0;text-transform:uppercase;letter-spacing:.0625rem;font-weight:600}.cover__title{grid-area:title;padding:1rem;font-size:1rem;margin:0;text-transform:uppercase;text-align:right;letter-spacing:.0625rem;font-weight:600}.cover__title span{display:block;line-height:1}.cover__title .cover__original-author{margin-top:.5rem;font-weight:500;font-size:.8rem}.cover__title span:nth-child(1){color:var(--color-yellow)}.cover__title span:nth-child(2){color:var(--color-green)}.cover__title span:nth-child(3){color:var(--color-blue)}.cover__title span:nth-child(4){color:var(--color-red)}.cover__title span:nth-child(5){color:var(--color-black);opacity:.6}.cover__main{position:relative;width:100%;grid-area:main}.buttons{display:flex;padding-top:2rem;align-items:center}.shuffle-button{--w: 6rem;z-index:1;appearance:none;border:none;padding:0;margin:0 2rem 0 0;width:var(--w);height:var(--w);border-radius:100rem;background-color:var(--color-white);background-image:url(/assets/roll.9ada6f81.svg);background-position:center;background-repeat:no-repeat;background-size:50%;color:transparent;box-shadow:0 .25rem 1rem #0003,0 .5rem 1.5rem #0003,0 .5rem 2rem #0003;cursor:pointer;transition:.3s opacity,.3s transform}.listen-button{--w: 4rem;z-index:1;appearance:none;border:none;padding:0;margin:0;width:var(--w);height:var(--w);border-radius:100rem;background-color:var(--color-white);background-image:url(/assets/listen.b5e01683.svg);background-position:center;background-repeat:no-repeat;background-size:50%;color:transparent;box-shadow:0 .25rem 1rem #0003,0 .5rem 1.5rem #0003,0 .5rem 2rem #0003;cursor:pointer;transition:.3s opacity,.3s transform}.shuffle-button:hover{transform:scale(1.03)}.shuffle-button:active{transform:scale(.95)}.shuffle-button:disabled{opacity:.8;transform:scale(.9);filter:saturate(0)}@media all and (min-width: 400px){.buttons{padding-top:1rem}.shuffle-button{--w: 3rem;margin-right:1rem}.listen-button{--w: 2rem}}footer{font-size:.8rem;color:var(--color-white);padding:1rem;text-transform:uppercase;font-weight:500;opacity:.5;text-align:center}a{color:inherit;font-weight:600}