*{box-sizing:border-box}#root,html{height:100%;display:flex;flex-direction:column}body{margin:0;background:#633d00;background:#191414;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;font-family:articulat-cf,sans-serif;font-weight:700;font-style:normal}.hidden{font-family:Flow Circular,serif;font-weight:400;font-style:normal;font-size:40px;line-height:20px}.hidden-container{background:repeating-radial-gradient(#000 0,#000,#222,#222 .0004%) 50% 0/2500px 2500px,repeating-conic-gradient(#000 0,#000 .0002%,#222 0,#222 .0004%) 60% 60%/2500px 2500px;background-blend-mode:difference;animation:b .2s infinite alternate;color:#fff}header{display:flex;flex-wrap:wrap;justify-content:center;row-gap:20px;align-items:center;height:auto;background-color:#191414;color:#fff;box-shadow:0 10px 20px #0004}header>img{width:35px;height:35px;margin-right:5px}.add-song-form{gap:10px;border-radius:15px;display:flex;justify-content:center;align-items:center}.add-song-form>input{border-radius:50px;border:2px solid white;padding:5px 15px;box-shadow:0 1px 2px #0000000d;flex-grow:1;min-width:100px;max-width:400px;height:40px;margin-left:40px;font-family:articulat-cf,sans-serif;font-weight:700;font-style:normal;outline:none;background-color:#363636;color:#fff}.add-song-form>input::placeholder{color:#a3a3a3}.add-song-form>button:hover{border:4px solid transparent;width:155px;height:45px;transition:all .2s ease;cursor:pointer;box-shadow:0 0 10px #535353}.add-song-form>button{border-radius:50px;border:2px solid transparent;border-style:solid;background:linear-gradient(#292121,#292121) padding-box,linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#cf22cb 2%,#d46d19 47%,#131313) border-box;color:#fff;width:150px;height:40px;font-size:15px;font-family:articulat-cf,sans-serif;font-weight:700;font-style:normal;transition:all .2s ease}@media (max-width: 768px){header{padding:20px;align-items:center;gap:20px}header>img{margin-right:-15px}header>h1{margin-top:0;margin-bottom:0}.add-song-form{height:fit-content;align-items:center}.add-song-form>input{margin-left:0}}.user-guide{background-color:#292121;width:auto;line-height:30px;min-width:300px;padding:20px 40px;transition:all 1s ease;font-weight:700}.typing-text{white-space:pre-wrap}.cursor{animation:blink 1s step-start infinite}.song{display:flex;align-items:center;height:400px;padding:40px;background:#633d00;background:linear-gradient(180deg,#633d00d5 3%,#191414 43%,#000)}.song-title{margin-left:30px;flex:1}.title-time-horizontal>a{text-decoration:none;color:inherit}.title-time-horizontal>a>h1{font-size:40px;margin-top:0;margin-bottom:0;line-height:40px;font-weight:900;transition:all .5s ease}.title-time-horizontal>a>h1:hover{text-decoration:underline;cursor:pointer}.title-time-horizontal{display:flex;justify-content:space-between;align-items:center}.title-time-horizontal>span{text-align:right;margin-right:30px;margin-left:30px}.song-album-art{border-radius:15px;width:300px;min-width:300px;height:300px}.song-album-art>img{width:300px;height:300px;border-radius:15px;box-shadow:0 0 30px #0000007e}@media (max-width: 768px){.song{flex-direction:column;align-items:center;height:auto}.song-title{margin-left:0;margin-top:20px;text-align:center}.song-album-art{margin-top:20px}.title-time-horizontal{display:flex;flex-direction:column}.title-time-horizontal>span{margin-top:20px}}.main-card{margin:40px;background-color:#1d1717;border-radius:15px}.main-card-top{display:inline-flex;align-items:center;background-color:#292121;border-radius:15px;width:100%}.artist-title-info{display:inline;padding:40px;width:100%}.artist-title-info>a{text-decoration:none;color:inherit;display:block;width:100%}.artist-title-info>a>h1{font-size:clamp(40px,5vw,80px);line-height:1.2;margin-top:0;margin-bottom:0;word-wrap:break-word;overflow-wrap:break-word;width:100%}.artist-title-info>a>h1:hover{text-decoration:underline;cursor:pointer}.artist-container{border-radius:15px;aspect-ratio:1/1;min-width:400px;height:auto}.artist-container-img{border-radius:15px 0 0 15px;aspect-ratio:1/1;width:400px;height:400px}@media (max-width: 768px){.main-card-top{flex-direction:column;align-items:center}.artist-container{min-width:0;width:100%;aspect-ratio:1/1;height:auto}.artist-container>img{width:100%;height:auto;border-radius:15px 15px 0 0}.artist-title-info{padding:20px;text-align:center;width:100%}.artist-title-info>a>h1{font-size:clamp(30px,8vw,40px);font-size:40px;line-height:40px;text-align:center;width:100%}}.main-card-top-songs{padding:20px 40px;display:flex;flex-direction:column}.song-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:auto;padding:10px 20px;margin-bottom:10px}.song-card>a{text-decoration:none;color:inherit}.song-card:hover{background-color:#292121;border-radius:10px}.song-card>img{border-radius:10px;box-shadow:0 0 30px #000}.song-card-title{margin-left:15px;max-width:70%;min-width:20%;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-card-title>h2{margin-bottom:5px;margin-top:0;font-size:medium;text-overflow:ellipsis;overflow:hidden}.song-card-title>span{font-weight:500;font-size:medium}.song-card-duration{margin-left:auto;padding:0 10px;font-weight:500;white-space:nowrap}.song-card>span{margin-right:30px}@media (max-width: 768px){.song-card{padding:0;height:fit-content}.song-card>img{width:20%;height:auto;display:none}.song-card-duration{display:none}.song-card>span{margin-right:5px;margin-left:auto;font-weight:400}.main-card-top-songs{padding:20px}.main-card-top-songs>h1{text-align:center;margin-bottom:30px}}.listen-on{display:flex;flex-direction:column;align-items:center;margin-left:25px;padding:15px;border-radius:15px;color:#fff}.listen-on:hover{background-color:#1d1717;cursor:pointer}.listen-on>span{margin-bottom:15px;font-weight:700;text-decoration:none}@media (max-width: 768px){.listen-on>span{display:none}}@keyframes b{to{background-position:50% 0,60% 50%}}@keyframes blink{to{opacity:0}50%{opacity:1}}footer{min-height:40px;display:flex;background-color:#000;justify-content:center;align-items:center;margin-top:auto;font-weight:500;padding:40px;word-wrap:normal;text-align:center}.blocker{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;justify-content:flex-end;align-items:center;background-color:#00000070;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:200;z-index:1}.blocker>img{width:50px;height:50px;margin-bottom:10px}.blocker>span{margin-bottom:80px}.floating{animation:float 3s ease-in-out infinite;position:relative}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.tv-container{position:relative;overflow:hidden;z-index:0}@keyframes tv-line-sweep{0%{transform:scaleY(.01) translateY(-100%);opacity:1}50%{transform:scaleY(.01) translateY(0);opacity:1}to{transform:scaleY(.01) translateY(100%);opacity:0}}@keyframes tv-power-on{0%{filter:brightness(1) contrast(1);transform:scale(.98)}25%{filter:brightness(2) contrast(1.2);transform:scale(1.02)}50%{filter:brightness(1.5) contrast(1.1);transform:scale(1)}75%{filter:brightness(1.2) contrast(1.05);transform:scale(1.01)}to{filter:brightness(1) contrast(1);transform:scale(1)}}.tv-line{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0}.tv-on .tv-line{animation:tv-line-sweep .5s ease-out forwards}.tv-content{opacity:0;transition:opacity .3s ease-out}.tv-on .hidden-container{animation:b .2s infinite alternate}.tv-on .tv-content{opacity:1;animation:tv-power-on .8s ease-out forwards}.tv-off .hidden-container{opacity:1}