body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background:linear-gradient(40deg,#10003f 0%,#002b6a 100%);width:100%;overflow-x:hidden}body{height:300vh;overflow-x:hidden}main{grid-gap:1rem;box-sizing:border-box;grid-template-rows:auto auto 1fr;grid-template-columns:1fr;width:100vw;height:100vh;padding:1rem;display:grid;position:fixed;top:0;left:0;overflow:hidden}main #app_content{grid-row:2/3}main #app_content.generated.selected{grid-row:2/4}main #app_zodiac.generated.selected{display:none}@media (width>=800px){main{grid-template-rows:auto 1fr;grid-template-columns:400px 1fr}main #app_content{grid-area:2/1/3/2!important}main #app_zodiac{grid-area:1/2/3/3;display:grid!important}main #app_header{grid-area:1/1/2/2}}@media (height<=800px){main #app_zodiac{transform:scale(.9)translateY(5%)translate(5%)}main #app_header.selected p{display:none}}@media (height<=700px){main #app_zodiac{transform:scale(.8)translateY(10%)translate(10%)!important}main #zodiac_select_informer{margin-top:0}}@media (height<=600px){main #app_header p{max-height:100px;overflow-y:scroll}}@media (width<=410px){main #app_zodiac{transform:scale(.9)translateY(5%)translate(5%)}}@media (width<=370px){main #app_zodiac{transform:scale(.8)translateY(10%)translate(10%)!important}}.app-spinner{place-content:center;display:grid}.app-spinner svg{color:#fff;font-size:2rem;animation:1.3s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header #logo{color:#fff;font-family:Libre Baskerville,serif;font-size:2.5rem;font-weight:700;text-decoration:none}header p{color:#fff;margin-top:1rem}header span{text-align:left;color:#fff;opacity:.9;margin:1rem 0 0;font-size:.6rem;display:block;position:relative}header span a{color:#00db4e;font-weight:700;text-decoration:none}@media (width>=800px){header span{text-align:right;margin:1rem;font-size:.7rem;position:fixed;bottom:0;right:0}header span a{color:#00db4e;font-weight:700;text-decoration:none}}#app_content{justify-items:center;max-height:100%;display:grid;overflow:hidden}#app_content #zodiac_select_informer{color:#fff;text-align:center;border-radius:50px;height:fit-content;padding:.5rem 1rem;animation:.5s forwards fadein}#app_content #zodiac_select_informer svg{margin-right:.5rem}@keyframes fadein{0%{opacity:0}to{opacity:1}}.login_button{grid-column-gap:.5rem;color:#fff;text-align:left;background-color:#1cb351;border:0;border-radius:50px;grid-template-columns:auto 1fr;align-items:center;width:fit-content;height:fit-content;padding:.5rem .8rem;font-size:.7rem;font-weight:700;text-decoration:none;animation:.4s forwards fadein;display:grid}.login_button svg{height:20px}.login_button:hover{cursor:pointer;color:#fff;background-color:#000}#playlist{box-sizing:border-box;background-color:#000;border-radius:10px;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr;place-items:center;width:100%;height:100%;max-height:100%;padding:1rem;animation:.5s forwards fadein;display:grid;position:relative;overflow:hidden}#playlist #reset_zodiac{color:#fff;display:inherit;background-color:#0000;border:0;margin:1rem;font-size:1.5rem;transition:opacity .3s;position:absolute;top:0;right:0}#playlist #reset_zodiac:hover{opacity:.5;cursor:pointer}@media (width>=800px){#playlist #reset_zodiac{display:none}}#playlist #playlist_alert{box-sizing:border-box;background:#0a2566a3;place-items:center;padding:1rem;animation:.3s forwards fadein;display:grid;position:fixed;inset:0}#playlist #playlist_alert>div{box-sizing:border-box;color:#fff;background:#000;border-radius:10px;place-items:center;width:100%;padding:1rem;display:grid}#playlist #playlist_alert>div img{justify-self:start;width:100px}#playlist #playlist_alert>div svg{color:#1cb351;font-size:5rem}#playlist #playlist_alert>div h4{text-align:center;font-size:1.2rem;font-weight:400}#playlist #playlist_alert>div h4 b{font-size:1.5rem;line-height:2}#playlist #playlist_alert>div button{color:#000;background:#fff;border:0;border-radius:2rem;margin:1rem 0 1.5rem;padding:.7rem 1.5rem;font-size:1.3rem;font-weight:700}#playlist #playlist_alert>div button:hover{cursor:pointer;color:#fff;background-color:#1cb351}@media (width>=800px){#playlist #playlist_alert>div{width:600px}}#playlist #generate_button{color:#000;background-color:#fff;border:0;border-radius:50px;margin-bottom:1rem;padding:.5rem 1rem;font-size:1rem;font-weight:700}#playlist #generate_button svg{margin-right:.5rem}#playlist #generate_button:hover{cursor:pointer;color:#fff;background-color:#1cb351}#playlist a.spotify_logo{justify-self:left}#playlist a.spotify_logo img{width:100px}#playlist>h2{text-align:center;color:#fff;font-weight:400}#playlist #save_playlist_button{color:#000;background-color:#fff;border:0;border-radius:50px;width:fit-content;margin:2rem 0 1rem;padding:.5rem 1rem;font-size:1.2rem}#playlist #save_playlist_button svg{margin-right:.5rem}#playlist #save_playlist_button:hover{cursor:pointer;color:#fff;background-color:#1cb351}#playlist #scroll_playlist{height:100%;overflow-y:scroll}#playlist #scroll_playlist a.track{grid-column-gap:.5rem;grid-row-gap:.3rem;box-sizing:border-box;grid-template-rows:1fr;grid-template-columns:auto 1fr;align-items:center;height:60px;margin:0;padding:.5rem;text-decoration:none;display:grid}#playlist #scroll_playlist a.track:hover h2{opacity:.6}#playlist #scroll_playlist a.track img{display-ratio:1/1;grid-area:1/1/3/2;height:100%}#playlist #scroll_playlist a.track h2{color:#fff;white-space:nowrap;text-overflow:ellipsis;grid-area:1/2/2/3;margin:0;font-size:1rem;transition:opacity .3s;overflow-x:hidden}#playlist #scroll_playlist a.track p{color:#fff;white-space:nowrap;text-overflow:ellipsis;grid-area:2/2/3/3;margin:0;font-size:.8rem;overflow-x:hidden}#playlist #scroll_playlist a.track p span{margin-right:.7rem}#app_zodiac{z-index:-1;place-items:end;width:100%;height:100%;display:grid;position:relative}#app_zodiac #app_zodiac_positioner{place-items:center;display:grid}@media (width>=800px){#app_zodiac{place-items:center}}#app_user{text-align:center;grid-row-gap:.5rem;box-sizing:border-box;background-color:#ffffff3d;border-radius:100px;align-content:center;justify-items:center;width:200px;height:200px;padding:1rem;display:grid;overflow:hidden}#app_user .user_header{color:#fff;align-content:end;justify-items:center;display:grid}#app_user .user_header img{border-radius:100px;max-width:80px;max-height:80px}#app_user .user_header svg{height:50px}#app_user .user_header p{margin:.4rem;font-size:.8rem;font-weight:700}#app_user .user_action{align-content:baseline;justify-items:center;display:grid}#app_user .user_action button{color:#fff;background-color:#000;border:0;border-radius:50px;width:fit-content;padding:.5rem 1rem;font-size:1rem;animation:.5s forwards fadein}#app_user .user_action button svg{margin-right:.5rem}#app_user .user_action button:hover{cursor:pointer;color:#fff;background-color:#1cb351}@font-face{font-family:Zodiac;src:url(/fonts/zodiac5.ttf)}#zodiac_wheel{animation:1s forwards fadein;position:absolute}#zodiac_wheel .zodiac_button{color:#fff;opacity:.4;background-color:#0000;border:0;transition:opacity .4s;position:absolute}#zodiac_wheel .zodiac_button.vivid,#zodiac_wheel .zodiac_button.vivid img,#zodiac_wheel .zodiac_button.initial{opacity:1}#zodiac_wheel .zodiac_button.initial img{opacity:.2}#zodiac_wheel .zodiac_button:hover{cursor:pointer;opacity:.9}#zodiac_wheel .zodiac_button:hover img{opacity:.6}#zodiac_wheel .zodiac_button h4{font-size:1rem}#zodiac_wheel .zodiac_button h5{margin:3rem;font-family:Zodiac;font-size:3rem;font-weight:400}#zodiac_wheel .zodiac_button img{-webkit-user-select:none;user-select:none;opacity:.3;transition:opacity .4s;position:absolute;bottom:111%;transform:translate(-50%)rotate(90deg)}