.spnr-player{--spnr-ink:#172033;--spnr-muted:#64748b;--spnr-accent:#c92335;--spnr-border:#e4e9f0;box-sizing:border-box;color:var(--spnr-ink);font:inherit}.spnr-player *{box-sizing:border-box}.spnr-player--header{position:relative;z-index:9999;display:flex;align-items:center;gap:14px;flex-wrap:wrap;width:100%;padding:9px clamp(12px,2.5vw,28px);background:#101c2d;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 2px 10px rgba(0,0,0,.12)}.spnr-player--header .spnr-brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:14px}.spnr-live-dot{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#f04452;box-shadow:0 0 0 4px rgba(240,68,82,.15)}.spnr-track{display:flex;align-items:center;gap:9px;min-width:120px;flex:1;overflow:hidden}.spnr-track-label{font-size:9px;letter-spacing:.12em;font-weight:800;color:#ff9ba4;white-space:nowrap}.spnr-current{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f8fafc}.spnr-controls{display:flex;align-items:center;gap:6px}.spnr-btn{min-height:34px;min-width:36px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:6px 10px;background:#25354c;color:#fff;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.spnr-btn:hover{filter:brightness(1.12)}.spnr-play{background:var(--spnr-accent);border-color:var(--spnr-accent);min-width:86px}.spnr-stop{min-width:34px}.spnr-status{font-size:11px;color:#cbd5e1;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spnr-player button:focus-visible,.spnr-player select:focus-visible,.spnr-player input:focus-visible{outline:3px solid #f6bd60;outline-offset:2px}.spnr-player button:disabled{opacity:.55;cursor:not-allowed}.spnr-player--full{max-width:820px;margin:24px auto;padding:22px;border:1px solid var(--spnr-border);border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(15,23,42,.07)}.spnr-player--full .spnr-brand{font-size:19px;font-weight:800}.spnr-player--full .spnr-track{display:flex;align-items:flex-start;flex-direction:column;gap:5px;margin:20px 0}.spnr-player--full .spnr-track-label{color:#b42332}.spnr-player--full .spnr-current{font-size:23px;line-height:1.3;color:var(--spnr-ink);white-space:normal}.spnr-player--full .spnr-controls{justify-content:center;margin:18px 0}.spnr-player--full .spnr-btn{min-height:42px;background:#eef2f7;border-color:#dce3eb;color:#172033}.spnr-player--full .spnr-play{background:var(--spnr-accent);border-color:var(--spnr-accent);color:#fff;min-width:112px}.spnr-player--full .spnr-stop{background:#fff}.spnr-player--full .spnr-status{display:block;max-width:none;white-space:normal;color:var(--spnr-muted);min-height:20px}.spnr-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:16px;border-top:1px solid var(--spnr-border)}.spnr-options label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650}.spnr-options select{width:100%;min-height:38px;border:1px solid var(--spnr-border);border-radius:8px;padding:6px;background:#fff}.spnr-options input[type=range]{width:100%;accent-color:var(--spnr-accent)}.spnr-options .spnr-auto{grid-column:1/-1;flex-direction:row;align-items:center;font-weight:500}.spnr-article-link{display:inline-block;margin-top:10px;color:#b42332}.spnr-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;color:var(--spnr-muted);font-size:12px}.spnr-foot button{border:0;background:transparent;color:#b42332;font-weight:700;cursor:pointer}@media(max-width:760px){.spnr-player--header{gap:8px}.spnr-player--header .spnr-brand{font-size:12px}.spnr-player--header .spnr-track{order:3;flex-basis:100%;min-width:0}.spnr-player--header .spnr-status{flex:1;max-width:none}.spnr-player--full{margin:16px 0;padding:16px}.spnr-options{grid-template-columns:1fr}.spnr-options .spnr-auto{grid-column:auto}}@media(prefers-reduced-motion:reduce){.spnr-player *{scroll-behavior:auto!important;transition:none!important}}
