.cover-form{max-width:440px;margin-top:30px}.cover-form label{display:block;font-size:12px;margin-bottom:12px}.cover-form label span{display:block;font-size:9px;color:#ad9db9;margin-top:9px}.cover-form select{width:100%;padding:15px;border:1px solid #c7a5d344;border-radius:10px;background:#211a28;color:#eee;font:inherit;font-size:12px;margin-bottom:16px;color-scheme:dark}.cover-art{--tint:#e4bda1;position:relative;border:1px solid #cbb4d333;border-radius:25px;padding:28px;background:radial-gradient(ellipse at 50% 45%,#5c3b6644,transparent 65%),#100d15;overflow:hidden}.cover-art[data-style="1"]{--tint:#bdafea}.cover-art[data-style="2"]{--tint:#91d9d6}.cover-art-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:7px;color:#b4a0c4;letter-spacing:.1em}.cover-art-top button{font-size:8px;border:1px solid #ffffff25;border-radius:20px;padding:9px;flex-shrink:0}.cover-score{margin-top:35px}.cover-score>span,.cover-result>span{font-size:8px;letter-spacing:.12em;color:#b9a7c6}.cover-notes{height:110px;position:relative;margin-top:16px;background:repeating-linear-gradient(transparent 0 21px,#c3a2d21c 21px 22px)}.cover-notes i{position:absolute;width:6%;height:5px;border-radius:5px;background:#c9b0e1;top:var(--y);left:calc(var(--i)*8%);box-shadow:0 0 15px #d5b2ff44;animation:cover-note 4s infinite;animation-delay:calc(var(--i)*.17s)}.cover-prism{height:150px;position:relative;display:grid;place-items:center}.cover-prism i{position:absolute;width:130px;height:65px;border:1px solid var(--tint);border-radius:50%;transform:rotate(-30deg);opacity:.3;animation:cover-orbit 8s ease-in-out infinite}.cover-prism i:nth-child(2){transform:rotate(30deg);animation-delay:-2s}.cover-prism i:nth-child(3){transform:rotate(90deg);animation-delay:-4s}.cover-prism div{width:35px;height:35px;background:var(--tint);border-radius:50%;filter:blur(22px);opacity:.8}.cover-result{text-align:center;padding:22px 10px;background:#ffffff04;border:1px solid #ffffff16;border-radius:16px}.cover-result strong{display:block;font-size:26px;font-weight:300;margin-top:10px;color:var(--tint);transition:color .5s}.cover-strings{height:85px;position:relative;margin:15px 20px}.cover-strings i{position:absolute;left:0;right:0;top:calc(10px + var(--i)*7px);height:20px;border-top:1px solid var(--tint);border-radius:50%;opacity:calc(.25 + var(--i)*.06);animation:cover-string 3s ease-in-out infinite;animation-delay:calc(var(--i)*-.2s);transition:border-color .5s}.cover-result p,.cover-caption{font-size:9px;color:#a894b8}.cover-caption{text-align:center;margin-top:22px}.cover-art *{animation-play-state:paused}.cover-art.is-visible:not(.paused) *{animation-play-state:running}.cover-landing .lp-inputs article{border-top:1px solid #c7a5d333;padding-top:24px}.cover-landing .lp-inputs .lp-text-link{font-size:10px;margin-top:20px}@keyframes cover-note{50%{opacity:.35;transform:translateY(-3px)}}@keyframes cover-orbit{50%{scale:1.15;opacity:.7}}@keyframes cover-string{50%{transform:scaleY(-1);opacity:.3}}@media(max-width:700px),(max-height:479px)and (pointer:coarse){.cover-art{padding:22px}.cover-art-top{letter-spacing:0}.cover-form{max-width:none}.cover-prism{height:120px}}@media(prefers-reduced-motion:reduce){.cover-art *{animation:none!important;transition:none!important}}
