@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
body{font-family:Poppins,Arial,sans-serif!important;background:radial-gradient(ellipse at 55% -10%,rgba(104,43,152,.23),transparent 55%),#0a0913!important;padding-bottom:118px!important}
.xxl-unified-header{height:66px!important;background:rgba(14,10,26,.94)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;position:sticky!important;top:0!important;z-index:2000!important}
.xxl-unified-header .nav-wrap{max-width:1222px!important;width:calc(100% - 36px)!important;min-height:66px!important;gap:20px!important}
.xxl-unified-header .brand img{width:42px!important;height:42px!important}
.xxl-unified-header .brand b{font-size:18px!important}.xxl-unified-header .brand small{font-size:9px!important;letter-spacing:1.6px!important}
.xxl-unified-header .main-nav{display:flex;align-items:center;gap:22px;white-space:nowrap;margin-left:auto}
.xxl-unified-header .main-nav>a{font-size:11px!important;font-weight:600!important;letter-spacing:.45px!important;text-decoration:none!important}
.xxl-unified-header .main-nav .account{border:1px solid #b05ce7!important;border-radius:28px!important;padding:9px 13px!important;background:rgba(145,48,200,.16)!important}
.xxl-unified-header .menu-toggle{display:none!important}
.xxl-site-menu{position:relative;flex:none}.xxl-site-menu>summary{list-style:none;cursor:pointer;font-size:25px;padding:6px 10px;color:#fff}.xxl-site-menu>summary::-webkit-details-marker{display:none}
.xxl-site-drawer{position:absolute;right:0;top:45px;width:270px;max-height:75vh;overflow:auto;background:#161024;border:1px solid #70438e;border-radius:15px;box-shadow:0 18px 45px #0009;padding:10px;z-index:2100}
.xxl-site-drawer a{display:block;padding:10px 13px;color:#eee!important;text-decoration:none!important;font-size:13px;border-radius:8px}.xxl-site-drawer a:hover{background:#432454}
.xxl-global-player{position:fixed;bottom:0;left:0;right:0;height:108px;z-index:4000;background:linear-gradient(180deg,#21162df7,#0d0a17fa);border-top:1px solid #974ac5;border-radius:18px 18px 0 0;box-shadow:0 -8px 40px #0008;display:flex;align-items:center;justify-content:space-between;padding:10px max(25px,4vw);gap:16px;color:#fff;font-family:Poppins,Arial,sans-serif}
.xxl-player-station{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.xxl-player-station img{width:58px;height:58px;object-fit:cover;border-radius:8px}.xxl-player-station span{display:flex;flex-direction:column;min-width:0}.xxl-player-station b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xxl-player-station small{font-size:10px;color:#bdb0ca}
.xxl-player-controls{display:flex;align-items:center;gap:22px}.xxl-player-controls button{border:0;background:transparent;color:white;cursor:pointer;font-size:17px}.xxl-player-controls #xxl-play{width:60px;height:60px;border-radius:50%;border:2px solid #d355ed;background:#381a4b;font-size:25px;box-shadow:0 0 24px #ad3eea66}
.xxl-player-volume{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:1}.xxl-player-volume input{accent-color:#ce55eb;max-width:135px}
@media(max-width:1100px){.xxl-unified-header .main-nav{gap:12px}.xxl-unified-header .main-nav>a{font-size:10px!important}}
@media(max-width:850px){.xxl-unified-header .main-nav{display:none!important}.xxl-site-menu{margin-left:auto}.xxl-global-player{height:82px;padding:8px 12px}.xxl-player-station img{width:42px;height:42px}.xxl-player-station small{display:none}.xxl-player-controls{gap:8px}.xxl-player-controls #xxl-play{width:45px;height:45px;font-size:20px}.xxl-player-volume{flex:0}.xxl-player-volume input{width:60px}body{padding-bottom:90px!important}}
@media(max-width:450px){.xxl-player-volume input{display:none}.xxl-player-station b{font-size:11px}.xxl-player-controls button{font-size:12px}.xxl-player-controls{gap:4px}}
