/*
Theme Name: PagalWorld Reference
Description: WordPress music theme rebuilt from the supplied homepage reference.
Version: 1.0.22
Requires at least: 6.2
Requires PHP: 7.4
Author: MoviePilot
Text Domain: pwref
*/
.player {width: clamp(280px, 22vw, 420px);border: 1px solid #818181;border-radius: 10px;background-color: #e7e7e7e6;box-shadow: 2px 2px 4px 0px #b3b3b3;padding: 5px;display: flex;align-items: center;}div#playPauseBtn {margin-left: 4px;margin-top: 4px;}.control {display: flex;align-items: center;width: 100%;}.btn-toggle-play {display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;cursor: pointer;}.btn-toggle-play svg {fill: #555;}.pro_wrap {display: flex;width: 100%;flex-direction: column;flex-grow: 1;margin: 10px 10px 0 10px;justify-content: center;}.progress {height: 3px;accent-color: black;margin: 0;}.time {display: flex;justify-content: space-between;font-size: 12px;padding-top: 5px;}.volume-control {display: flex;align-items: center;}.volume {width: 0;opacity: 0;height: 3px;transition: width 0.5s ease, opacity 0.5s ease;margin-left: 5px;accent-color: black;}.volume-control:hover .volume {width: 60px;opacity: 1;}.mute-btn {cursor: pointer;}@media (max-width: 425px) {.player:has(.volume-control:hover) .time,.player:has(.volume-control:hover) input#progress {width: 150px;}.player:has(.volume-control:hover) .volume-control,.player:has(.volume-control:hover) .mute-btn {margin-left: 0;}.player:has(.volume-control:hover) .volume {width: 40px;}}
body {background: #fff;color: #000;}body * {margin: 0;padding: 0;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.5;border: 0;margin-left: auto;margin-right: auto;letter-spacing: -.3px;font-size: 14px;}a img,:link img,:visited img {border: none;}a {text-decoration: none;color: #000;}a:hover {text-decoration: none;color: #ff0000;}html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,b,u,i,center,ol,ul,li,form,label,article,aside,details,embed,figure,figcaption,footer,header,hgroup,menu,.navbar,section,summary,time,mark,audio,video,td {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}i {font: inherit;}b {font-weight: bold;}textarea {font-size: small;}main {width: 100%;margin-left: auto;margin-right: auto;margin-top: 20px}.mainContent {display: flex;}.main-content {width: 75%;height: auto;margin-right: 15px;}.ts-head {display: flex;align-items: center;color: #fff;padding: 6px 6px 6px 10px;background-color: #232526;border-bottom-width: 2px;border-bottom-style: solid;border-image: linear-gradient(to right, #8e2de2, #ff4e9b) 1;}.ts-head .tsHeading {text-align: left;padding-left: 5px;font-size: 17px;font-weight: 400;}.ts-head svg {color: red;width: 24px;height: 24px;vertical-align: middle;margin: 0;}.sidebar {width: 25%;}.ts-content {height: auto;padding: 8px;background: #f7f7f7;border: 1px solid #f7f7f7;}.ts-content li:last-child a {margin-bottom: 0;}.ts-ul {list-style-type: none;}.ts-song {display: flex;align-items: center;background-color: #fff;padding: 8px;line-height: 1.4;margin-bottom: 8px;border-radius: 3px;}.song-thumb img {width: 60px;height: 60px;object-fit: cover;border-radius: 6px;}.song-content {margin-left: 10px;min-width: 0;}.song-content .title-box {margin: 0;font-size: 14px;white-space: nowrap;overflow: hidden;font-weight: 300;text-overflow: ellipsis;width: 100%;line-height: 1.2;}.album-name {font-size: 12px;color: #777;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;line-height: 1.2;margin: 2px 0 0;}.sidebar-content {position: sticky;top: 20px;align-self: flex-start;display: flex;flex-direction: column;gap: 20px;}.song-card {position: relative;overflow: hidden;}.playBtn {position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%) scale(0.6);width: 65px;height: 65px;border-radius: 50%;border: 2px solid #e4e4e4;display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.35s ease;z-index: 5;background: rgba(0, 0, 0, 0.6);}.playBtn svg {width: 28px;height: 28px;transition: transform 0.3s ease;}.song-card:hover .playBtn {opacity: 1;transform: translate(-50%, -50%) scale(0.8);}.song-card:hover .playBtn svg {transform: scale(1);}.song-card a::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 170px;background: rgba(0, 0, 0, 0.35);opacity: 0;transition: opacity 0.35s ease;pointer-events: none;z-index: 2;}.song-card a::after {background: rgba(0, 0, 0, 0.35);}.song-card:hover a::after {opacity: 1;}footer {width: 100%;text-align: center;background: #232526;color: #fff;padding: 10px 0px 10px 0px;margin-left: auto;margin-right: auto;border-bottom: 2px solid red;}.tCenter {text-align: center;padding: 5px;}header {width: 100%;background: #232526;text-align: center;margin-left: auto;margin-right: auto;}.faqs h3 {margin-top: 5px;}.ad {width: 100%;}.bg {background: #fff;}hr {background-color: #D2D2D2;border: medium none;height: 1px;margin: 2px 0;padding: 5px;}.heading {padding: 8px 0px 6px 10px;font-size: 15px;border-bottom: solid 1px #e0e0e0;font-weight: 500;font-size: 15px;text-transform: capitalize;color: #fff;display: block;position: static;line-height: 22px;background-color: #232526;border-bottom-width: 2px;border-bottom-style: solid;border-image: linear-gradient(to right, #8e2de2, #ff4e9b) 1;cursor: default;}.heading a {color: #fff;}input[type=submit],input[type=text] {padding: 2px;border: 1px solid #cdcdcd;border-color: rgba(0, 0, 0, .15);border-radius: 3px;background-color: #eee;margin: 0px;}.downLink {margin: 5px 0;}.dwnLink {font-weight: bold;}.s {font-size: 13.5px;}.vd {width: 100%;}.org {color: #FF7F00;}.grn {color: #336600;}.pk {color: #ed195a;}.sp {margin-top: 5px;}.heading3 {padding: 5px 5px 5px 7px;font-size: 15px;text-transform: capitalize;color: #333;margin: 2px 2px 1px 0;display: block;background: linear-gradient(-35deg, white, white, white, white, white, white, white, #ff9999, #ff6666, #ff2b2b);position: static;line-height: 20px;font-weight: bold;}.pgn {background: #fff;border: 1px solid #f2f6fa;text-align: center;padding-top: 14px;padding-bottom: 5px;margin-top: 1px;margin-bottom: 3px}.pgn a,.pgn span {border: 1px solid #2e76b3;padding: 7px 15px;margin: 0 2px;background: #3a87c9;text-decoration: none;color: #ffffff;border-radius: 4px;font-size: 15px}.pgn a:hover,.pgn span {background: #215f94;border-color: #1f5c8f;color: #fff}.pgn div {padding-top: 10px;padding-bottom: 4px}img {vertical-align: middle;}.l {padding: 5px;}.cnt {background: #b0abab;}i.single-track {float: left;width: 200px;height: 200px;display: flex;justify-content: space-evenly;align-items: center;}.ilist i.track-icon {float: left;width: 80px;height: 80px;display: flex;justify-content: space-evenly;align-items: center;}.single-track::before {content: '\266B';color: #DB0707;font-size: 100px;}.track-icon::before {content: '\266B';color: #DB0707;font-size: 35px;}.nw {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 5px;font-size: 15px;font-weight: 600;}span.singer.nw {font-size: 14px;font-weight: 400;}ul.breadcrumb,ul.breadcrumb a {color: #333;}ul.breadcrumb li {display: inline;font-size: 18px;padding: 0 !important;background: transparent !important;color: #666;font-size: 15px;}ul.breadcrumb li a {color: #333;text-decoration: none;font-size: 15px;}ul.breadcrumb li+li:before {color: black;content: "\203A";padding-right: 4px;position: relative;top: 1px;padding-left: 4px;font-size: 19px;}ul.wlist.bk {display: flex;flex-wrap: wrap;}.wlist li a {display: block;margin-top: 6px;}.wlist li {width: 49%;background: #fff;cursor: pointer;padding: 12px 0 12px 4px;font-size: 17px;margin: 1px 0px 0px 0px;border-bottom: 1px solid #d8cdcd;overflow: auto;}.wlist li i {width: 40px;height: 44px;float: left;}.list li a {display: block}.gy A:link,.gy A:visited,.gy A:active,.gy A:hover {color: #5a5a5a;outline: 0;text-decoration: none;}.list {list-style: none;clear: both;}.list li {color: #333;border-bottom: 1px solid #d8d1d1;margin: 3px 3px 0px 3px;padding: 0px 15px 0px 2px;overflow: hidden;}.list li:hover {box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.45);cursor: pointer;}.list>img {width: 100%;display: inline-flex;margin: -9px 0px 0px 0px;}.list li img {display: block;width: 80px;height: 80px;display: block;margin: 2px 10px 3px 0px;border: 0;float: left;border-radius: 5px}.block {display: inline-block;width: 100%;box-sizing: border-box;background: #f7f7f7;margin: 0px 0 0px;}.form-wrapper {float: right;height: 30px;display: flex;}.form-wrapper input {height: 100%;padding: 0 10px;border: 0;font-size: 17px;flex: 1;border-radius: 3px 0 0 3px;}.form-wrapper button {width: 65px;height: 100%;border: 0;cursor: pointer;color: #fff;background: #ef4444;border-radius: 0 3px 3px 0;}.form-wrapper input focus {outline: 0;background: #fff;box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;}.navbar {display: inline-table;width: 100%;background: #323232;margin-left: auto;margin-right: auto;font-size: 17px;}.navbar a {width: 33.33%;background: #232526;text-align: center;color: #fefefe;padding: 12px 10px;display: inline-block;vertical-align: middle;border: 1px solid #666;border-bottom: 0;border-right: 0;text-decoration: none;box-sizing: border-box;float: left}.navbar i {width: 15px;margin-left: -6px;float: left;}.search-bar {width: 99.5%;height: 50px;background: #232526;float: left;}.xl {font-size: 18px}.ht {font-size: 17px;}.xxl {font-size: 20px;}.c {text-align: center}.bld {font-size: 18px;margin: 8px;}.tr {width: 100%;display: inline-table;}.td {width: 22%;max-width: 120px;}tr.tr td {border-bottom: 1px solid #d8cdd5;padding: 3px;}.mpan {padding: 10px;background: #fff;margin: 4px 0 2px 0;}audio {max-width: 268px;width: 90%;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;-moz-box-shadow: 2px 2px 4px 0px #b3b3b3;-webkit-box-shadow: 2px 2px 4px 0px #b3b3b3;box-shadow: 2px 2px 4px 0px #b3b3b3;-moz-border-radius: 27px;-webkit-border-radius: 27px;border-radius: 27px;outline: 0;}.trend {color: #fff;font-size: 12px;background: #e80404;padding: 1px 5px 1px 5px;border-radius: 3px;}.trend:hover {color: #fff;background: #0b8ade;}.btn:hover {background: -webkit-radial-gradient(center, ellipse cover, #54a6c7 30%, #000000 100%);color: #fff}.btn {font-weight: normal;display: inline-block;background: #797777;background: #3d84b8;color: #fff;font-size: 16px;border-radius: 4px;padding: 8px 68px;margin: 6px;}singer a {color: #296a8f;}.btn a {color: #ffffff;font-weight: normal !important;}.dbutton:hover {background-color: #ef4444;color: #fff}.listen-txt {text-align: start;}.dbutton {display: inline-flex;align-items: center;gap: 5px;background: #dc2626;color: #fff;font-size: 16px;border-radius: 6px;padding: 7px 14px;margin: 6px;}.dbutton a {color: #ffffff;font-weight: normal;}.movie {display: none}.sb {width: 32px;margin-right: 15px;margin-bottom: 6px;}.button {width: 50px;padding: 15px 30px;background: #dc2626;color: #fff !important;border-radius: 10px;margin: 0 20px;}.button:hover {background: #ef4444;}.bk A:link,.bk A:visited,.bk A:active,.bk A:hover {color: #333;outline: 0;text-decoration: none;}.bk A:hover {text-decoration: underline;}.bk {color: #333;}.b {font-weight: 700}.s {font-size: 13.5px;}.x {font-size: 16.5px}.gy {color: #5a5a5a;margin-top: 4px;}.blue {color: #004488;font-weight: normal;padding: 2px 0 5px 0;}
	.f a {color: #fff;padding: 0 8px;}.bpan {padding: 10px;background: #f7f7f7;}main.infopages h2,main.infopages h3 {color: #004488;font-weight: normal;padding: 2px 0 5px 0;font-size: 20px;}main.infopages p {padding: 10px 0;font-size: 16px;text-align: justify;}main.infopages ul {font-size: 16px;padding-inline-start: 40px;}.ads {padding: 0px;background: #fff;margin: 2px 0 2px 0;}.m {margin: 8px;}.j {text-align: justify;font-size: 16px;}.dl-icon::before {content: '\1F4E5';color: #ffffff;font-size: 18px;font-weight: bold;margin: 0 1px;}.imgs {transition: opacity 500ms ease-in-out 100ms;}img.b-loaded {opacity: 1;width: auto;}.svg-dwn {width: 18px;height: 18px;}@supports (-webkit-overflow-scrolling: touch) {body {font-size: 15px;line-height: 1.3;}}.s.f p:first-child {margin-bottom: 5px;}header a {text-align: center;display: block;}.navbar {margin: 0;width: 100%;}.top-nav {display: flex;justify-content: space-between;align-items: center;padding: 5px 10px;}.song-list {width: 100%;height: auto;padding: 10px;display: flex;flex-wrap: wrap;list-style: none;gap: 12px;justify-content: flex-start;box-sizing: border-box;}.song-card {width: calc(20.38% - 13.2px);}.image-thumb {width: 100%;height: 170px;object-fit: cover;transition: opacity 500ms ease-in-out 100ms;}.desc {border: 1px solid #d9d9d9;background: #e8e8e8;			height: 35px;display: flex;align-items: center;}.view-more {margin-bottom: 15px;margin-top: 8px;}.contentsec {width: 100%;margin: 30px 0;padding: 30px 22px;background: #f9f9f9;border: 1px solid #ddd;box-sizing: border-box;}.contentsec h3 {font-size: 28px;margin-bottom: 15px;color: #202020;}.contentsec p {margin-bottom: 15px;line-height: 1.6;font-size: 16px;}.filter-section {width: 100%;display: flex;align-items: center;padding: 10px 0;box-sizing: border-box;}#year-filter-form {display: flex;align-items: center;justify-content: end;gap: 10px;box-sizing: border-box;}#year-filter-form select {height: 38px;margin: 0;padding: 0 24px 0 12px;border: 1px solid #d1d5db;border-radius: 8px;font-size: 14px;font-weight: 500;color: #111827;background-color: #f9fafb;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M5 7.5L10 12.5L15 7.5' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat: no-repeat;background-position: right 5px center;background-size: 16px;outline: none;cursor: pointer;box-sizing: border-box;}#year-filter-form select option {background: #ffffff;color: #111827;display: block;font-size: 14px;}#year-filter-form select:hover {border-color: #9ca3af;background-color: #ffffff;}#year-filter-form select:focus {background-color: #ffffff;}.clear-filter {display: inline-flex;align-items: center;justify-content: center;min-width: 85px;height: 38px;padding: 0 18px;border: none;border-radius: 8px;background: #ef4444;color: #ffffff;font-size: 14px;text-decoration: none;cursor: pointer;transition: all 0.3s ease;box-sizing: border-box;white-space: nowrap;}.clear-filter:hover {color: #fff;}.clear-filter:active {transform: translateY(0);}@media only screen and (max-width:1325px) {.song-card {width: calc(25% - 9px);}}@media only screen and (max-width: 1023px) {.image-thumb {height: 160px;}}@media only screen and (max-width:900px) {.song-card {width: calc(33.4% - 9px)}}@media only screen and (max-width:768px) {.mainContent {flex-direction: column;}.main-content,.sidebar {width: 100%;margin: 0;}.sidebar-content {gap: 0;}.song-list {gap: 12px;}.song-list {padding: 12px;}.song-card {width: calc(33.6% - 10px)}#year-filter-form {gap: 8px;}#year-filter-form select,.clear-filter {}.clear-filter {min-width: unset;}.filter-section {padding: 10px;}}@media only screen and (max-width:620px) {.song-card {width: calc(33.74% - 10.5px)}}@media only screen and (max-width:576px) {.top-nav {flex-direction: column;gap: 8px;padding: 8px 10px 15px 10px;}.song-card {width: calc(34% - 10.5px)}.song-list {gap: 10px;}.song-list {padding: 10px;}.form-wrapper {width: 85%;margin: 0 auto;float: none;}.form-wrapper input {font-size: 15px;}.form-wrapper button {width: 60px;}.image-thumb {height: 155px;}}@media screen and (max-width: 480px) {.song-card {width: calc(48.5% - 3px);}.song-list {padding: 15px 1px 15px 8px;gap: 10px;}.nw {font-size: 13px;}.filter-section {padding: 12px;}#year-filter-form {border-radius: 10px;padding: 0;}#year-filter-form select,.clear-filter {font-size: 14px;}}@media screen and (max-width: 368px) {.song-card {width: calc(48.4% - 4px);}}@media only screen and (max-width:425px) {.wlist li {width: 100%;}}@media only screen and (max-width:400px) {.form-wrapper {width: 92%;}.pgn a, .pgn span {padding: 8px 10px !important;font-size: 12px !important;}}@media screen and (max-width: 350px) {.image-thumb {height: 152px;}}@media only screen and (max-width:370px){.pgn a, .pgn span {font-size: 10px !important;}}@media only screen and (max-width:320px) {body {font-size: 13.5px;min-width: 200px;}.navbar {font-size: 13px;}.ad {width: 100%;}.vd {width: 250px;height: 160px}.search-bar {width: 99%;}.navbar a {width: 50%;}.icon {display: none}.heading {font-size: 15px;}tr.tr td {width: 100%;float: left}.td {width: 100%;max-width: 100%}.imgs {width: 100%;height: auto;}.expend+.smalldesc {max-height: 240px;}}@media (max-width: 280px) {#fixedban {display: none;}}@media only screen and (min-width:577px) {.form-wrapper {width: 55%;}}@media only screen and (min-width:768px) {header {text-align: left;background: #232526;}.navbar {width: 100%;font-size: 15px;}.navbar a {width: 16.666%;}.ad {width: 100%;}.vd {width: 520px;}.form-wrapper {width: 47%;}.search-bar {width: 99.8%;}.list li {display: inline-table;width: 47%;}.tab {width: 30%}.imgs {display: table;margin: 20px 15px 0 10px;float: left;}table {display: block;min-height: 207px;}.cd {text-align: left}.mpan {padding: 0px;background: #fff;margin: 0;}.heading {font-size: 17px;}.xxxl {font-size: 26px;}.expend+.smalldesc {max-height: 220px;}}@media only screen and (min-width:1025px) {header {max-width: 1260px;width: 86%;}main {max-width: 1260px;width: 86%}.navbar {display: flex;font-size: 14px}.navbar a {width: 35%;}.vd {width: 480px;}.ad {width: 1260px;width: 100%;}.search-bar {width: 96%;padding-top: 0px;height: 42px;}.form-wrapper {width: 40%;}footer {max-width: 1260px;width: 86%}.list li {display: inline-block;width: 47%;}.movie A:link,.movie A:visited,.movie A:hover,.movie A:active {text-decoration: none;color: #006600;}.movie {display: inline;margin-left: 20px;font-size: 14px;}.tab {width: 20%}.wlist li {padding: 6px 0 6px 7px;}.heading {font-size: 17px;}.expend+.smalldesc {max-height: 167px;}}.adslot_1 {width: 100%;height: 100px;}.popup-container {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 999;justify-content: center;align-items: center;text-align: center;}.popup-content {background-color: #fff;padding: 20px;border-radius: 10px;position: relative;}.popup-close {position: absolute;top: 10px;right: 10px;cursor: pointer;font-size: 50px;}.browsecats {font-family: Helvetica Neue, Helvetica, Arial, sans-serif;display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin-top: 15px;padding: 25px;}.browsecats a.category-item {background-color: white;border-radius: 10px;display: flex;flex-direction: column;align-items: center;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);padding: 20px 15px;box-sizing: border-box;min-height: 140px;justify-content: space-between;}.browsecats a.category-item:hover {border: 1px solid #DC2626;box-shadow: 0 4px 15px rgba(211, 11, 0, 0.2);}.browsecats svg {width: 46px;fill: #DC2626;}.browsecats .category-item span {color: #333333;font-size: 15px;font-weight: 700;text-align: center;}.browsecats .post-count {border-radius: 12px;background-color: #0056AD1A;font-size: 12px;padding: 2px 8px;}@media (max-width: 1133px) {.browsecats {grid-template-columns: repeat(3, 1fr);font-size: 13px;}}@media (max-width: 534px) {.browsecats {grid-template-columns: repeat(2, 1fr);font-size: 12px;}}@media (max-width: 372px) {.browsecats {font-size: 10px;}}
/* Template/accessibility support; reference homepage spacing retained. */
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.screen-reader-text:focus{clip-path:none;width:auto;height:auto;background:white;color:#111;padding:10px;z-index:100}
input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #dc2626;outline-offset:3px}
.custom-logo{width:194px;height:55px;object-fit:contain}.form-wrapper input{min-width:0}.main-content,.sidebar{min-width:0}
.pw-entry{padding:20px;background:#f7f7f7}.pw-entry h1{font-size:24px;color:#004488;margin:0 0 16px}.pw-entry p{margin:12px 0}
.pw-details{display:flex;gap:24px;align-items:flex-start}.pw-cover{width:200px;height:200px;object-fit:cover;border-radius:5px}.pw-details table{display:table;width:100%;min-height:0}.pw-details td{padding:8px;border-bottom:1px solid #ddd}.pw-audio{margin:20px 0}.pw-audio audio{width:100%;max-width:420px}.pw-entry .wp-block-image img{max-width:100%;height:auto}.pw-entry ul,.pw-entry ol{padding-left:22px}.pw-empty{padding:24px}.pw-categories-link{width:100%}.pw-pagination{padding:18px 0;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.pw-pagination a,.pw-pagination span{padding:8px 14px;background:#3a87c9;color:#fff;border-radius:4px}.pw-pagination .current{background:#215f94}
.navbar .menu{display:contents}.navbar li{list-style:none;display:contents}.navbar .sub-menu{display:none}.navbar li:hover>.sub-menu{display:block}.f ul,.f li{display:inline;list-style:none}
@media(max-width:576px){.pw-details{flex-direction:column;align-items:center}.pw-details table{display:table}.pw-entry{padding:14px}.browsecats{gap:14px;padding:18px}.pw-cover{width:180px;height:180px}}

.browsecats .category-icon{width:46px;height:46px;object-fit:contain;}

/* Reference song controls; no global layout overrides. */
#playPauseBtn{background:transparent;padding:0;border:0;cursor:pointer;line-height:1}#muteBtn{cursor:pointer}.pwref-audio-cell{position:relative}.dwn_wrap{display:contents}.pwref-audio-error{font-size:12px;color:#b91c1c}.player input[type=range]{min-width:0}.pgn{clear:both}

/* Download wrapper only: visitor-side file; no proxy. */
.pwref-download-frame{display:block;width:100%;height:240px;border:1px solid #ddd;border-radius:8px;margin:20px 0;background:#f5f5f5}.pwref-download-wrapper p{margin:15px 0;line-height:1.6}.pwref-download-wrapper .dbutton{display:inline-block}

/* v1.0.8: archive-only fit; preserve original card layout and sidebar dimensions. */
.pgn .pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px}
.pgn .pagination a,.pgn .pagination span{display:inline-block;box-sizing:border-box;margin:0 1px}
.filter-section .clear-filter{font-size:12px;height:30px;min-width:0;padding:0 10px;border-radius:5px}
@media(max-width:480px){.pgn .pagination{gap:4px}.filter-section{padding:10px 4px}}

/* v1.0.9: singer directory reference layout, scoped exclusively to singer pages. */
.pwref-singer-intro{padding:8px 0 10px;font-size:14px;line-height:1.5}
.pwref-singers-index .az{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;list-style:none;text-align:center;padding:6px;background:linear-gradient(90deg,#ffefef 0%,#e4e4ff 35%,#e5fbff 100%)}
.pwref-singers-index .az li{margin:12px 5px;list-style:none}
.pwref-singers-index .az li a{display:block;padding:8px 8px 9px;background:#3d3d3d;color:#fff;border:1px solid #ccc;border-radius:3px;font-weight:700;text-decoration:none;font-size:14px}
.pwref-singers-index .az li a:hover,.pwref-singers-index .az li a.is-active{background:#dc2626;border-color:#dc2626}
.pwref-singers-index .sing-list{display:flow-root;list-style:circle inside;padding:4px 0 12px}
.pwref-singers-index .sing-list li{box-sizing:border-box;float:left;width:96%;height:30px;margin:10px 0 0 13px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #e6e5e5;list-style:circle inside}
.pwref-singers-index .sing-list li a{font-size:inherit;color:#333}
.pwref-singers-index .sing-list li a:hover{color:#e11d48;text-decoration:underline}
.pwref-singer-reset,.pwref-singer-empty{padding:12px;font-size:14px}
.pwref-social-buttons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:17px}
.pwref-social-buttons a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0}
.pwref-social-buttons .sb{display:block;width:32px;height:32px;object-fit:contain;margin:0;padding:0}
.pwref-social-buttons a:focus-visible{outline:2px solid #dc2626;outline-offset:3px}
@media(min-width:768px){.pwref-singers-index .sing-list li{width:48.2%}}
@media(min-width:1024px){.pwref-singers-index .sing-list li{width:31.74%;height:25px;margin:3px 0 0 13px;font-size:14px}}
@media(max-width:480px){.pwref-singers-index .sing-list li{width:96%}.pwref-singers-index .az li{margin:8px 3px}.pwref-singers-index .az li a{padding:7px}.pwref-social-buttons{gap:16px}}

/* v1.0.10: Film/album browse and soundtrack tracks; existing song/player styles untouched. */
.pwref-movie-list{display:flow-root;list-style:none;margin:0;padding:8px;box-sizing:border-box}
.pwref-movie-list li{display:inline-block;vertical-align:top;width:47%;box-sizing:border-box;float:none;max-width:100%;padding:6px 8px;margin:2px 0;border-bottom:1px solid #d8cdcd;overflow:hidden}
.pwref-movie-list li a{display:block;color:#333;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pwref-movie-list li:hover a{color:#dc2626}
.pwref-movie-list .track-icon{width:36px;height:36px;float:left;display:flex;justify-content:center;align-items:center}
.pwref-movie-list .pwref-movie-title{font-weight:600;font-size:14px}
.pwref-movie-list .pwref-movie-count{font-size:12px;color:#777}
.pwref-album-poster{width:200px;height:200px;object-fit:cover}
.pwref-album-song-list{display:flex;flex-wrap:wrap;list-style:none}
.pwref-album-song-list li{box-sizing:border-box}
.pwref-album-song-list .nw{overflow:hidden;text-overflow:ellipsis}
.pwref-album-song-list .singer{display:block;margin-top:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pwref-album-view-all{padding:6px 0 10px}
@media(max-width:600px){.pwref-movie-list li{width:100%}.pwref-album-song-list li{width:100%}}

/* v1.0.11 album directory: paginated film names independently from songs, lightweight adaptive list. */
.pwref-album-view-all .btn{max-width:100%;white-space:normal;box-sizing:border-box}

/* v1.0.12: music-category album poster cards reuse the proven five-column song-card grid. */
.pwref-album-card-grid .pwref-album-card a{display:block;text-decoration:none;color:inherit}
.pwref-album-card-grid .pwref-album-card a:hover .desc{background:#f0f0f0}
.pwref-album-card-grid .pwref-album-card .image-thumb{display:block;width:100%;object-fit:cover}
.pwref-album-card-grid .pwref-album-card .desc{width:100%;box-sizing:border-box}
.pwref-album-card-grid .pwref-album-card .nw{box-sizing:border-box;max-width:100%}
.pwref-album-card-grid .pwref-album-card a:focus-visible{outline:2px solid #dc2626;outline-offset:2px}


/* v1.0.14 mini-player: isolated: existing audio, cards, downloads and theme layout unchanged. */
.pwref-mini{max-width:700px;margin:0 auto 20px;text-align:left;overflow:hidden;color:#f7fafc;background:linear-gradient(125deg,#192436 0%,#293b58 65%,#151f32 100%);border:1px solid #344862;box-shadow:0 7px 19px rgba(18,32,55,.16);border-radius:12px;font:inherit}
.pwref-mini *{box-sizing:border-box}.pwref-mini button{cursor:pointer;font:inherit}
.pwref-mini-head{display:flex;align-items:center;gap:12px;padding:11px 14px 6px}
.pwref-mini-cover{width:50px;height:50px;flex:0 0 50px;object-fit:cover;border-radius:7px;background:#334155}
.pwref-mini-copy{min-width:0;flex:1}.pwref-mini-name{font-size:15px;font-weight:700;line-height:1.35;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pwref-mini-album{font-size:12px;opacity:.76;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:3px}
.pwref-mini-timing{font-size:11px;color:#d0d9e6;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:5px}
.pwref-mini-progress{display:block;width:calc(100% - 28px);height:7px;margin:7px 14px 9px;cursor:pointer;accent-color:#f43f5e;border:0}
.pwref-mini-controls{display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.30);padding:5px 12px;gap:8px}
.pwref-mini-controls button,.pwref-mini-controls a{min-width:40px;min-height:38px;border:0;border-radius:8px;color:#f8fafc;background:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:21px;line-height:1;text-decoration:none;transition:background .14s}
.pwref-mini-controls button:hover,.pwref-mini-controls a:hover{background:#425573;color:#fff}
.pwref-mini-controls .pwref-mini-play{font-size:23px;background:#e11d48;border-radius:9px;min-width:52px}.pwref-mini-controls .pwref-mini-play:hover{background:#be123c}
.pwref-mini-download-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:inherit}.pwref-mini-download-icon svg{display:block;width:22px;height:22px;fill:currentColor}
.pwref-mini-msg{padding:0 14px 9px;font-size:11px;color:#fcd34d;min-height:1.2em}
.pwref-mini--dock{position:fixed;bottom:10px;left:var(--pwref-mini-left,50%);transform:translateX(-50%);width:var(--pwref-mini-width,min(680px,calc(100% - 24px)));margin:0;z-index:9980;box-shadow:0 9px 38px rgba(5,15,35,.35)}
.pwref-mini[hidden]{display:none!important}
.pwref-ts-play{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:#dc2626;border:0;border-radius:50%;width:30px;height:30px;font-size:13px;color:white;cursor:pointer;opacity:.9}
.ts-content li.ts-ul{position:relative}.ts-content li.ts-ul>a.ts-song{padding-right:43px}.pwref-ts-play:hover{background:#991b1b}
.pwref-album-play{border:0;border-radius:50%;background:#dc2626;color:white;font-size:11px;min-width:25px;min-height:25px;padding:3px;cursor:pointer;margin:0 4px}
.pwref-mini + .pwref-social-buttons{margin-top:10px}
@media(max-width:480px){.pwref-mini-head{gap:8px;padding:9px 10px 5px}.pwref-mini-cover{width:42px;height:42px;flex-basis:42px}.pwref-mini-name{font-size:13px}.pwref-mini-timing{font-size:10px}.pwref-mini-controls{padding:4px 10px}.pwref-mini-progress{width:calc(100% - 20px);margin:6px 10px}.pwref-mini--dock{bottom:5px;left:50%;width:calc(100% - 14px)}}

/* v1.0.15: dock homepage music player only after scrolling past its inline slot.
   One player/audio node throughout: no duplicate stream or playback resets. */
.pwref-mini-flow-slot{display:block;height:0;visibility:hidden;pointer-events:none;padding:0;border:0}
.pwref-mini--scroll-docked{bottom:max(8px,env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 20px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:480px){.pwref-mini--scroll-docked{bottom:max(5px,env(safe-area-inset-bottom,0px));width:calc(100% - 14px);max-height:calc(100dvh - 12px)}}

/* v1.0.17: player is dismissible only when docked; preserve original audio node. */
.pwref-mini-actions{display:none;align-items:center;gap:5px;flex:0 0 auto;margin-left:8px}
.pwref-mini--dock .pwref-mini-actions{display:flex}
.pwref-mini-actions button{width:29px;height:29px;min-width:29px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.24);border-radius:7px;background:rgba(255,255,255,.09);color:#fff;font-size:22px;font-weight:600;line-height:1;cursor:pointer;transition:background .15s}
.pwref-mini-actions button:hover,.pwref-mini-actions button:focus-visible{background:#425573;outline-offset:2px}
.pwref-mini-actions #pwrefMiniClose:hover,.pwref-mini-actions #pwrefMiniClose:focus-visible{background:#c7284c}
.pwref-mini-restore{display:none;border:0;background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;padding:10px 14px;width:100%;align-items:center;justify-content:center;gap:9px}
.pwref-mini--minimized{width:auto!important;max-width:min(210px,calc(100vw - 24px));min-width:165px;border-radius:12px;box-shadow:0 7px 25px rgba(5,15,35,.3)}
.pwref-mini--minimized .pwref-mini-head,.pwref-mini--minimized .pwref-mini-progress,.pwref-mini--minimized .pwref-mini-controls,.pwref-mini--minimized .pwref-mini-msg{display:none!important}
.pwref-mini--minimized .pwref-mini-restore{display:flex}
.pwref-mini[hidden]{display:none!important}
@media(max-width:480px){.pwref-mini-actions{gap:4px;margin-left:2px}.pwref-mini-actions button{width:27px;height:27px;min-width:27px;font-size:20px}.pwref-mini-timing{font-size:9px}.pwref-mini--minimized{left:50%;max-width:calc(100vw - 14px)}}

/* v1.0.20: Reference-style footer information pages only; editable via MusicPilot Footer Pages Manager. */
main.pwref-footer-info{box-sizing:border-box;margin:20px auto;background:#fff;padding:0 0 24px;color:#202020}
.pwref-footer-info>nav.bpan{box-sizing:border-box;margin:0 0 3px;padding:9px 12px;background:#f7f7f7}
.pwref-footer-info .breadcrumb{margin:0;padding:0;list-style:none}
.pwref-footer-info .breadcrumb li{display:inline;font-size:15px}
.pwref-footer-info .breadcrumb li+li::before{content:'›';display:inline-block;margin:0 8px;color:#444}
.pwref-footer-info>h1.heading{margin:0 0 2px;text-transform:none;line-height:1.4}
.pwref-footer-info-body{box-sizing:border-box;padding:16px 14px 24px;background:#fff;overflow-wrap:anywhere;font-size:16px;line-height:1.65}
.pwref-footer-info-body p{margin:0 0 14px;line-height:1.65;text-align:left;padding:0;font-size:16px}
.pwref-footer-info-body h2,.pwref-footer-info-body h3{margin:22px 0 9px;line-height:1.35;font-size:19px;font-weight:650;color:#232526}
.pwref-footer-info-body h3{font-size:17px}
.pwref-footer-info-body ul,.pwref-footer-info-body ol{padding-left:25px;margin:8px 0 16px;list-style:disc}
.pwref-footer-info-body ol{list-style:decimal}
.pwref-footer-info-body li{margin:5px 0;font-size:15px;line-height:1.55}
.pwref-footer-info-body a{color:#075ca4;text-decoration:underline;text-underline-offset:2px}
.pwref-footer-info-body a:hover{color:#d22134}
@media(max-width:576px){main.pwref-footer-info{margin-top:12px}.pwref-footer-info-body{padding:13px 11px 20px}.pwref-footer-info-body p{font-size:15px}.pwref-footer-info-body h2{font-size:17px}}


/* v1.0.21: Reference-style desktop sticky music sidebar, isolated from player.
   Sticky descendants must be shorter than the viewport, while their flex item
   must stretch to the height of the main content.  Without both constraints,
   Trending/Latest panels can be taller than the viewport and appear non-sticky. */
@media (min-width: 769px) {
  .mainContent { align-items: stretch; }
  .mainContent > .sidebar { align-self: stretch; min-width: 0; }
  .mainContent > .sidebar > .sidebar-content {
    position: -webkit-sticky;
    position: sticky;
    top: 12px;
    align-self: flex-start;
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #aab1bb transparent;
    padding-right: 2px;
  }
  .mainContent > .sidebar > .sidebar-content::-webkit-scrollbar { width: 5px; }
  .mainContent > .sidebar > .sidebar-content::-webkit-scrollbar-thumb { background:#aab1bb; border-radius:5px; }
}
@media (max-width: 768px) {
  .mainContent > .sidebar { align-self: auto; }
  .mainContent > .sidebar > .sidebar-content {
    position: static;
    max-height: none;
    overflow: visible;
    overscroll-behavior: auto;
    padding-right: 0;
  }
}

/* v1.0.22: lightweight red equalizer only while an imported cover image is loading.
   No new requests/polls; existing covers, links and audio are unchanged. */
.pwref-img-loader-host{position:relative!important}
.pwref-img-loader{position:absolute;z-index:1;display:flex;gap:3px;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;background:#f3f4f6;opacity:0;animation:pwref-wave-reveal .15s .18s forwards}
.pwref-img-loader i{display:block;width:5%;max-width:8px;min-width:2px;height:22%;background:#df2349;border-radius:1px;transform-origin:center;animation:pwref-wave-bounce .83s ease-in-out infinite alternate}
.pwref-img-loader i:nth-child(2n){animation-delay:-.62s}
.pwref-img-loader i:nth-child(3n){animation-delay:-.25s}
.pwref-img-loader i:nth-child(4n){animation-delay:-.49s}
.pwref-img-loader i:nth-child(5n){animation-delay:-.72s}
@keyframes pwref-wave-reveal{to{opacity:1}}
@keyframes pwref-wave-bounce{0%{transform:scaleY(.4)}100%{transform:scaleY(2.9)}}
@media(prefers-reduced-motion:reduce){.pwref-img-loader i{animation:none}.pwref-img-loader{animation:pwref-wave-reveal .01s .18s forwards}}