:root{--bg-color:#f0f4f8;--card-bg:#ffffff;--text-main:#2b3a4a;--text-muted:#8a99a8}.player-container{background-color:var(--card-bg);width:100%;max-width:1024px;overflow:hidden;display:flex;flex-direction:column}.controls-row,.on-air{justify-content:center;display:flex}.cover-section{position:relative;width:100%;height:auto;background-color:#e2e8f0}.cover-art{width:100%;height:auto;object-fit:cover}.on-air{position:absolute;top:10px;right:10px;background:var(--card-bg);padding:4px 10px;box-shadow:0 8px 20px rgba(160,175,192,.3),inset 0 2px 4px rgba(255,255,255,.8);border-radius:20px;align-items:center;gap:10px}.light{width:5px;height:5px;background:#00f000;border-radius:50%;box-shadow:0 0 4px 2px rgba(0,255,0,.8)}.canvas-container{position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to top,#fff 20%,rgba(255,255,255,0));pointer-events:none}#waveCanvas{width:100%;height:100%;display:block}.info-section{padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}.album-title{font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:600;margin-bottom:8px}.song-title{font-size:1.6rem;color:var(--primary);font-weight:700;margin-bottom:16px}.artist-name,.btn-action,.btn-main:disabled i{color:var(--text-muted)}.artist-name{font-size:.95rem;margin-bottom:32px}.controls-row{margin-bottom:40px;align-items:center}.btn-main{background:var(--card-bg);border:none;width:150px;height:150px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(160,175,192,.3),inset 0 2px 4px rgba(255,255,255,.8);transition:transform .2s,box-shadow .2s}.btn-main:active:not(.btn-main:disabled){transform:scale(.95);box-shadow:0 4px 10px rgba(160,175,192,.2)}.btn-main i{font-size:48px;color:var(--primary);transform:translateX(2px)}.btn-main i.fa-pause{transform:translateX(0)}.btn-main:disabled{transition:none;cursor:inherit}.btn-main:disabled i{transform:none}@media (min-width:768px){.cover-section{height:320px}.cover-art{width:100%;height:100%}.btn-main{width:72px;height:72px}.btn-main i{font-size:28px}}.footer-actions{width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f0f4f8}.btn-action{background:0 0;border:none;font-size:22px;cursor:pointer;padding:8px;transition:color .2s;text-decoration:none;display:inline-flex;align-items:center}.btn-action:hover{color:var(--text-main);text-decoration:none}