:root{--font-family: Arial, sans-serif;--color-bg-item: rgba(255, 255, 255, .9);--color-title: #111;--color-subtitle: #222;--color-shadow: rgba(14, 16, 21, .5);--radius: 10px;--spacing-item: 6px 6px;--gap-item: 8px;--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-color: #0b0b0b;background-image: url("../img/bg.webp");background-position: center;background-size: cover;background-repeat: no-repeat}.recents-column{display: flex;flex-direction: column;width: 380px;min-width: 380px;flex-shrink: 0;overflow-y: auto;z-index: 300}.player-column{flex-grow: 1;position: relative;min-width: 0;overflow: hidden}#radio-player{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)}.recents-column,#recent-songs{scrollbar-width: none !important}.recents-column::-webkit-scrollbar,#recent-songs::-webkit-scrollbar{display: none !important}#recent-songs{padding: 10px 15px;color: var(--color-text);overflow-y: auto;z-index: 1000}#recent-songs h2,#partners-list h2,#other-radios-list h2{color: var(--color-text);margin-bottom: 10px;font-size: 1em;text-align: left}.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)}.song-details{flex: 1;min-width: 0;padding-right: 10px;overflow: hidden;transition: transform .2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.song-item:hover .song-details{transform: translateX(5px)}.song-details h3,.song-details p{margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;min-height: 1.2em}.song-details h3{font-size: 1em;color: var(--color-title);margin-bottom: 2px}.song-details p{font-size: .9em;color: var(--color-subtitle)}.loading-text{background: none !important;box-shadow: none !important}#partners-list{margin-top: 0;padding: 0 15px}#other-radios-list{padding: 0 15px;margin-bottom: 20px}#partners-list .song-item,#other-radios-list .song-item{cursor: pointer}.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}.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)}.carousel-content:hover .song-details{transform: translateX(5px)}.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-content .modal-title{color: var(--color-text);margin-top: 0}.modal-content .modal-subtitle{font-size: 0.9em;color: #ccc;margin-bottom: 20px}.status-container{min-height: 20px;margin-top: 15px}#form-status{text-align: center;margin: 0;font-size: 0.9em;font-weight: bold}.modal-overlay.active .modal-content{transform: translateY(0)}.modal-close{position: absolute;top: 15px;right: 15px;font-size: 28px;background: transparent;border: none;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)}.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}.char-counter{float: right;font-size: 0.85em;color: #888;font-weight: normal}.char-counter.limit-warning{color: #ff5252}.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: none;border-color: var(--color-primary);box-shadow: 0 0 10px rgba(250, 34, 91, 0.3)}.form-group input::placeholder,.form-group textarea::placeholder{color: #888}.modal-content,.form-group textarea{scrollbar-width: thin;scrollbar-color: var(--color-primary) transparent}.modal-content::-webkit-scrollbar,.form-group textarea::-webkit-scrollbar{width: 6px}.modal-content::-webkit-scrollbar-track,.form-group textarea::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.2);border-radius: 8px}.modal-content::-webkit-scrollbar-thumb,.form-group textarea::-webkit-scrollbar-thumb{background-color: var(--color-primary);border-radius: 8px}.modal-content::-webkit-scrollbar-thumb:hover,.form-group textarea::-webkit-scrollbar-thumb:hover{filter: brightness(1.2)}.btn-submit{background: var(--color-primary);color: #fff;border: none;padding: 15px;border-radius: 8px;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)}@media screen and (max-height: 830px){#recent-songs-list .song-item:nth-child(8){display: none}}@media screen and (max-height: 760px){#recent-songs-list .song-item:nth-child(7){display: none}}@media screen and (max-height: 550px){#partners-list,#other-radios-list{display: none}}@media screen and (max-height: 540px){footer{display: none}}@media screen and (max-width: 1366px){.main-container{flex-direction: column}.recents-column{display: none}.player-column{width: 100%;height: 100%}}