/* CyberJan radio player v0.4.0: scoped and motion-light */
.cjsam-radio{box-sizing:border-box;width:100%;max-width:760px;padding:26px 28px;background:linear-gradient(125deg,#121c2c 0%,#172b43 72%,#101927 100%);border:1px solid rgba(170,213,250,.19);border-radius:20px;color:#f4f8fd;box-shadow:0 14px 38px rgba(9,19,33,.18);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.4}
.cjsam-radio *{box-sizing:border-box}.cjsam-radio-top,.cjsam-radio-brand,.cjsam-radio-main,.cjsam-radio-controls,.cjsam-radio-volume{display:flex;align-items:center}.cjsam-radio-top{justify-content:space-between;gap:12px}.cjsam-radio-brand{font-size:13px;font-weight:800;letter-spacing:.115em;gap:10px}.cjsam-radio-brand em{font-style:normal;color:#72d5fc}.cjsam-radio-symbol{font-size:20px;color:#72d5fc}.cjsam-radio-live{font-size:10px;font-weight:800;letter-spacing:.12em;padding:7px 11px;border-radius:999px;background:rgba(107,214,247,.11);border:1px solid rgba(107,214,247,.22);white-space:nowrap}.cjsam-radio-live i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#60d4b2}
.cjsam-radio-main{gap:19px;margin:27px 0 24px;min-width:0}.cjsam-radio-art{flex:0 0 84px;height:84px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#24547f,#356a8c 58%,#193851);border:1px solid rgba(255,255,255,.1);color:#ebf9ff;font-size:45px}.cjsam-radio-info{min-width:0;flex:1}.cjsam-radio-caption{display:block;color:#87bfd9;font-size:10px;font-weight:800;letter-spacing:.17em;margin-bottom:7px}.cjsam-radio-track{font-size:clamp(17px,2.5vw,25px);font-weight:750;line-height:1.25;overflow-wrap:anywhere}.cjsam-radio-tag{font-size:12px;color:#a9b9cd;margin-top:7px}
.cjsam-radio-controls{gap:15px;padding-top:17px;border-top:1px solid rgba(255,255,255,.12)}.cjsam-radio-toggle{flex:0 0 51px;width:51px;height:51px;border-radius:50%;border:0;background:#78d7fb;color:#0b2436;display:grid;place-items:center;font-size:19px;font-weight:800;cursor:pointer;transition:background .15s ease}.cjsam-radio-toggle:hover{background:#b5eaff}.cjsam-radio-toggle:focus-visible,.cjsam-radio-mute:focus-visible,.cjsam-radio-volume-range:focus-visible{outline:3px solid #fff;outline-offset:3px}.cjsam-radio-state{font-size:13px;color:#c4d7e5;flex:1;min-width:0}.cjsam-radio-volume{gap:10px}.cjsam-radio-mute{background:transparent;border:0;color:#e6f5ff;min-width:32px;padding:6px;cursor:pointer;font-size:16px}.cjsam-radio-volume-range{width:115px;accent-color:#7fd5f6;cursor:pointer}.cjsam-radio-volume-value{font-size:12px;color:#bed0dc;min-width:34px;text-align:right}.cjsam-radio audio{display:none}
@media(max-width:520px){.cjsam-radio{padding:19px;border-radius:16px}.cjsam-radio-main{margin:21px 0;gap:13px}.cjsam-radio-art{flex-basis:64px;height:64px;font-size:36px}.cjsam-radio-controls{flex-wrap:wrap}.cjsam-radio-state{flex:1}.cjsam-radio-volume{width:100%;justify-content:flex-end}.cjsam-radio-volume-range{flex:1;max-width:220px}}

/* Lightweight decorative on-air equalizer; intentionally not a spectrum analyzer. */
.cjsam-radio-eq{display:flex;align-items:center;justify-content:center;gap:4px;height:44px;padding:4px 0 12px;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}
.cjsam-radio-eq span{display:block;flex:1;max-width:14px;min-width:2px;height:5px;border-radius:3px;background:linear-gradient(to top,#389dbb,#82ddf4);opacity:.45;transform-origin:center;animation:cjsam-eq-pulse 1.15s ease-in-out infinite alternate;animation-play-state:paused}
.cjsam-radio.is-playing .cjsam-radio-eq span{animation-play-state:running;opacity:.94}
.cjsam-radio-eq span:nth-child(5n+1){animation-duration:.87s;animation-delay:-.48s}
.cjsam-radio-eq span:nth-child(5n+2){animation-duration:1.27s;animation-delay:-.29s}
.cjsam-radio-eq span:nth-child(5n+3){animation-duration:.73s;animation-delay:-.65s}
.cjsam-radio-eq span:nth-child(5n+4){animation-duration:1.43s;animation-delay:-.14s}
.cjsam-radio-eq span:nth-child(5n){animation-duration:1.04s;animation-delay:-.83s}
@keyframes cjsam-eq-pulse{0%{height:5px}50%{height:21px}100%{height:30px}}
.cjsam-radio-eq+.cjsam-radio-controls{border-top:0;padding-top:17px}
@media(prefers-reduced-motion:reduce){.cjsam-radio-eq span{animation:none!important;height:9px!important}.cjsam-radio-eq span:nth-child(3n){height:17px!important}}

/* v0.8 — cohesive premium broadcast surfaces, no heavy motion */
.cjsam-radio{max-width:920px;padding:32px 36px;border-radius:24px;background:radial-gradient(ellipse at 96% -30%,rgba(66,164,204,.22),transparent 46%),linear-gradient(120deg,#0d1725,#172b42 68%,#101b2b);border:1px solid rgba(153,214,242,.23);box-shadow:0 18px 55px rgba(0,0,0,.24)}
.cjsam-radio-main{gap:25px;margin:30px 0}.cjsam-radio-art{flex-basis:104px;height:104px;border-radius:23px;box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 10px 30px rgba(0,0,0,.25);background:linear-gradient(145deg,#28648a,#142d4a)}
.cjsam-radio-track{font-size:clamp(20px,2.6vw,29px);letter-spacing:-.035em}.cjsam-radio-tag{color:#a6bdcf}.cjsam-radio-toggle{width:58px;height:58px;flex-basis:58px;box-shadow:0 7px 20px rgba(73,191,230,.22)}
.cjsam-radio-eq{margin:3px 0 2px;height:48px}.cjsam-radio-eq span{opacity:.36}
.cjsam-panel,.cjsam-box{box-sizing:border-box;background:linear-gradient(140deg,#111d2b,#17283a);border:1px solid rgba(164,208,236,.19);border-radius:20px;padding:25px 29px;margin:22px 0;color:#edf6fd;box-shadow:0 10px 30px rgba(0,0,0,.14);font:inherit}
.cjsam-panel *,.cjsam-box *{box-sizing:border-box}.cjsam-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.cjsam-panel h3{color:#f5faff!important;font-size:clamp(18px,2vw,22px)!important;font-weight:750!important;line-height:1.25;margin:4px 0 0!important;letter-spacing:-.025em}.cjsam-eyebrow{color:#78caec;font-size:10px;letter-spacing:.18em;font-weight:800}
.cjsam-head-icon{border:1px solid rgba(124,213,246,.23);background:rgba(105,195,241,.08);color:#80d8f9;border-radius:12px;display:grid;place-items:center;width:39px;height:39px;font-size:20px}
.cjsam-upcoming-list{padding:0!important;margin:0!important;list-style:none!important;counter-reset:none}.cjsam-upcoming-item{display:flex;align-items:center;gap:17px;min-height:67px;padding:10px 3px;border-bottom:1px solid rgba(183,214,232,.1)}.cjsam-upcoming-item:last-child{border-bottom:0}.cjsam-upcoming-index{font-variant-numeric:tabular-nums;font-size:12px;color:#78cdeb;font-weight:800;letter-spacing:.07em;width:28px;flex-shrink:0}.cjsam-upcoming-song{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.cjsam-upcoming-song strong{color:#f5faff;font-size:15px;font-weight:650;overflow-wrap:anywhere}.cjsam-upcoming-song span{font-size:13px;color:#9cb5ca}.cjsam-upcoming-mark{color:#6688a2;font-size:18px}.cjsam-upcoming-item:hover .cjsam-upcoming-mark{color:#7ed4f5}
.cjsam-empty{display:flex;align-items:center;gap:15px;background:rgba(117,184,225,.055);border:1px dashed rgba(125,188,225,.18);border-radius:14px;padding:17px;color:#eaf5fc}.cjsam-empty-icon,.cjsam-track-note{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border-radius:12px;color:#91d9f3;background:rgba(95,181,224,.13);font-size:24px}.cjsam-empty strong{color:#f5faff}.cjsam-empty p{margin:4px 0 0;color:#9cb5c9;font-size:13px}
.cjsam-status-pill{padding:5px 11px;border-radius:100px;background:rgba(94,205,169,.10);border:1px solid rgba(94,205,169,.18);color:#77e1be;font-size:11px;font-weight:800;letter-spacing:.06em}.cjsam-standalone-track{display:flex;align-items:center;gap:16px}.cjsam-now-track{font-size:clamp(16px,2vw,20px);font-weight:650;overflow-wrap:anywhere;color:#fff}
.cjsam-box button{cursor:pointer;background:#75d4f5;color:#092136;border:0;padding:10px 17px;border-radius:10px;font-weight:750}.cjsam-box button:hover{background:#a5e6fd}.cjsam-box input:not([type=hidden]),.cjsam-box textarea{max-width:100%;background:#0c1723;color:#edf8ff;border:1px solid #3b5367;border-radius:10px;padding:10px;margin-top:5px}.cjsam-box input:focus-visible,.cjsam-box textarea:focus-visible,.cjsam-box button:focus-visible{outline:2px solid #81d8f7;outline-offset:2px}.cjsam-request-form label{display:block;color:#bbcee0}.cjsam-request-form input:not([type=hidden]),.cjsam-request-form textarea{display:block;width:100%;max-width:520px}.cjsam-hp{position:absolute!important;left:-10000px!important}.cjsam-tracks{list-style:none;padding:0!important;margin:15px 0}.cjsam-tracks li{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.10);padding:12px 0;color:#e8f5ff}.cjsam-search{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.cjsam-status{border-left:3px solid #73d3f4;padding-left:1rem}.cjsam-player audio{display:none}
@media(max-width:520px){.cjsam-radio{padding:21px;border-radius:18px}.cjsam-radio-art{flex-basis:72px;height:72px;border-radius:16px}.cjsam-panel,.cjsam-box{padding:19px;border-radius:16px}.cjsam-upcoming-item{gap:10px}.cjsam-radio-controls{gap:12px}}

.cjsam-radio-art,.cjsam-standalone-art{overflow:hidden;position:relative}
.cjsam-cover-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* v1.0 – 128-band cyber spectrum-inspired visual, scoped to the radio player */
.cjsam-radio-spectrum{position:relative;overflow:hidden;height:158px;padding:6px 9px 24px;margin:4px 0 12px;border-top:1px solid rgba(0,246,255,.10);border-bottom:1px solid rgba(0,246,255,.14);border-radius:12px;background:radial-gradient(ellipse at 50% 90%,rgba(0,246,255,.075),transparent 62%),linear-gradient(180deg,rgba(3,6,15,.13),rgba(4,9,18,.55))}
.cjsam-spectrum-canvas{width:100%;height:100%;display:block}
.cjsam-spectrum-labels{position:absolute;bottom:7px;left:13px;right:13px;display:flex;justify-content:space-between;pointer-events:none;color:#7292ad;font:9px/1.1 system-ui,sans-serif;letter-spacing:.03em}
.cjsam-radio-spectrum+.cjsam-radio-controls{border-top:0;padding-top:9px}
@media(max-width:520px){.cjsam-radio-spectrum{height:116px;padding-bottom:21px}.cjsam-spectrum-labels{font-size:8px}}
@media(prefers-reduced-motion:reduce){.cjsam-radio-spectrum{background:#081726}}