*{-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{--accent:#4fc147;--accent-strong:#3e973f;--accent-soft:#65c966;--danger:#dc3545;--danger-strong:#c82333;--radius-pill:50px;--radius-lg:25px;--radius-md:10px;--radius-sm:5px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--font-body:"Futura Book", sans-serif;--font-bold:"Futura Bold", sans-serif;--font-medium:"Futura PT Medium", sans-serif}body.light{--bg:lightgrey;--surface:#fff;--surface-alt:#eee;--surface-raised:#fefefe;--surface-muted:#f1f1f1;--text:#000;--text-muted:#555;--text-inverse:#fff;--border:#ddd;--link:blue}body.dark{--bg:#1d1d1d;--surface:#424242;--surface-alt:#0f0f0f;--surface-raised:#000;--surface-muted:#333;--text:#fff;--text-muted:#aaa;--text-inverse:#000;--border:#555;--link:cornflowerblue}.noSelect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent}.App{place-content:center;align-items:center;transition:all .5s;display:flex}.pageContainer{flex-direction:column;align-items:center;width:100%;height:100vh;display:flex}.innerPageContainer{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;width:100%;height:calc(100vh - 75px);padding-bottom:40px;display:flex;position:absolute;top:75px;overflow-y:auto}div{font-family:Futura Book,sans-serif}strong{font-family:Futura Bold,sans-serif;font-weight:700}ol,li{list-style:decimal}button{cursor:pointer;color:#000;touch-action:manipulation;filter:brightness();border:0;border-radius:5px;flex-basis:45%;padding:40px;font-family:Futura Bold,sans-serif;font-size:23px;transition:all .3s}button:active{filter:brightness(50%);transition:all .3s}button:hover{filter:brightness(75%);transition:all .3s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#181818}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.floatingchat-container-wrap,.floating-chat-kofi-popup-iframe{left:auto!important;right:16px!important}@media only screen and (width<=480px){button:hover{filter:brightness()}button:active{filter:brightness(50%);transition:all .5s}.innerPageContainer{height:calc(100vh - 60px);top:60px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#18181840}::-webkit-scrollbar-thumb{background:#88888840}::-webkit-scrollbar-thumb:hover{background:#55555580}.floatingchat-container-wrap-mobi{left:auto!important;right:175px!important}.floating-chat-kofi-popup-iframe-mobi{left:auto!important;right:10px!important}}.dark,.light{background-color:var(--bg);transition:all .5s}.darkText,.lightText{color:var(--text)}.lightHomeButton,.darkHomeButton{background-color:var(--surface);color:var(--text)}.darkButton,.lightButton{color:var(--text);background-color:var(--surface-alt)}.darkSubmitButton,.lightSubmitButton{color:#fff;background-color:var(--accent)}.darkInvert{filter:invert();transition:all .5s}.lightInvert{filter:invert(0);transition:all .5s}.darkLink,.lightLink{color:var(--link)}.darkModal,.lightModal{background-color:var(--surface-raised)}@font-face{font-family:Futura Book;src:url(/assets/FuturaBook-CnMNUNZF.woff2)format("woff2"),url(/assets/FuturaBook-C2DwSHIl.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Futura Regular;src:url(/assets/FuturaPTMedium-DHtnpl-Q.woff2)format("woff2"),url(/assets/FuturaPTMedium-9wNn0bzO.otf)format("opentype");font-display:swap}@font-face{font-family:Futura Bold;src:url(/assets/FuturaBold-DxQEgB-4.woff2)format("woff2"),url(/assets/FuturaBold-CgdgwfK9.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}.sidenav{z-index:2;background-color:var(--surface-alt);width:0;height:100%;padding-top:32px;transition:all .5s;position:fixed;top:0;left:0;overflow-x:hidden}.sidenav a{color:#818181;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;width:250px;padding:8px 8px 8px 32px;font-size:25px;text-decoration:none;transition:all .3s;display:block}.sidenav a:hover{color:var(--text)}.sidenav a.sidenavItem{align-items:center;gap:12px;display:flex}.sidenav a.sidenavItem svg{flex-shrink:0}.sidenav .closebtn{width:30px;margin-left:50px;font-size:36px;position:absolute;top:0;right:25px}#sidenavLogoDiv{justify-content:space-between;display:flex}#sidenavLogo{cursor:pointer;width:50px;margin-left:32px;padding-bottom:25px}.socialSidenav{justify-content:space-between;width:100px;display:flex;position:absolute;bottom:35px;left:25px}.socialSidenavIcon{cursor:pointer;width:50px;transition:all .3s}.socialSidenavIcon:hover{filter:invert(50%);transition:all .3s}.homeDiv{opacity:0;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:25px 0;display:flex}.homeButtonContainer{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.homeLogo{width:auto;height:37vh}.homeButton{border-radius:var(--radius-pill);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:37vh;max-height:140px;margin-top:20px;padding:28px 36px 32px;display:flex;position:relative;overflow:hidden}.homeButtonFill{z-index:0;pointer-events:none;background:#4fc1474d;width:0;transition:width .6s;position:absolute;top:0;bottom:0;left:0}.homeButtonLabel,.homeButtonDesc,.homeButtonProgress{z-index:1;position:relative}.homeButtonLabel{font-weight:inherit}.homeButtonDesc,.homeButtonProgress{opacity:.75;max-width:90%;font-size:.5em;font-weight:400;line-height:1.25}.homeButton:hover{filter:brightness(80%);transition:all .5s}.homeLandingTitle{text-align:center;margin:10px 0 0}.homeLandingSub{text-align:center;opacity:.7;max-width:90%;margin:6px 0 0;font-size:16px}.homeAuthor{text-align:center;color:#4d4d4d;flex-direction:column;gap:10px;margin-top:25px;font-size:18px;display:flex}.darkrecapHomeButton{background:linear-gradient(to bottom, oklch(37.9% 0 89.876), oklch(37.9% 0 89.876)) padding-box, conic-gradient(from var(--gradient-angle), red, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, red) border-box;border:3px solid #0000;transition:transform .2s ease-in-out,--gradient-angle .2s;animation:4s linear infinite gradient-spin}.lightrecapHomeButton{background:linear-gradient(to bottom, oklch(100% 0 89.876), oklch(100% 0 89.876)) padding-box, conic-gradient(from var(--gradient-angle), red, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, red) border-box;border:3px solid #0000;transition:transform .2s ease-in-out,--gradient-angle .2s;animation:4s linear infinite gradient-spin}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes gradient-spin{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}@media only screen and (width<=480px){.homeDiv{width:100%;padding:15px 10% 50px;display:flex}.homeLogo{width:100%;height:auto}.homeButton{justify-content:center;align-items:center;width:100%;height:10px;margin-top:20px;font-size:1.75rem;display:flex}}#title_div{text-align:center;z-index:1;flex-direction:row;justify-content:space-between;width:100%;height:35px;margin-top:20px;padding-left:20px;padding-right:20px;display:flex;position:fixed}#title_img_div{cursor:pointer;touch-action:manipulation;z-index:2;justify-content:center;width:20%;display:inline-flex}#title_img{pointer-events:none}.filter-red{filter:invert(13%)sepia(99%)saturate(7288%)hue-rotate(3deg)brightness(96%)contrast(112%)}.title_icons{cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent;width:25px;transition:filter .5s}.title_icons:active{filter:brightness(5);transition:filter .5s}.title_div_bg{z-index:-1;width:100vw;height:75px;transition:background-color .5s;position:fixed;top:0}.title_container{z-index:1;width:100%;height:60px;transition:filter .5s}@media only screen and (width<=480px){#title_div{justify-content:space-between;height:45px;margin-top:15px;padding-bottom:15px;padding-left:20px;padding-right:20px}#title_img_div{width:55%;display:block}.title_icons{width:20px}.title_div_bg{height:60px}}.modal{z-index:3;cursor:pointer;background-color:#0006;width:100%;height:100%;animation:.25s modalFadeIn;display:none;position:fixed;top:0;left:0;overflow:auto}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes animatetop{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes animateout{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(20px)}}.modal.modalClosing{animation:.25s forwards modalFadeOut}.modal.modalClosing .modal_content{animation:.3s forwards animateout}.modal_content{cursor:auto;border:1px solid #888;width:50svw;margin:2% auto;padding:10px 30px;animation:.35s animatetop}#howToModal{z-index:3}#revealGif{aspect-ratio:1;width:100%;height:auto}.modal_content h3{text-align:center;margin:0;font-family:Futura Bold,sans-serif;font-size:2em}#howToContent{width:min(600px,90%);height:fit-content}.modal_content p{font-size:1.7em}.closebtn{margin:0!important;padding:0!important;position:relative!important}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;cursor:pointer;text-decoration:none}#todays_result{text-align:center;padding-top:15px;font-family:Futura Bold,sans-serif;font-size:45px}#next_button{margin-top:20px}.shareModalButton{width:75%}@media only screen and (width<=600px){.modal_content{width:80%;margin:15% auto;padding:10px}}@media only screen and (width<=480px){#todays_result{font-size:7vw}#share_text{font-size:11vw}.modal_content h3{font-size:6vw}#howToContent{width:90%;margin:5% auto}.modal_content p,i{font-size:1em}#error_msg{font-size:5vw}}@media only screen and (width<=1024px) and (width>=480px){.modal_content{width:80svw}}.flip_card_back_download{text-align:center;backface-visibility:hidden;color:#fff;aspect-ratio:1;background-color:#000;background-clip:content-box;width:400px;margin:auto;padding:0;position:relative}.li_result_download{font-size:20px}#album_result_download{letter-spacing:-6px;padding-top:15px;padding-bottom:5px;font-size:60px}#artist_result_download{padding-top:10px;font-size:30px}@media only screen and (width<=600px){.flip_card_back_download{width:210px;top:0}#album_result_download{letter-spacing:-6px;padding-top:5px;padding-bottom:0;font-size:40px}#artist_result_download{padding-top:0;font-size:15px}.li_result_download{font-size:10px}}.settingsModal{text-align:left;width:min(440px,90%)}.settingsModal h3{text-align:center}.settingsSection{text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin:18px 0 4px;font-family:Futura Bold,sans-serif;font-size:.8em}.settingsRow{border-bottom:1px solid #80808033;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.settingsRowLabel{align-items:center;gap:10px;font-size:1.1em;display:flex}.settingsHint{opacity:.65;margin:6px 0 0;font-size:.8em!important}.settingsToggle{background:#80808073;border:none;border-radius:999px;flex-shrink:0;flex-basis:auto;width:48px;height:28px;margin:0;padding:0;transition:background-color .2s;position:relative}.settingsToggle:hover{filter:none}.settingsToggleOn{background:var(--accent)}.settingsToggleKnob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.settingsToggleOn .settingsToggleKnob{transform:translate(20px)}.settingsLinkBtn{border-radius:8px;flex-basis:auto;font-size:.9em;padding:7px 16px!important}
