.c20-player{--c20-bg:#0c0f14;--c20-panel:#151a20;--c20-edge:#303842;--c20-white:#f4f3eb;--c20-mute:#99a6a9;--c20-accent:#00ffdf;--c20-hot:#ff6860;box-sizing:border-box;background:var(--c20-bg);color:var(--c20-white);font-family:Arial,Helvetica,sans-serif;width:100%;max-width:1080px;margin:24px auto;border:1px solid var(--c20-edge);line-height:1.45;font-size:14px;box-shadow:0 24px 56px rgba(0,0,0,.18)}
.c20-player *{box-sizing:border-box}.c20-player button{font:inherit;cursor:pointer;border:0;border-radius:0}.c20-player button:focus-visible,.c20-player input:focus-visible{outline:2px solid var(--c20-accent);outline-offset:3px}.c20-player [hidden]{display:none!important}
.c20-hero{background:#00f1d6;color:#061013;padding:26px 32px 17px;position:relative;overflow:hidden}.c20-eyebrow{font-size:13px;letter-spacing:.12em;font-weight:900;display:flex;justify-content:space-between;max-width:200px}.c20-spark{font-size:19px;line-height:1}.c20-hero h2{padding:0;margin:11px 0 8px;font-size:clamp(52px,8.5vw,108px);line-height:.95;font-weight:900;letter-spacing:-.075em;color:#061013;text-transform:uppercase}.c20-hero h2 span{display:block;letter-spacing:-.065em}.c20-hero p{font-size:clamp(12px,2vw,17px);font-weight:700;margin:20px 0 24px}.c20-hero-foot{border-top:2px solid #061013;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;font-weight:800;padding-top:9px}
/* Four large listening modes, with previous/next as separate navigation. */
.c20-main{padding:30px 32px;display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,1.85fr);gap:34px;align-items:start;border-bottom:1px solid var(--c20-edge)}
.c20-display{min-width:0;padding-top:4px;display:flex;flex-direction:column;gap:17px}
.c20-display-label{font-size:11px;color:var(--c20-accent);font-weight:900;letter-spacing:.13em}
.c20-selected-track{display:flex;align-items:center;gap:15px;min-height:80px}
.c20-now-number{font-size:clamp(48px,5vw,68px);letter-spacing:-.07em;font-weight:900;line-height:1;flex-shrink:0}
.c20-now-info{display:flex;flex-direction:column;gap:8px;min-width:0}
.c20-now-info strong{font-size:17px;line-height:1.2;overflow-wrap:anywhere}
.c20-now-info span{font-size:11px;color:var(--c20-mute);letter-spacing:.08em}
.c20-current-mode{font-size:11px;color:var(--c20-accent);font-weight:900;letter-spacing:.06em;line-height:1.4;min-height:30px}
.c20-player-hint{font-size:12px;color:var(--c20-mute);margin:0;max-width:245px}
.c20-transport{min-width:0}
.c20-modes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.c20-mode-button{display:flex;align-items:center;gap:14px;text-align:left;min-width:0;min-height:91px;padding:16px!important;background:#192027!important;border:1px solid #39464d!important;color:var(--c20-white)!important;transition:background .12s,border-color .12s}
.c20-mode-button.c20-mode-song{border-color:#278e83!important}
.c20-mode-button:hover{border-color:var(--c20-accent)!important;background:#243038!important}
.c20-mode-button.is-active{background:var(--c20-accent)!important;border-color:var(--c20-accent)!important;color:#071412!important}
.c20-mode-icon{font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:800;line-height:1;width:30px;min-width:30px;display:inline-flex;align-items:center;justify-content:center;color:var(--c20-accent)}
.c20-mode-button.is-active .c20-mode-icon{color:#071412}
.c20-mode-copy{display:flex;flex-direction:column;min-width:0;gap:5px}
.c20-mode-copy strong{font-size:clamp(12px,1.3vw,16px);font-weight:900;letter-spacing:.02em;line-height:1.15;white-space:normal;overflow-wrap:break-word}
.c20-mode-copy small{font-size:11px;color:var(--c20-mute);line-height:1.3;font-weight:500}
.c20-mode-button.is-active .c20-mode-copy small{color:#1c3432}
.c20-navigation{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.c20-nav-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:10px!important;background:#242b32!important;border:1px solid #3a4650!important;color:var(--c20-white)!important;font-size:13px!important;font-weight:900!important;letter-spacing:.08em}
.c20-nav-button:hover{border-color:var(--c20-accent)!important;color:var(--c20-accent)!important}
.c20-nav-button span{color:var(--c20-accent);font-size:16px}
.c20-bottom-controls{display:flex;gap:14px;align-items:center;margin-top:18px}
.c20-pause-button{min-width:112px;min-height:39px;padding:8px 10px!important;background:transparent!important;border:1px solid #55616a!important;color:var(--c20-white)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.06em}
.c20-pause-button:hover:not(:disabled){border-color:var(--c20-accent)!important;color:var(--c20-accent)!important}
.c20-pause-button:disabled{opacity:.45;cursor:default}
.c20-scrub-wrap{display:flex;align-items:center;gap:9px;min-width:0;flex:1}
.c20-scrub-wrap span{font-size:11px;font-variant-numeric:tabular-nums;color:var(--c20-mute)}
.c20-scrub-wrap input{flex:1;min-width:30px;accent-color:var(--c20-accent);height:6px;cursor:pointer}
.c20-actions{display:flex;justify-content:flex-end;margin-top:12px;min-height:18px}
.c20-actions>[data-c20-status]{color:var(--c20-mute);font-size:11px;text-align:right}
.c20-library{padding:24px 32px 30px}.c20-library-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.c20-library-top h3{font-weight:900;font-size:16px;margin:0;letter-spacing:.06em;color:var(--c20-white)}.c20-library-top span{font-weight:900;color:var(--c20-accent)}.c20-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.c20-filters button{border:1px solid #3b454e;background:transparent;color:var(--c20-white);font-size:11px!important;font-weight:800!important;letter-spacing:.04em;padding:9px 11px}.c20-filters button:hover,.c20-filters button.is-active{background:var(--c20-accent);color:#061013;border-color:var(--c20-accent)}.c20-season{margin:0 0 26px}.c20-season-heading{display:flex;justify-content:space-between;align-items:center;background:var(--c20-panel);border-left:4px solid var(--c20-accent);padding:10px 13px}.c20-season-heading h4{font-weight:900;color:var(--c20-white);font-size:13px;margin:0;letter-spacing:.09em}.c20-season-heading span{color:var(--c20-mute);font-size:11px}.c20-season-empty{margin:13px 0 0;color:var(--c20-mute);font-size:12px}.c20-track{min-height:47px;display:grid;grid-template-columns:29px 38px minmax(0,1fr) 44px 29px;align-items:center;gap:10px;padding:5px 12px;border-bottom:1px solid #282f37}.c20-track:hover{background:#172128}.c20-track.is-selected{background:#112a29}.c20-track.is-selected .c20-track-number,.c20-track.is-playing .c20-track-title{color:var(--c20-accent)}.c20-row-play,.c20-row-loop{background:transparent;color:var(--c20-white);font-size:16px!important;height:27px;width:29px;padding:0}.c20-row-play:hover,.c20-row-loop:hover,.c20-row-loop.is-active{color:var(--c20-accent)}.c20-track-number{font-variant-numeric:tabular-nums;color:#879195;font-weight:800;font-size:12px}.c20-track-title{font-size:13px;font-weight:700;min-width:0;overflow-wrap:anywhere}.c20-track-duration{font-variant-numeric:tabular-nums;color:var(--c20-mute);font-size:11px;text-align:right}.c20-footer{border-top:1px solid var(--c20-edge);display:flex;justify-content:space-between;gap:10px;padding:15px 32px;color:var(--c20-mute);font-size:10px;font-weight:900;letter-spacing:.07em}.c20-footer span{color:var(--c20-accent);text-align:center}.c20-audio{display:none}
@media(max-width:830px){
 .c20-hero{padding:22px 18px 16px}
 .c20-main{grid-template-columns:1fr;gap:22px;padding:24px 18px}
 .c20-display{gap:10px}
 .c20-selected-track{min-height:60px}
 .c20-now-number{font-size:56px}
 .c20-player-hint{max-width:none}
 .c20-current-mode{min-height:0}
 .c20-library{padding:22px 14px}
 .c20-hero h2{font-size:clamp(48px,11vw,82px)}
 .c20-hero p{margin:17px 0 20px}
 .c20-filters{gap:6px}
 .c20-filters button{font-size:10px!important;padding:8px}
 .c20-track{grid-template-columns:26px 30px minmax(0,1fr) 34px 23px;gap:6px;padding:6px 4px}
 .c20-footer{padding:13px 14px;font-size:9px}
 .c20-footer span{max-width:50%}
 .c20-mode-copy strong{font-size:14px}
}
@media(max-width:440px){
 .c20-main{padding:20px 14px}
 .c20-modes{gap:8px}
 .c20-mode-button{min-height:103px;padding:12px 8px!important;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:7px}
 .c20-mode-icon{width:auto;min-width:0;font-size:25px}
 .c20-mode-copy{gap:4px}
 .c20-mode-copy strong{font-size:12px;line-height:1.1}
 .c20-mode-copy small{font-size:10px;line-height:1.15}
 .c20-bottom-controls{gap:8px}
 .c20-pause-button{min-width:90px;font-size:11px!important}
 .c20-scrub-wrap{gap:6px}
}
@media(prefers-reduced-motion:no-preference){.c20-player button{transition:background-color .12s,color .12s}}


/* Original black Центр logo beside the album name; never crop or recolor it. */
.c20-hero-title-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,27%);align-items:center;column-gap:24px;position:relative;z-index:1}
.c20-hero-title-row h2{min-width:0}
.c20-center-logo{display:block;width:100%;height:auto;object-fit:contain;object-position:center right;max-width:280px;justify-self:end;filter:none!important;opacity:1}
@media(max-width:730px){.c20-hero-title-row{grid-template-columns:minmax(0,1fr) minmax(105px,27%);column-gap:12px}.c20-hero-title-row h2{font-size:clamp(34px,8vw,72px)}}
@media(max-width:490px){.c20-hero-title-row{grid-template-columns:1fr;row-gap:8px}.c20-hero-title-row h2{font-size:clamp(47px,11vw,70px);margin-bottom:0}.c20-center-logo{width:40%;max-width:165px;justify-self:end;margin-top:-3px}}

/* 1.1.1: quiet, accessible MUTE / VOLUME controls, separate from listening modes. */
.c20-volume-controls{display:flex;align-items:center;gap:12px;margin-top:13px;min-height:35px}
.c20-mute-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:111px;min-height:36px;padding:6px 10px!important;background:#242b32!important;border:1px solid #53616a!important;color:var(--c20-white)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.05em}
.c20-mute-button:hover,.c20-mute-button.is-muted{color:var(--c20-accent)!important;border-color:var(--c20-accent)!important}
.c20-mute-button svg{flex-shrink:0}
.c20-volume-cross{display:none}
.c20-mute-button.is-muted .c20-volume-wave{display:none}
.c20-mute-button.is-muted .c20-volume-cross{display:inline}
.c20-volume-label{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--c20-mute);white-space:nowrap}
.c20-volume-controls input[type=range]{flex:1;min-width:35px;height:22px;accent-color:var(--c20-accent);cursor:pointer;margin:0}
.c20-volume-value{min-width:35px;text-align:right;font-size:11px;color:var(--c20-white);font-variant-numeric:tabular-nums}
.c20-ios-volume-note{font-size:11px;color:var(--c20-mute);margin:13px 0 0}
@media(max-width:440px){.c20-volume-controls{gap:8px}.c20-mute-button{min-width:89px;padding:5px!important;font-size:10px!important}.c20-volume-label{font-size:9px}.c20-volume-value{min-width:31px}}

/* 1.1.3: prefer a genuine ultra-bold sans face in Safari and Firefox;
   reinforce outlines when a platform substitutes a lighter fallback. */
.c20-player .c20-hero .c20-hero-title-row h2,
.c20-player .c20-hero .c20-hero-title-row h2 span {
  font-family: "Arial Black", Arial, Helvetica, sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-synthesis: weight;
  -webkit-text-stroke: 0.65px currentColor;
}

/* 1.1.4: independent STOP command. PAUSE preserves time; STOP clears mode and returns to 0:00. */
.c20-stop-button{min-width:92px;min-height:39px;padding:8px 10px!important;background:#242b32!important;border:1px solid #55616a!important;color:var(--c20-white)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.06em}
.c20-stop-button:hover:not(:disabled){border-color:var(--c20-accent)!important;color:var(--c20-accent)!important}
.c20-stop-button:disabled{opacity:.45;cursor:default}
@media(max-width:700px){.c20-bottom-controls{flex-wrap:wrap}.c20-bottom-controls .c20-scrub-wrap{flex-basis:100%;order:2}.c20-bottom-controls .c20-stop-button{min-width:90px}}


/* 1.1.5: pin catalog and season headers to the approved bold sans-serif
   rather than inheriting the WordPress theme's serif heading font. */
.c20-player .c20-library .c20-library-top h3,
.c20-player .c20-library .c20-season-heading h4 {
  font-family: "Arial Black", Arial, Helvetica, sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-synthesis: weight;
}
.c20-player .c20-library .c20-filters button {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
}