.irp-card{max-width:350px;margin:20px auto;padding:22px 20px 24px;text-align:center;border-radius:12px;border:1px solid #c9ccd6;background:linear-gradient(135deg,#defbee 0%,#eef0f6 50%,#fbe3f6 100%);box-shadow:0 4px 10px rgba(0,0,0,.18);font-family:inherit;box-sizing:border-box}.irp-logo{display:block;max-width:110px;max-height:50px;margin:0 auto 14px;object-fit:contain}.irp-logo-text{margin-bottom:12px;line-height:1.1}.irp-logo-name{display:block;font-weight:800;color:#e30613;font-size:18px}.irp-logo-freq{display:block;font-size:10px;font-weight:700;color:#333}.irp-title{font-weight:700;font-size:16px;color:#183a5a;margin-bottom:8px}.irp-status{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:18px}.irp-live{background:#e30613;color:#fff;font-size:11px;padding:2px 13px;border-radius:2px;letter-spacing:.5px}.irp-rec{width:16px;height:16px;border:2px solid #e30613;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.irp-rec span{width:7px;height:7px;background:#e30613;border-radius:50%}.irp-card.is-playing .irp-rec span{animation:irp-pulse 1.2s infinite}@keyframes irp-pulse{0%,100%{opacity:1}50%{opacity:.2}}.irp-controls{display:flex;justify-content:center;align-items:center;gap:20px}.irp-btn{background:0 0 !important;border:0 !important;padding:0 !important;margin:0;cursor:pointer;color:#183a5a;line-height:0;position:relative;box-shadow:none !important}.irp-btn svg{width:28px;height:28px;fill:#183a5a}.irp-play svg{width:28px;height:28px}.irp-btn:hover svg{opacity:.85}.irp-btn:focus-visible{outline:2px solid #183a5a;outline-offset:3px;border-radius:50%}.irp-icon-pause,.irp-icon-muted,.irp-card.is-playing .irp-icon-play,.irp-card.is-muted .irp-icon-vol{display:none}.irp-card.is-playing .irp-icon-pause,.irp-card.is-muted .irp-icon-muted{display:inline}.irp-spinner{display:none;position:absolute;inset:-4px;border:2px solid transparent;border-top-color:#183a5a;border-radius:50%;animation:irp-spin .8s linear infinite}.irp-card.is-loading .irp-spinner{display:block}@keyframes irp-spin{to{transform:rotate(360deg)}}.irp-volume-wrap{display:flex;align-items:center;gap:8px}.irp-volume{width:0;opacity:0;transition:width .25s,opacity .25s;accent-color:#183a5a;cursor:pointer}.irp-volume-wrap:hover .irp-volume,.irp-volume:focus{width:80px;opacity:1}@media (hover:none){.irp-volume{width:80px;opacity:1}}.irp-nowplaying{margin-top:14px;font-size:13px;color:#183a5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.irp-error .irp-nowplaying{color:#e30613}