:root{--font-family:Arial,sans-serif;--color-text:#fff;--color-primary:rgba(0,159,253,0.9);--color-bg-item:rgba(255,255,255,.9);--color-title:#111;--color-subtitle:#222;--color-number:#333;--color-shadow:rgba(14,16,21,.5);--radius:10px;--spacing-item:10px 10px;--gap-item:10px;--transition-speed:.3s}html,body{font-family:var(--font-family);margin:0;padding:0;color:var(--color-text);height:100%;width:100%}*{box-sizing:border-box}.main-container{display:flex;flex-direction:row;height:100%;width:100%;background:url("../img/bg.webp")center/cover no-repeat}.recents-column{display:flex;flex-direction:column;width:380px;overflow-y:auto;z-index:300}.player-column{flex-grow:1;position:relative}#lunaradio{position:absolute;inset:0;width:100%;height:100%;z-index:300}footer{position:absolute;bottom:0;width:100%;text-align:center;padding:2px;font-size:12px;z-index:999}footer a{color:var(--color-text);text-decoration:none}footer a:hover,footer a:focus{color:var(--color-primary)}#recent-songs{padding:10px 15px;color:var(--color-text);overflow-y:auto;z-index:1000}#recent-songs h2{color:var(--color-text);margin-bottom:10px;font-size:1em;text-align:left}.song-list{list-style:none;padding:0;width:100%}.song-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-item);padding:var(--spacing-item);background:var(--color-bg-item);box-shadow:4px 4px 4px var(--color-shadow);border-radius:var(--radius);transition:all var(--transition-speed) ease}.song-item:last-child{margin-bottom:0}.song-item:hover{background-color:var(--color-primary)}.song-details{flex-grow:1;padding-right:25px;overflow:hidden}.song-details h3,.song-details p{margin:0;font-size:.9em;color:var(--color-subtitle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-details h3{font-size:1em;color:var(--color-title)}.song-number{font-size:2em;font-weight:bold;color:var(--color-number);min-width:20px;text-align:right;margin-left:auto}@media screen and (max-width:1270px){.main-container{flex-direction:column}.recents-column{display:none}.player-column{width:100%;height:100%}}