*{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#cab8df,#f8d9c9);color:#2d2130;min-height:100vh;padding:18px}a{color:#503d63}.container{max-width:1100px;margin:32px auto;padding:28px;background:rgba(255,255,255,.55);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 12px 40px rgba(55,39,61,.13)}.container-narrow{max-width:620px}.container-wide{max-width:1100px}h1,h2,h3{color:#62476d}.logo{display:block;max-width:280px;width:60%;margin:0 auto 24px;border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.13)}.live-player{text-align:center;padding:24px;border-radius:18px;background:rgba(255,255,255,.62);margin-bottom:28px}.live,.offline{font-size:1.6rem;font-weight:800;margin-bottom:8px}.live{color:#147a3b}.offline{color:#a53030}audio{width:100%;max-width:620px;margin-top:16px}.sponsor-marquee{overflow:hidden;white-space:nowrap;background:#34283a;color:#fff;padding:10px;border-radius:12px}.sponsor-track{display:inline-block;padding-left:100%;animation:scroll 35s linear infinite}.sponsor-track img{height:38px;max-width:120px;object-fit:contain;vertical-align:middle;margin-right:8px}.sponsor-track a{color:white;text-decoration:none}@keyframes scroll{to{transform:translateX(-100%)}}button,.dashboard-button,.secondary-button{display:inline-block;border:0;border-radius:10px;padding:11px 16px;background:#765a80;color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.secondary-button{background:#5e6d8a}.danger{background:#a83e49!important}.small{padding:6px 9px}.dashboard-grid,.card-grid,.ad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:20px}.dashboard-button{text-align:center;padding:20px}.admin-card,.ad-card{background:rgba(255,255,255,.66);padding:16px;border-radius:14px;text-decoration:none}.admin-card img,.ad-card img{width:100%;height:150px;object-fit:contain;border-radius:10px;background:#fff}.ad-card span{display:block;text-align:center;margin-top:8px;font-weight:700}.stacked-form{display:grid;gap:14px}.stacked-form label,.filter-form label{display:grid;gap:6px;font-weight:700}.stacked-form input,.stacked-form select,.stacked-form textarea,.filter-form input,.filter-form select{width:100%;padding:11px;border:1px solid #cabdce;border-radius:9px;background:white}.stacked-form textarea{min-height:110px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.filter-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.filter-form label{min-width:180px}.notice{padding:13px 15px;border-radius:10px;margin:14px 0}.success{background:#dff5e5;color:#175b2f}.error{background:#f8dddd;color:#81252d}.warning{background:#fff2cc;color:#6e5400}.network-banner{position:sticky;top:0;z-index:1000;background:#7a2f38;color:#fff;padding:10px;text-align:center;border-radius:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.5)}th,td{padding:12px;border-bottom:1px solid #d7cbd9;text-align:left}.inline{display:inline}.preview-logo{max-width:200px;max-height:120px;object-fit:contain;background:#fff;border-radius:10px}#past-recordings ul{list-style:none;padding:0}#past-recordings li{display:flex;justify-content:space-between;gap:16px;align-items:center;background:rgba(255,255,255,.55);padding:14px;border-radius:12px;margin-bottom:10px}@media(max-width:650px){body{padding:8px}.container{padding:18px;margin:18px auto}.filter-form{display:grid}.filter-form label{min-width:0}#past-recordings li{display:block}.small-logo{width:80%}table{min-width:720px}}.desktop-install-row{display:flex;justify-content:flex-end;margin:0 0 12px}.install-app-button{background:#392d44;box-shadow:0 6px 18px rgba(57,45,68,.22)}.pwa-gate{position:fixed;inset:0;z-index:100000;background:rgba(35,27,39,.88);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.pwa-gate-card{width:min(480px,100%);background:#fffaf7;color:#2d2130;border-radius:22px;padding:28px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.35)}.pwa-gate-card h2{margin:12px 0 8px;font-size:1.65rem}.pwa-gate-icon{width:96px;height:96px;border-radius:22px;box-shadow:0 8px 24px rgba(0,0,0,.15)}.pwa-gate-body p{line-height:1.5}.pwa-steps{text-align:left;line-height:1.55;padding-left:24px;margin:18px auto;max-width:360px}.pwa-primary{width:100%;font-size:1.05rem;padding:14px 18px;margin-top:8px;background:#62476d}.pwa-primary:disabled{opacity:.55;cursor:wait}.pwa-note{font-size:.9rem;color:#655b68;margin-top:14px}.pwa-link-button{margin-top:12px;background:transparent;color:#503d63;text-decoration:underline;padding:8px}.pwa-link-button:hover{background:rgba(80,61,99,.08)}@media(max-width:650px){.desktop-install-row{display:none}.pwa-gate{padding:12px}.pwa-gate-card{padding:22px 18px;border-radius:18px}}
.app-footer{max-width:1100px;margin:10px auto 24px;text-align:center;font-size:.82rem;color:#685d6b;opacity:.9}
/* v2.3.1 advertisement rotator/admin */
.sponsor-track{animation-duration:var(--sponsor-scroll-seconds,35s)}
.ad-rotator{margin:0 0 28px;padding:16px;background:rgba(255,255,255,.5);border-radius:16px}
.ad-rotator-stage{position:relative;min-height:220px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:rgba(255,255,255,.7)}
.ad-slide{display:none;width:100%;text-decoration:none;color:inherit;text-align:center;animation:adFade .3s ease}
.ad-slide.active{display:block}
.ad-slide img{display:block;width:100%;max-height:360px;object-fit:contain;background:#fff;border-radius:10px}
.ad-slide span{display:block;padding:9px 8px 2px;font-weight:700}
.ad-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}
.ad-dot{width:11px;height:11px;border-radius:50%;padding:0;background:#c4b5c8;border:0}
.ad-dot.active{background:#62476d}
@keyframes adFade{from{opacity:.25}to{opacity:1}}
.ad-settings-card,.ad-upload-card{margin:18px 0}
.ad-settings-card h2,.ad-upload-card h2{margin-top:0}
.number-with-unit{display:flex;gap:10px;align-items:center}
.number-with-unit input{max-width:140px}
.form-help,.muted{font-size:.9rem;color:#6b606d;font-weight:400;margin:0}
.count-badge{display:inline-flex;min-width:28px;height:28px;padding:0 8px;align-items:center;justify-content:center;border-radius:999px;background:#62476d;color:#fff;font-size:.85rem;vertical-align:middle}
.compact-form{margin-top:12px}
.button-row{display:flex;gap:8px;flex-wrap:wrap}
.ad-admin-grid .admin-card>img{width:100%;height:180px;object-fit:contain;background:#fff;border-radius:10px}
@media(max-width:650px){.ad-rotator-stage{min-height:150px}.ad-slide img{max-height:260px}}