:root{--font-family: Arial, sans-serif;--color-text:#fff;--color-bg-item: rgba(255, 255, 255, 0.9);--color-shadow: rgba(14, 16, 21, 0.5);--color-title: #111;--color-subtitle: #222;--radius: 10px;--spacing-item: 6px 6px;--gap-item: 8px;--transition-speed: 0.3s}*{box-sizing: border-box}html,body{background:#0b0b0b;font-family: var(--font-family);margin: 0;padding: 0;color: var(--color-text);height: 100%;width: 100%;scrollbar-width: none}.main-container{display: flex;flex-direction: row;min-height:100vh;height: 100%;width: 100%;background-color: #0b0b0b;background-image: url("../img/bg.webp");background-position: center;background-size: cover;background-repeat: no-repeat}.player-column{flex-grow: 1;position: relative;min-width: 0;overflow: hidden}.recents-column{display: flex;flex-direction: column;width: 380px;min-width: 380px;flex-shrink: 0;overflow-y: auto;z-index: 300;padding-bottom: 40px}.recents-column,#recent-songs{scrollbar-width: none}.modal-content,.form-group textarea{scrollbar-width: thin;scrollbar-color: var(--color-primary) transparent}#recent-songs{padding: 15px 15px 0 15px;margin-bottom: 10px;color: var(--color-text);overflow-y: auto;z-index: 1000}#current-program,#partners-list,#other-radios-list{padding: 0 15px;margin-bottom: 10px}#recent-songs h2,#current-program h2,#partners-list h2,#other-radios-list h2{color: var(--color-text);margin-top: 0;margin-bottom: 8px;font-size: 1em;text-align: left;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8)}.song-list{list-style: none;padding: 0;margin: 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);max-width: 100%;transition: background-color var(--transition-speed) ease}.song-item:last-child{margin-bottom: 0}.song-item:hover{background-color: var(--color-primary)}#partners-list .song-item,#other-radios-list .song-item{cursor: pointer}.song-details{flex: 1;min-width: 0;padding-right: 10px;overflow: hidden;transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.song-item:hover .song-details,.carousel-content:hover .song-details{transform: translateX(5px)}.song-details h3,.song-details p{margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;line-height: 1.3;padding: 1px 0}.song-details h3{font-size: 1em;color: var(--color-title);margin-bottom: 0}.song-details p{font-size: 0.9em;color: var(--color-subtitle)}.item-logo{width: 50px;height: 50px;object-fit: cover;margin-right: 8px;box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.4);border: 2px solid rgba(255, 255, 255, 0.3);flex-shrink: 0}#recent-songs .song-details h3,#recent-songs .song-details p,#current-program .song-details p,#partners-list .song-details h3,#partners-list .song-details p,#other-radios-list .song-details h3,#other-radios-list .song-details p,.modal-content p,.char-counter,footer{text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15)}#current-program .song-details h3,.modal-content h2,.form-group label{text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2)}#current-program .carousel-content{cursor: default}.carousel-viewport{overflow: hidden;width: 100%;height: 62px;background: var(--color-bg-item);box-shadow: 4px 4px 4px var(--color-shadow);border-radius: var(--radius);position: relative}.carousel-track{display: flex;flex-direction: column;transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);width: 100%;margin: 0;padding: 0;gap: 0}.carousel-content{display: flex;justify-content: space-between;align-items: center;height: 62px;flex: 0 0 62px;padding: var(--spacing-item);box-sizing: border-box;width: 100%;transition: background-color var(--transition-speed) ease;cursor: pointer}.carousel-content:hover{background-color: var(--color-primary)}a.carousel-link{text-decoration: none;color: inherit;display: flex;align-items: center;width: 100%}custom-radio-player,#radio-player{position: absolute;inset: 0;width: 100%;height: 100%;z-index: 300}custom-radio-player:not(:defined){display: block;min-height: 400px;background: #000}#news-ticker{position: fixed;bottom: 0;left: 0;width: 100vw;height: 35px;background: rgba(0, 0, 0, 0.3);-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);display: flex;align-items: center;z-index: 9000;border-top: 1px solid rgba(255, 255, 255, 0.15);overflow: hidden}.ticker-label{background: var(--color-primary);color: #fff;font-size: 0.8em;font-weight: bold;padding: 0 15px;height: 100%;display: flex;align-items: center;white-space: nowrap;z-index: 2;box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5)}.ticker-content{flex: 1;overflow: hidden;position: relative;height: 100%;-webkit-mask-image: linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);mask-image: linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}.ticker-track{display: flex;align-items: center;height: 100%;width: max-content;white-space: nowrap;animation: ticker-seamless 80s linear infinite}.ticker-item{margin-right: 60px;font-size: 0.9em;color: #eee;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8)}.ticker-item::before{content: "\2022";color: var(--color-primary);margin-right: 15px;font-size: 1.2em}.ticker-clock{background: var(--color-primary);color: #fff;font-size: 0.8em;font-weight: bold;padding: 0 15px;height: 100%;display: flex;align-items: center;white-space: nowrap;z-index: 2;box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);font-family: var(--font-family);font-variant-numeric: tabular-nums}@keyframes ticker-seamless{0%{transform: translate3d(0, 0, 0)}100%{transform: translate3d(-50%, 0, 0)}}.modal-overlay{display: none;position: fixed;inset: 0;width: 100%;height: 100%;background: transparent;z-index: 9999;justify-content: center;align-items: center;opacity: 0;transition: opacity 0.3s ease;backdrop-filter: none;pointer-events: none}.modal-overlay.active{display: flex;opacity: 1;pointer-events: auto}.modal-content{background: #111;padding: 30px;border-radius: var(--radius);width: 90%;max-width: 450px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9);position: relative;transform: translateY(-50px);transition: transform 0.3s ease;border: 2px solid rgba(255, 255, 255, 0.15);overflow: hidden}.modal-overlay.active .modal-content{transform: translateY(0)}.modal-content .modal-title{color: var(--color-text);margin-top: 0}.modal-content .modal-subtitle{font-size: 0.9em;color: #ccc;margin-bottom: 20px}.modal-content h2{color: var(--color-text);margin-top: 0;font-family: inherit;cursor: grab;user-select: none;padding-bottom: 10px}.modal-content h2:active{cursor: grabbing}.modal-content p{font-size: 0.9em;color: #ccc;margin-bottom: 25px;line-height: 1.5}.modal-close{position: absolute;top: 15px;right: 15px;font-size: 28px;background: transparent;border: 0;cursor: pointer;color: #888;transition: color 0.3s, transform 0.3s;line-height: 1;z-index: 10}.modal-close:hover{color: var(--color-primary);transform: scale(1.1)}.form-group{margin-bottom: 20px;text-align: left}.form-group label{display: block;margin-bottom: 7px;font-size: 0.95em;color: #eee;font-weight: bold}.form-group input,.form-group textarea{width: 100%;padding: 14px;border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 8px;background: rgba(0, 0, 0, 0.4);color: #fff;font-family: inherit;font-size: 1em;transition: border-color 0.3s, box-shadow 0.3s}.form-group input:focus,.form-group textarea:focus{outline: 0;border-color: var(--color-primary);box-shadow: 0 0 10px var(--color-primary-shadow)}.form-group input::placeholder,.form-group textarea::placeholder{color: #888}.char-counter{float: right;font-size: 0.85em;color: #888;font-weight: normal}.char-counter.limit-warning{color: #ff5252}.btn-submit{background: var(--color-primary);color: #fff;border: 0;padding: 15px;cursor: pointer;width: 100%;font-size: 0.9em;font-weight: bold;text-transform: uppercase;transition: filter 0.3s, transform 0.3s;margin-top: 15px}.btn-submit:hover{filter: brightness(1.15)}.btn-submit:active{transform: scale(0.98)}.status-container{min-height: 20px;margin-top: 15px}#form-status{text-align: center;margin: 0;font-size: 0.9em;font-weight: bold}footer{position: absolute;bottom: 40px;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)}.loading-text{background: none !important;box-shadow: none !important}@media screen and (min-width: 1025px) and (max-height: 830px){#recent-songs .song-item:nth-child(6){display: none}}@media screen and (min-width: 1025px) and (max-height: 768px){#recent-songs .song-item:nth-child(5){display: none}footer{bottom: 32px}}@media screen and (min-width: 1025px) and (max-height: 680px){#recent-songs .song-item:nth-child(4){display: none}}@media screen and (min-width: 1025px) and (max-height: 620px){#partners-list,#other-radios-list{display: none}}@media screen and (max-width: 1024px){html,body{height: auto;overflow-y: auto}.main-container{flex-direction: column;height: auto;overflow-y: visible}.player-column{width: 100%;min-height: 100vh;min-height: 100svh;flex: none;order: 1;position: relative}.recents-column{display: flex;width: 100%;max-width: 600px;margin: 0 auto;min-width: 0;height: auto;overflow-y: visible;order: 2;padding: 20px 15px 50px 15px}footer{position: absolute;bottom: 35px;top: auto;margin-top: 0;left: 0;width: 100%;z-index: 9999}@media (pointer: coarse) and (max-width: 767px){#news-ticker{display: none}}}@media screen and (max-height: 500px) and (orientation: landscape){html,body{height: auto;overflow-y: auto}.main-container{flex-direction: column;height: auto;overflow-y: visible}.player-column{width: 100%;min-height: 100vh;min-height: 100svh;flex: none;order: 1;position: relative}.recents-column{display: flex;width: 100%;height: auto;overflow-y: visible;order: 2;padding: 20px 15px 50px 15px}footer{position: absolute;bottom: 15px;top: auto;margin-top: 0;left: 0;width: 100%;z-index: 9999}@media (pointer: coarse){#news-ticker{display: none}}}