:root{
--p80-retro-ink:#070d25;
--p80-retro-navy:#0b1738;
--p80-retro-blue:#173b72;
--p80-retro-pink:#f62b78;
--p80-retro-cyan:#45deef;
--p80-retro-violet:#7067e8;
--p80-retro-gold:#ffd05a;
}
body.p80-home-body,
body.p80-site-body{
background-color:#e9edf4!important;
background-image:
radial-gradient(circle at 8% 15%,rgba(246,43,120,.09),transparent 22%),
radial-gradient(circle at 92% 34%,rgba(69,222,239,.10),transparent 24%),
linear-gradient(rgba(16,32,70,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(16,32,70,.025) 1px,transparent 1px)!important;
background-size:auto,auto,28px 28px,28px 28px!important;
} .p80-site-header{
position:sticky!important;
top:0!important;
background:
radial-gradient(circle at 12% 0,rgba(246,43,120,.20),transparent 28%),
radial-gradient(circle at 88% 100%,rgba(69,222,239,.15),transparent 30%),
linear-gradient(100deg,#050a1d,#0a1738 58%,#07132f)!important;
box-shadow:0 4px 20px rgba(3,8,28,.32),inset 0 -1px 0 rgba(91,231,244,.22)!important;
}
.p80-site-header:before{
content:"";
position:absolute;
z-index:2;
top:0;
left:0;
right:0;
height:3px;
background:linear-gradient(90deg,var(--p80-retro-pink) 0 35%,var(--p80-retro-violet) 35% 63%,var(--p80-retro-cyan) 63% 100%);
box-shadow:0 0 13px rgba(69,222,239,.38);
pointer-events:none;
}
.p80-site-brand span{
color:#fff!important;
letter-spacing:-1.1px!important;
text-shadow:0 0 16px rgba(69,222,239,.18)!important;
}
.p80-site-brand em{
color:var(--p80-retro-pink)!important;
text-shadow:0 0 14px rgba(246,43,120,.42)!important;
}
.p80-site-brand small{color:#8debf4!important;letter-spacing:1.45px!important}
.p80-nav-list a{position:relative!important;letter-spacing:.35px!important}
.p80-nav-list a:after{
content:"";
position:absolute;
left:50%;
right:50%;
bottom:12px;
height:2px;
background:linear-gradient(90deg,var(--p80-retro-pink),var(--p80-retro-cyan));
box-shadow:0 0 8px rgba(69,222,239,.55);
transition:left .18s ease,right .18s ease;
}
.p80-nav-list a:hover:after,
.p80-nav-list .current-menu-item>a:after{left:0;right:0}
.p80-header-searchbox{border-color:#3c7190!important;background:rgba(3,9,27,.74)!important;box-shadow:inset 0 0 0 1px rgba(69,222,239,.08)!important}
.p80-header-searchbox:focus-within{border-color:var(--p80-retro-cyan)!important;box-shadow:0 0 0 2px rgba(69,222,239,.18)!important}
.p80-header-heart{color:var(--p80-retro-pink)!important;text-shadow:0 0 11px rgba(246,43,120,.45)!important} .p80-original-home,
.p80-internal-main{border-right:1px solid rgba(20,45,84,.10);border-left:1px solid rgba(20,45,84,.10)}
.p80-internal-hero{
position:relative;
overflow:hidden;
box-shadow:inset 0 -3px 0 var(--p80-retro-pink),inset 0 -5px 0 rgba(69,222,239,.85)!important;
}
.p80-internal-hero h1{text-shadow:0 4px 24px rgba(0,0,0,.30),0 0 28px rgba(69,222,239,.10)!important}
.p80-internal-hero .p80-eyebrow{display:flex;align-items:center;gap:8px!important;color:#72e8f3!important;letter-spacing:1.65px!important}
.p80-internal-hero .p80-eyebrow:before{content:"";width:8px;height:8px;flex:0 0 auto;background:var(--p80-retro-pink);box-shadow:8px 0 0 rgba(69,222,239,.78);transform:skewX(-15deg)}
.p80-genre-page-hero-art{display:block!important;z-index:2!important;visibility:visible!important;opacity:1!important}
.p80-genre-page-hero-copy{z-index:3!important} .p80-content-card,
.p80-latest-cards article,
.p80-chart-collection,
.p80-chart-year-card{
border-color:#d3dce9!important;
box-shadow:0 6px 17px rgba(10,27,60,.085)!important;
}
.p80-content-card{position:relative}
.p80-content-card:before{
content:"";
position:absolute;
z-index:2;
top:0;
left:0;
right:0;
height:3px;
background:linear-gradient(90deg,var(--p80-retro-pink),var(--p80-retro-violet),var(--p80-retro-cyan));
opacity:.82;
}
.p80-content-card:hover,
.p80-latest-cards article:hover,
.p80-chart-collection:hover,
.p80-chart-year-card:hover{box-shadow:0 13px 29px rgba(9,27,62,.16)!important}
.p80-explore-card{position:relative;overflow:hidden;transition:transform .17s ease,box-shadow .17s ease!important}
.p80-explore-card:after{content:"";position:absolute;right:-23px;bottom:-28px;width:63px;height:63px;border:7px solid currentColor;border-radius:50%;opacity:.07;pointer-events:none}
.p80-explore-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(13,31,65,.13)!important} .p80-archive-head,
.p80-section-title,
.p80-charts-section-head,
.p80-listen-buy-head{position:relative}
.p80-archive-head:before,
.p80-section-title:before,
.p80-charts-section-head:before,
.p80-listen-buy-head:before{
content:"";
width:25px;
height:5px;
flex:0 0 auto;
align-self:center;
margin-right:8px;
background:var(--p80-retro-pink);
box-shadow:9px 7px 0 var(--p80-retro-cyan);
transform:skewX(-18deg);
}
.p80-prose>h2:not([class]){position:relative;padding-left:22px}
.p80-prose>h2:not([class]):before{content:"";position:absolute;left:0;top:.12em;width:7px;height:.82em;background:linear-gradient(var(--p80-retro-pink) 0 52%,var(--p80-retro-cyan) 52%)} .p80-search-form-large button,
.p80-prose .wp-block-button__link,
.p80-random-quiz,
.p80-top10-box>a{
background:linear-gradient(135deg,#ff3b85,#d41665)!important;
box-shadow:0 5px 13px rgba(180,16,84,.23)!important;
letter-spacing:.4px!important;
}
.p80-search-form-large button:hover,
.p80-prose .wp-block-button__link:hover,
.p80-random-quiz:hover,
.p80-top10-box>a:hover{filter:brightness(1.08);transform:translateY(-1px)}
body :focus-visible{outline:3px solid var(--p80-retro-cyan)!important;outline-offset:3px!important} .p80-site-footer{
position:relative;
overflow:hidden;
background:
linear-gradient(rgba(69,222,239,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(246,43,120,.03) 1px,transparent 1px),
linear-gradient(135deg,#050a1d,#0a1733 62%,#08122b)!important;
background-size:25px 25px,25px 25px,auto!important;
}
.p80-site-footer:before{content:"";position:absolute;z-index:2;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--p80-retro-pink),var(--p80-retro-violet),var(--p80-retro-cyan));box-shadow:0 0 14px rgba(69,222,239,.38)}
.p80-site-footer h4{color:#69e4f1!important;letter-spacing:.8px!important}
.p80-site-footer a{transition:color .15s ease,transform .15s ease}
.p80-site-footer a:hover{color:#ff6b9f!important;transform:translateX(2px)}
.p80-footer-copy{border-top:1px solid rgba(105,228,241,.12)}
@media(max-width:900px){
.p80-site-header{position:relative!important}
.p80-site-header:before{height:2px}
.p80-nav-list a:after{display:none}
.p80-original-home,.p80-internal-main{border-right:0;border-left:0}
.p80-archive-head:before,.p80-section-title:before,.p80-charts-section-head:before,.p80-listen-buy-head:before{width:18px;height:4px;margin-right:5px;box-shadow:6px 5px 0 var(--p80-retro-cyan)}
}
@media(max-width:560px){
body.p80-home-body,body.p80-site-body{background:#fff!important}
.p80-internal-hero{box-shadow:inset 0 -2px 0 var(--p80-retro-pink),inset 0 -4px 0 rgba(69,222,239,.85)!important}
.p80-internal-hero .p80-eyebrow:before{width:6px;height:6px;box-shadow:6px 0 0 rgba(69,222,239,.78)}
.p80-section-title:before{display:none}
.p80-explore-card:hover{transform:none}
.p80-genre-page-hero{display:block!important;min-height:350px!important;padding-bottom:132px!important}
.p80-genre-page-hero-art{position:absolute!important;right:13px!important;bottom:9px!important;width:164px!important;height:116px!important}
.p80-genre-page-disc{right:0!important;top:2px!important;width:108px!important;height:108px!important}
.p80-genre-page-disc:before{inset:34px!important;box-shadow:inset 0 0 0 6px #57dfef!important}
.p80-genre-page-disc i{inset:50px!important}
.p80-genre-page-hero-art>strong{left:4px!important;top:22px!important;font-size:36px!important;letter-spacing:-2px!important}
.p80-genre-page-bars{left:5px!important;bottom:8px!important;height:38px!important;gap:4px!important}
.p80-genre-page-bars i{width:6px!important}
.p80-genre-page-bars i:nth-child(1){height:15px!important}.p80-genre-page-bars i:nth-child(2){height:36px!important}.p80-genre-page-bars i:nth-child(3){height:23px!important}.p80-genre-page-bars i:nth-child(4){height:31px!important}.p80-genre-page-bars i:nth-child(5){height:13px!important}
}
@media(prefers-reduced-motion:reduce){
.p80-nav-list a:after,.p80-content-card,.p80-latest-cards article,.p80-chart-collection,.p80-chart-year-card,.p80-explore-card,.p80-site-footer a{transition:none!important}
.p80-content-card:hover,.p80-latest-cards article:hover,.p80-chart-collection:hover,.p80-chart-year-card:hover,.p80-explore-card:hover,.p80-site-footer a:hover{transform:none!important}
}