.accounts-screen{height:100vh;display:grid;grid-template-columns:72% 28%;background:radial-gradient(circle at 55% 45%,rgba(14,87,39,.3),transparent 40%),#020805}.accounts-screen.hidden{display:none}.accounts-main{padding:5vh 4vw;position:relative}.accounts-main header{display:flex;align-items:center;gap:1.2vw;font-size:2vw}.accounts-main header i{height:5vh;border-left:2px solid #fff}.account-cards{display:flex;gap:2vw;margin-top:8vh}.account-card,.add-account{width:20vw;height:19vh;border:1px solid #51555d;border-radius:.35vw;background:linear-gradient(145deg,#171622,#080711);padding:2vh 1.2vw;text-align:left;font-size:1.2vw}.account-card span{display:block;margin-top:6vh;width:max-content;background:#168cff;border-radius:1vw;padding:.3vh .6vw;font-size:.75vw}.add-account{text-align:center;font-size:1.2vw}.add-account b{display:block;font-size:4vw;color:#b8a7d9}.accounts-main footer{position:absolute;left:0;right:0;bottom:5vh;text-align:center;display:grid;gap:1.5vh;font-size:1.2vw}.accounts-side{border-left:2px solid #ddd;display:flex;flex-direction:column;align-items:center;justify-content:center}.accounts-side .qr-wrap{width:14vw;height:14vw}.accounts-side>p{color:var(--purple);font-size:1.15vw}.account-menu{position:fixed;inset:0;z-index:30;background:rgba(2,17,8,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5vh}.account-menu.hidden{display:none}.account-menu button{width:31vw;height:8vh;background:#0c0b15;border:1px solid #555;font-size:1.8vw}.catalog-loading{position:fixed;inset:0;z-index:31;background:radial-gradient(circle,#123b22,#020805 65%);display:flex;flex-direction:column;align-items:center;justify-content:center}.catalog-loading.hidden{display:none}.catalog-loading .spinner{width:4vw;height:4vw}.catalog-loading h1{font-size:2.4vw}.catalog-loading p{font-size:1.2vw;color:#b7c8bd}.loading-counts{display:flex;gap:2vw;margin-top:3vh}.loading-counts span{padding:1.5vh 1.2vw;border:1px solid #3c694b;border-radius:.5vw}
.account-menu{background:radial-gradient(circle at 50% 42%,rgba(91,24,121,.28),transparent 36%),rgba(0,7,4,.9);backdrop-filter:blur(14px)}.account-menu:before{content:'Gerenciar playlist';width:32vw;padding:2.4vh 2vw 1.1vh;border:1px solid #31473b;border-bottom:0;border-radius:1.2vw 1.2vw 0 0;background:linear-gradient(145deg,#101a14,#0b0b13);font-size:1.55vw;font-weight:800}.account-menu button{width:32vw;height:7vh;margin-top:-2.5vh;padding:0 2vw;text-align:left;border-color:#31473b;border-radius:.65vw;background:linear-gradient(100deg,#101912,#0c0b15);font-size:1.2vw}.account-menu button:first-of-type{margin-top:0}.account-menu button:focus{background:linear-gradient(100deg,#27422d,#30133e);border-color:#b13cf0}.account-menu button[data-account-action="delete"]{color:#ff8ca2}.account-menu button[data-account-action="cancel"]{text-align:center;color:#b7c4bc}