@charset "UTF-8";
:root{--bg-start:#2C5364;--bg-mid:#203A43;--bg-end:#0F2027;--text:#fff;--border:#fefefe;--shadow:0 5px 10px rgba(0,0,0,0.4);--radius:10px;--gap:1rem}
html,body{height:100%;margin:0;font-family:'Poppins',sans-serif;color:var(--text);background:linear-gradient(to right,var(--bg-start),var(--bg-mid),var(--bg-end)) fixed;overflow-x:hidden}
.navbar{background-color:#000;padding:0.75rem 1rem;min-height:calc(60px + 2 * 12px)}
.navbar-brand{display:flex;align-items:center;margin-left:.5rem}
.navbar-brand img{max-height:60px;height:auto}
.navbar-nav .nav-link{color:#fff!important;font-weight:700;padding:0.5rem 1rem}
.navbar-nav .nav-link:hover{color:#adb5bd!important}
.navbar-nav .nav-link.active{color:#6c757d!important}
body{font-family:sans-serif;margin:0;padding:0}
header{background:#333;color:#fff;padding:1em}
nav ul{list-style:none;margin:0;padding:0;display:flex}
nav li{margin-right:1em}
nav a{color:white;text-decoration:none}
.content{margin-top:50px;margin-bottom:80px;padding:1em}
body.homepage{background-image:url('/img/slide05.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center}
#radioPlayer{font-family:Arial,sans-serif;color:white;padding:20px;width:70%;max-width:1200px;margin:auto;border-radius:10px;overflow:hidden;position:relative}
#player .web-player{position:relative;z-index:1;padding:var(--gap)}
#currentCoverArt{width:100%;height:100%;min-height:95px;background-size:cover;background-position:center;border-radius:var(--radius);border:2px solid var(--border);box-shadow:1px 2px 5px rgba(0,0,0,0.3);transition:background-image 1s ease}
#nextCoverArt,.historic .cover-historic{width:95px;height:95px;flex:none;background-size:cover;background-position:center;border-radius:var(--radius);border:2px solid var(--border);box-shadow:1px 2px 5px rgba(0,0,0,0.3);transition:background-image 1s ease}
.cover-album{width:100%;max-width:320px;aspect-ratio:1/1;margin:0 auto var(--gap);background-size:cover;background-position:center;border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:background-image 1s ease}
.info-current-song{text-align:center;margin-bottom:var(--gap)}
.info-current-song h2{font-size:2.5rem;font-weight:800;text-transform:uppercase;margin:0.5rem 0}
.info-current-song h3{font-size:1.25rem;font-weight:600;margin:0}
.next h2,.historic h2{font-size:1rem;font-weight:bold;text-transform:uppercase;border-bottom:2px solid var(--border);margin:var(--gap) 0 0.5rem}
.music-info-next,.historic .music-info{display:flex;flex-direction:column;justify-content:center}
#nextSong,.historic .song{font-size:1.125rem;font-weight:bold;text-transform:uppercase;margin-bottom:0.25rem}
#nextArtist,.historic .artist{font-size:1rem}
.next article,.historic article{display:flex;align-items:center;gap:var(--gap)}
.music-info-next,.historic .music-info{flex:1}
#nextCoverArt,.historic .cover-historic{flex:none}
@media(min-width:768px){.cover-album{margin:0}.info-current-song{text-align:left}}
@media(max-width:1024px){#radioPlayer{width:90%}.info-current-song h2{font-size:2rem}.info-current-song h3{font-size:1.1rem}}
@media(max-width:767px){#radioPlayer{width:100%;padding:10px}.info-current-song h2{font-size:1.6rem}.info-current-song h3{font-size:0.9rem}#nextSong,.historic .song{font-size:0.9rem}#nextArtist,.historic .artist{font-size:0.8rem}.cover-album{max-width:200px;margin-bottom:1rem}#nextCoverArt,.historic .cover-historic{width:75px;height:75px}}
.paradise-vote-container{font-family:'Roboto',sans-serif}
.paradise-vote-table th,.paradise-vote-table td{padding:6px 8px;vertical-align:top;background:transparent!important;color:#000000}
#paradise-vote-table tbody tr:nth-child(odd){background-color:#ffffff!important}
#paradise-vote-table tbody tr:nth-child(even){background-color:#cce5ff!important}
#paradise-vote-table tbody tr:hover{background-color:#99ccff!important}
#paradise-vote-table thead tr{background-color:#f1f1f1!important}
#paradise-vote-table thead th{color:#000!important}
.paradise-vote-table td:last-child{text-align:right;padding-right:10px}
.paradise-vote-table td div{padding-left:10px}
.paradise-vote-table td div:first-child{font-weight:bold}
.paradise-popup{font-family:'Roboto',sans-serif}
#song-history{max-width:600px}
.track{display:flex;align-items:center;margin-bottom:10px}
.track img{width:100px;height:100px;object-fit:cover;margin-right:10px;border:1px solid #ccc;border-radius:4px;background-color:#f0f0f0}
.track .info{line-height:1.2}
.track .info .artist{font-size:1.5rem;font-weight:bold}
.track .info .title{font-size:1.5rem;font-style:italic}