body.zsm-rm #proradio-menu,
body.zsm-rm #proradio-headerbar-content { width: 100%; max-width: none; }
body.zsm-rm #proradio-menu .proradio-menu__cont {
width: min(100%, var(--zsm-rm-shell));
max-width: var(--zsm-rm-shell);
min-height: var(--zsm-rm-header-height);
margin-inline: auto;
padding-inline: clamp(14px, 1.8vw, 28px);
box-sizing: border-box;
gap: clamp(10px, 1.1vw, 20px);
}
body.zsm-rm #proradio-menu .proradio-menubtns,
body.zsm-rm #proradio-menu .proradio-menu-horizontal { min-width: 0; }
body.zsm-rm #proradio-menu .proradio-menu-horizontal .proradio-menubar > li > a {
position: relative;
display: inline-flex;
align-items: center;
min-height: var(--zsm-rm-hit);
padding-inline: 10px;
white-space: nowrap;
transition: transform var(--zsm-rm-fast) ease, opacity var(--zsm-rm-fast) ease;
}
body.zsm-rm #proradio-menu .proradio-menu-horizontal .proradio-menubar > li > a::after {
content: "";
position: absolute;
left: 22%;
right: 22%;
bottom: 6px;
height: 2px;
border-radius: 99px;
background: currentColor;
transform: scaleX(0);
transform-origin: center;
transition: transform var(--zsm-rm-ui) ease;
}
body.zsm-rm #proradio-menu .proradio-menu-horizontal .proradio-menubar > li > a:hover,
body.zsm-rm #proradio-menu .proradio-menu-horizontal .proradio-menubar > li > a:focus-visible { transform: translateY(-1px); }
body.zsm-rm #proradio-menu .proradio-menu-horizontal .proradio-menubar > li > a:hover::after,
body.zsm-rm #proradio-menu .proradio-menu-horizontal .proradio-menubar > li > a:focus-visible::after,
body.zsm-rm #proradio-menu .proradio-menu-horizontal .proradio-menubar > :where(.current-menu-item,.current-menu-ancestor) > a::after,
body.zsm-rm #proradio-menu .proradio-menu-horizontal .proradio-menubar > li > a[aria-current="page"]::after { transform: scaleX(1); }
body.zsm-rm #proradio-menu .proradio-menu-horizontal .proradio-menubar > :where(.current-menu-item,.current-menu-ancestor) > a,
body.zsm-rm #proradio-menu .proradio-menu-horizontal .proradio-menubar > li > a[aria-current="page"] { font-weight: 800; }
body.zsm-rm #proradio-menu .proradio-menubtns .proradio-btn,
body.zsm-rm #proradio-menu .proradio-overlayopen-menu { min-width: var(--zsm-rm-hit); min-height: var(--zsm-rm-hit); }
body.zsm-rm #proradio-copybar .proradio-container {
width: min(calc(100% - (2 * var(--zsm-rm-edge))), var(--zsm-rm-content));
max-width: var(--zsm-rm-content);
margin-inline: auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px 32px;
padding-block: 24px;
}
body.zsm-rm #proradio-copybar .proradio-menubar__footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 14px; margin: 0; padding: 0; }
body.zsm-rm .zsm-rm-agencybar { border-top: 1px solid rgba(255,255,255,.12); }
body.zsm-rm .zsm-rm-agencybar__inner {
width: min(calc(100% - (2 * var(--zsm-rm-edge))), var(--zsm-rm-content));
margin-inline: auto;
padding-block: 11px;
font-size: 12px;
line-height: 1.45;
opacity: .82;
}
body.zsm-rm .zsm-rm-agencybar a { color: inherit; font-weight: 700; text-underline-offset: 3px; }
.zsm-radio-toggle,
.zsm-mobile-menu__close,
.zsm-mobile-menu__submenu-toggle,
.zsm-mobile-menu__launcher,
.zsm-mobile-dock__button {
border: 0;
background: transparent;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
font: inherit;
}
.zsm-radio-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 44px;
padding: 0 6px;
color: rgba(255,255,255,.92);
font-size: 12px;
font-weight: 820;
letter-spacing: .025em;
transition: color var(--zsm-rm-fast) ease, transform var(--zsm-rm-fast) ease;
}
.zsm-radio-toggle:hover,
.zsm-radio-toggle:focus-visible { color: #fff; transform: scale(1.04); }
.zsm-radio-toggle svg { width: 15px; height: 15px; fill: currentColor; background: transparent; }
.zsm-radio-toggle__stop { display: none; }
.zsm-radio-toggle.is-playing { color: #ff7b84; }
.zsm-radio-toggle.is-playing .zsm-radio-toggle__play { display: none; }
.zsm-radio-toggle.is-playing .zsm-radio-toggle__stop { display: block; }
.zsm-mobile-menu {
width: 100vw;
max-width: none;
box-sizing: border-box;
height: 100dvh;
max-height: none;
margin: 0;
padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
border: 0;
background: transparent;
color: #fff;
overflow: hidden;
font-family: var(--zsm-rm-font);
}
.zsm-mobile-menu:not([open]) { display: none; }
.zsm-mobile-menu[open] { display: grid; place-items: center; }
.zsm-mobile-menu::backdrop { background: rgba(0,27,32,.67); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
html.zsm-mobile-menu-open,
html.zsm-mobile-menu-open body { overflow: hidden; }
.zsm-mobile-menu__panel {
display: grid;
grid-template-rows: auto minmax(0,1fr) auto;
width: min(calc(100vw - 20px), 540px);
height: min(calc(100dvh - 20px), 760px);
overflow: hidden;
border: 1px solid rgba(255,255,255,.13);
border-radius: 28px;
background:
linear-gradient(90deg, rgba(239,51,64,.85) 0 3px, transparent 3px),
linear-gradient(165deg, rgba(5,92,102,.98), rgba(3,57,65,.98));
box-shadow: 0 30px 86px rgba(0,0,0,.35);
opacity: 0;
transform: translateY(8px) scale(.985);
transition: opacity var(--zsm-rm-ui) ease, transform var(--zsm-rm-ui) ease;
}
.zsm-mobile-menu.is-open .zsm-mobile-menu__panel { opacity: 1; transform: none; }
.zsm-mobile-menu__top {
display: grid;
grid-template-columns: minmax(0,1fr) auto;
align-items: center;
gap: 8px;
min-height: 64px;
padding: 10px 14px;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.zsm-mobile-menu__brand {
display: inline-flex;
align-items: center;
min-width: 0;
gap: 9px;
color: #fff;
font-size: 14px;
font-weight: 790;
line-height: 1.1;
text-decoration: none;
}
.zsm-mobile-menu__logo { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; overflow:hidden; }
.zsm-mobile-menu__logo img { display:block; max-width:100%; max-height:100%; object-fit:contain; }
.zsm-mobile-menu__actions { display:flex; align-items:center; gap:2px; margin-left:auto; }
.zsm-mobile-menu__actions .zsm-radio-toggle,
.zsm-mobile-menu__close {
min-height: 42px;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
color: #fff;
}
.zsm-mobile-menu__actions .zsm-radio-toggle { min-width: 70px; padding-inline: 6px; }
.zsm-mobile-menu__close { display:grid; place-items:center; width:40px; padding:0; font-size:20px; font-weight:800; line-height:1; transition:color var(--zsm-rm-fast) ease,transform var(--zsm-rm-fast) ease; }
.zsm-mobile-menu__actions .zsm-radio-toggle:hover,
.zsm-mobile-menu__actions .zsm-radio-toggle:focus-visible,
.zsm-mobile-menu__close:hover,
.zsm-mobile-menu__close:focus-visible { background:transparent; color:#fff; transform:translateY(-1px); }
.zsm-mobile-menu__actions .zsm-radio-toggle:focus-visible,
.zsm-mobile-menu__close:focus-visible { outline:2px solid rgba(255,255,255,.68); outline-offset:2px; }
.zsm-mobile-menu__nav { min-height:0; overflow-y:auto; padding:10px 20px 14px; overscroll-behavior:contain; scrollbar-width:none; }
.zsm-mobile-menu__nav::-webkit-scrollbar { display: none; }
.zsm-mobile-menu__list,
.zsm-mobile-menu__list ul { margin: 0; padding: 0; list-style: none; }
.zsm-mobile-menu__list { counter-reset:rmnav; display:grid; align-content:start; min-height:0; }
.zsm-mobile-menu__list > li { counter-increment:rmnav; position:relative; display:grid; grid-template-columns:28px minmax(0,1fr) 38px; align-items:center; border-bottom:1px solid rgba(255,255,255,.07); }
.zsm-mobile-menu__list > li::before { content: counter(rmnav, decimal-leading-zero); grid-column: 1; color: rgba(255,255,255,.35); font-size: var(--zsm-rm-micro); font-weight: 800; letter-spacing: .05em; }
.zsm-mobile-menu__list a {
grid-column: 2;
display: flex;
align-items: center;
min-height: 54px;
padding: 8px 4px;
color: rgba(255,255,255,.83);
font-size: clamp(17px,4.7vw,20px);
font-weight: 620;
line-height: 1.17;
letter-spacing: -.015em;
text-decoration: none;
transition: color var(--zsm-rm-fast) ease, transform var(--zsm-rm-fast) ease;
}
.zsm-mobile-menu__list a:hover,
.zsm-mobile-menu__list a:focus-visible { color: #fff; transform: translateX(4px); }
.zsm-mobile-menu__list :where(.current-menu-item,.current-menu-ancestor) > a,
.zsm-mobile-menu__list a[aria-current="page"] { color: #fff; font-weight: 790; }
.zsm-mobile-menu__list :where(.current-menu-item,.current-menu-ancestor) > a::after,
.zsm-mobile-menu__list a[aria-current="page"]::after { content: ""; width: 7px; height: 7px; margin-left: auto; border-radius: 50%; background: #ff6d76; box-shadow: 0 0 0 4px rgba(255,109,118,.13); }
.zsm-mobile-menu__submenu-toggle {
grid-column: 3;
display: grid;
place-items: center;
justify-self: end;
width: 38px;
height: 38px;
color: rgba(255,255,255,.72);
font-size: 20px;
transition: transform var(--zsm-rm-fast) ease;
}
.zsm-mobile-menu__submenu-toggle:hover,
.zsm-mobile-menu__submenu-toggle:focus-visible { transform: scale(1.08); color: #fff; }
.zsm-mobile-menu__list ul { grid-column: 1 / -1; display: grid; gap: 1px; padding: 2px 0 10px 34px; }
.zsm-mobile-menu__list ul[hidden] { display: none; }
.zsm-mobile-menu__list ul li { display: grid; grid-template-columns: minmax(0,1fr) 38px; align-items: center; }
.zsm-mobile-menu__list ul a { grid-column: 1; min-height: 42px; color: rgba(255,255,255,.63); font-size: 14.5px; font-weight: 560; }
.zsm-mobile-menu__footer { padding:10px 20px 16px; border-top:1px solid rgba(255,255,255,.08); text-align:center; }
.zsm-mobile-menu__footer p { margin: 0; color: rgba(255,255,255,.62); font-size: 12px; line-height: 1.5; }
.zsm-mobile-menu__tagline { margin-top: 5px; font-family: var(--zsm-rm-serif); font-size: 14px; font-style: italic; color: rgba(255,255,255,.92); }
.zsm-mobile-menu__launcher { display: none; width: 44px; height: 44px; padding: 10px; color: inherit; }
.zsm-mobile-menu__launcher span { display: block; height: 2px; margin: 4px 0; border-radius: 99px; background: currentColor; }
.zsm-mobile-dock {
position: fixed;
z-index: 8700;
left: 50%;
bottom: calc(8px + var(--zsm-rm-safe-bottom));
display: none;
grid-template-columns: repeat(3,minmax(0,1fr));
width: min(calc(100vw - 16px), 430px);
min-height: 62px;
padding: 5px;
border: 1px solid rgba(255,255,255,.22);
border-radius: 22px;
background: rgba(4,65,74,.88);
backdrop-filter: blur(16px) saturate(1.05);
-webkit-backdrop-filter: blur(16px) saturate(1.05);
box-shadow: 0 16px 42px rgba(0,0,0,.24);
transform: translateX(-50%);
}
body.zsm-rm .zsm-mobile-dock__item,
body.zsm-rm .zsm-mobile-dock__button {
display: grid;
place-items: center;
align-content: center;
gap: 3px;
min-width: 0;
min-height: 52px;
padding: 4px 6px;
border-radius: 17px;
background: transparent;
color: #fff;
-webkit-text-fill-color: currentColor;
font-family: var(--zsm-rm-font);
font-size: 11px;
font-weight: 720;
line-height: 1.1;
text-decoration: none;
transition: color var(--zsm-rm-fast) ease, transform var(--zsm-rm-fast) ease, background-color var(--zsm-rm-fast) ease;
}
body.zsm-rm .zsm-mobile-dock__item:hover,
body.zsm-rm .zsm-mobile-dock__item:focus-visible,
body.zsm-rm .zsm-mobile-dock__button:hover,
body.zsm-rm .zsm-mobile-dock__button:focus-visible { color: #fff; background: rgba(255,255,255,.07); transform: translateY(-2px) scale(1.02); }
body.zsm-rm .zsm-mobile-dock__item span,
body.zsm-rm .zsm-mobile-dock__button span,
body.zsm-rm .zsm-mobile-menu__actions button span { color: inherit; -webkit-text-fill-color: currentColor; opacity: 1; }
.zsm-mobile-dock svg { width: 20px; height: 20px; fill: currentColor; background: transparent; }
.zsm-mobile-dock__button[data-zsm-player-toggle] { color: #fff; }
.zsm-mobile-dock__button[data-zsm-player-toggle].is-playing { color: #ff747d; }
.zsm-mobile-dock__button[data-zsm-player-toggle] .zsm-radio-toggle__stop { display: none; }
.zsm-mobile-dock__button[data-zsm-player-toggle].is-playing .zsm-radio-toggle__play { display: none; }
.zsm-mobile-dock__button[data-zsm-player-toggle].is-playing .zsm-radio-toggle__stop { display: block; }
@media (max-width: 1199px) {
body.zsm-rm #proradio-menu .proradio-menu__cont { width: 100%; }
.zsm-mobile-menu__launcher { display: block; }
body.zsm-rm #proradio-copybar .proradio-container { flex-direction: column; align-items: flex-start; }
body.zsm-rm #proradio-copybar .proradio-menubar__footer { width: 100%; justify-content: flex-start; }
body.zsm-rm #proradio-copybar .proradio-menubar__footer__separator { display: none; }
}
@media (max-width: 720px) {
body.zsm-rm #proradio-menu .proradio-menu__cont { min-height: var(--zsm-rm-header-height); padding-inline: 8px; gap: 6px; }
body.zsm-rm #proradio-menu .proradio-menubtns .proradio-btn,
body.zsm-rm #proradio-menu .proradio-overlayopen-menu { box-sizing: border-box; padding-inline: 7px; }
body.zsm-rm #proradio-copybar .proradio-container { gap: 14px; padding-block: 20px; }
body.zsm-rm .zsm-rm-agencybar__inner { padding-bottom: calc(84px + var(--zsm-rm-safe-bottom)); }
.zsm-mobile-dock { display: grid; }
.zsm-mobile-menu { padding: max(7px,env(safe-area-inset-top)) 7px max(76px,calc(8px + env(safe-area-inset-bottom))); }
.zsm-mobile-menu__panel { width: calc(100vw - 14px); height: min(calc(100dvh - 88px),720px); border-radius: 24px; }
.zsm-mobile-menu__top { padding-inline: 12px; }
.zsm-mobile-menu__actions .zsm-radio-toggle { min-width: 66px; }
.zsm-mobile-menu__nav { padding-inline: 15px; }
}
@media (prefers-reduced-motion: reduce) {
.zsm-mobile-menu__panel,
.zsm-radio-toggle,
.zsm-mobile-menu__close,
.zsm-mobile-menu__list a,
.zsm-mobile-menu__submenu-toggle,
.zsm-mobile-dock__item,
.zsm-mobile-dock__button,
.zsm-header-radio-toggle,
body.zsm-rm #proradio-menu .proradio-menu-horizontal .proradio-menubar > li > a,
body.zsm-rm #proradio-menu .proradio-menu-horizontal .proradio-menubar > li > a::after { transition: none; }
} body.zsm-rm #proradio-menu .zsm-header-radio-toggle,
body.zsm-rm #proradio-headerbar-content .zsm-header-radio-toggle {
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-width:88px;
min-height:40px;
padding:0 14px;
border:1px solid rgba(255,255,255,.24);
border-radius:999px;
background:rgba(0,73,82,.18);
box-shadow:none;
color:#fff;
appearance:none;
-webkit-appearance:none;
font-family:var(--zsm-rm-font);
font-size:12px;
font-weight:820;
line-height:1;
letter-spacing:.02em;
cursor:pointer;
transition:transform var(--zsm-rm-fast) ease,background-color var(--zsm-rm-fast) ease,border-color var(--zsm-rm-fast) ease;
}
body.zsm-rm #proradio-menu .zsm-header-radio-toggle::before,
body.zsm-rm #proradio-menu .zsm-header-radio-toggle::after,
body.zsm-rm #proradio-headerbar-content .zsm-header-radio-toggle::before,
body.zsm-rm #proradio-headerbar-content .zsm-header-radio-toggle::after { content:none; display:none; }
body.zsm-rm .zsm-header-radio-toggle svg { display:block; flex:0 0 16px; width:16px; height:16px; fill:currentColor; background:transparent; }
body.zsm-rm .zsm-header-radio-toggle .zsm-radio-toggle__stop { display:none; }
body.zsm-rm .zsm-header-radio-toggle.is-playing .zsm-radio-toggle__play { display:none; }
body.zsm-rm .zsm-header-radio-toggle.is-playing .zsm-radio-toggle__stop { display:block; }
body.zsm-rm #proradio-menu .zsm-header-radio-toggle:hover,
body.zsm-rm #proradio-menu .zsm-header-radio-toggle:focus-visible,
body.zsm-rm #proradio-headerbar-content .zsm-header-radio-toggle:hover,
body.zsm-rm #proradio-headerbar-content .zsm-header-radio-toggle:focus-visible { transform:translateY(-1px); background:rgba(0,73,82,.32); border-color:rgba(255,255,255,.38); }
body.zsm-rm .zsm-header-radio-toggle.is-playing { color:#ff7b84; box-shadow:none; } html.zsm-search-open,html.zsm-search-open body{overflow:hidden}.zsm-search-dialog{position:fixed;z-index:999998;inset:0;display:grid;place-items:start center;padding:clamp(90px,12vh,150px) 16px 30px}.zsm-search-dialog[hidden]{display:none}.zsm-search-dialog__backdrop{position:absolute;inset:0;background:rgba(2,18,28,.76);backdrop-filter:blur(8px)}.zsm-search-dialog__panel{position:relative;width:min(100%,760px);padding:clamp(26px,5vw,48px);border:1px solid rgba(255,255,255,.55);border-radius:22px;background:var(--zsm-rm-surface);box-shadow:0 34px 90px rgba(0,20,32,.38)}.zsm-search-dialog__eyebrow{color:#0b8496;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.zsm-search-dialog h2{margin:5px 0 18px;color:#142a33;font-size:clamp(2rem,5vw,3.6rem);line-height:.95;letter-spacing:-.055em}.zsm-search-dialog form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.zsm-search-dialog input{width:100%;min-height:54px;padding:0 17px;border:1px solid #cbdcdf;border-radius:14px;background:#f8fbfb;color:#182d35;font:inherit;font-size:16px}.zsm-search-dialog form button{min-height:54px;padding:0 20px;border:0;border-radius:14px;background:#087f90;color:#fff;font-weight:850;cursor:pointer}.zsm-search-dialog p{margin:13px 0 0;color:#6a7b82;font-size:13px}.zsm-search-dialog__close{position:absolute;top:15px;right:15px;width:40px;height:40px;border:1px solid #d8e4e7;border-radius:50%;background:#f5f9fa;color:#32474f;font-size:25px;cursor:pointer} body.zsm-rm :where(.post-views,.post_views,.views-count,.entry-views,.proradio-reaktions,.proradio-rating,.post-ratings,.rating-stars,.vote-count,[class*="reaktion"],[class*="rating-stars"]){display:none} .zsm-search-dialog input:focus-visible { border-color:#0b8496; background:#fff; }
.zsm-search-dialog form button:active,
body.zsm-rm .zsm-header-radio-toggle:active { transform:translateY(1px) scale(.99); }
.zsm-search-dialog form button:disabled,
body.zsm-rm .zsm-header-radio-toggle:disabled { opacity:.52; cursor:not-allowed; transform:none; }
@media (hover:none) and (pointer:coarse) {
body.zsm-rm #proradio-menu .proradio-menu-horizontal .proradio-menubar > li > a:hover,
body.zsm-rm .zsm-header-radio-toggle:hover,
.zsm-mobile-dock__item:hover,
.zsm-mobile-dock__button:hover { transform:none; }
}