:root[data-stil=papier] .hoerstation{--hs-papier:#faf6ec;--hs-tinte:#2b241a;--hs-bleistift:#8a8174;--hs-fokus:#16729a;--hs-knopf:#2b241a;--hs-knopf-zeichen:#fff;--hs-rand:#2b241a1a;--hs-hover:#2b241a0f;border:1px solid var(--hs-rand);background-color:var(--hs-papier);color:var(--hs-tinte);box-shadow:var(--schatten-schwebend);border-radius:16px;padding:12px 14px;display:block}:root[data-stil=papier][data-theme=dunkel] .hoerstation{--hs-papier:#26211a;--hs-tinte:#f3e8d3;--hs-bleistift:#7a7266;--hs-fokus:#4db9e0;--hs-knopf:#f3e8d3;--hs-knopf-zeichen:#111;--hs-rand:#f3e8d31f;--hs-hover:#f3e8d314}:root[data-stil=papier] .hoerstation-titel{margin:0 0 8px;font-size:max(.9375rem,12px);font-weight:700;line-height:1.3}:root[data-stil=papier] .hoerstation-zeile{grid-template-rows:56px auto;grid-template-columns:56px minmax(0,1fr);align-items:center;column-gap:12px;display:grid}:root[data-stil=papier] .hoerstation-knopf{background-color:var(--hs-knopf);width:56px;height:56px;color:var(--hs-knopf-zeichen);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;grid-area:1/1;padding:0;transition:transform .12s ease-out;position:relative}:root[data-stil=papier] .hoerstation-knopf:active{transform:scale(.94)}:root[data-stil=papier] .hoerstation-knopf:focus-visible{outline:3px solid var(--hs-fokus);outline-offset:3px}:root[data-stil=papier] .hoerstation-zeichen{place-items:center;transition:opacity .16s ease-out,transform .22s cubic-bezier(.3,1.4,.5,1);display:grid;position:absolute;inset:0}:root[data-stil=papier] .hoerstation-zeichen svg{width:24px;height:24px}:root[data-stil=papier] .hoerstation-zeichen-pause{opacity:0;transform:scale(.5)rotate(-60deg)}:root[data-stil=papier] .hoerstation[data-laeuft] .hoerstation-zeichen-spielen{opacity:0;transform:scale(.5)rotate(60deg)}:root[data-stil=papier] .hoerstation[data-laeuft] .hoerstation-zeichen-pause{opacity:1;transform:none}:root[data-stil=papier] .hoerstation-welle{cursor:pointer;touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:10px;grid-area:1/2;min-height:44px;display:block}:root[data-stil=papier] .hoerstation-welle[aria-disabled=true]{cursor:default}:root[data-stil=papier] .hoerstation-welle:focus-visible{outline:3px solid var(--hs-fokus);outline-offset:2px}:root[data-stil=papier] .hoerstation-welle svg{width:100%;height:48px;display:block;overflow:visible}:root[data-stil=papier] .hoerstation-balken{fill:none;stroke-width:3.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}:root[data-stil=papier] .hoerstation-offen{stroke:var(--hs-bleistift)}:root[data-stil=papier] .hoerstation-gespielt{stroke:var(--hs-tinte)}@keyframes hoerstation-puls{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.22)}}:root[data-stil=papier] .hoerstation[data-laeuft] .hoerstation-balken[data-kopf]{transform-box:fill-box;transform-origin:50%;animation:1.1s ease-in-out infinite hoerstation-puls}:root[data-stil=papier] .hoerstation-fuss{grid-area:2/2;justify-content:space-between;align-items:center;gap:8px;display:flex}:root[data-stil=papier] .hoerstation-zeit{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:max(.875rem,12px);line-height:1.2}:root[data-stil=papier] .hoerstation-tempo{min-width:44px;min-height:44px;color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0000;border:0;border-radius:10px;margin-right:-6px;padding:0 8px;font-size:max(.875rem,12px);font-weight:700}:root[data-stil=papier] .hoerstation-tempo:hover{background-color:var(--hs-hover)}:root[data-stil=papier] .hoerstation-tempo:focus-visible{outline:3px solid var(--hs-fokus);outline-offset:0}:root[data-stil=papier] .hoerstation-meldung p{margin:8px 0 0;font-size:max(.875rem,12px);line-height:1.4}:root[data-stil=papier] .hoerstation-meldung a{color:inherit;text-underline-offset:3px;font-weight:700;text-decoration:underline}:root[data-stil=papier] .hoerstation-meldung a:focus-visible{outline:3px solid var(--hs-fokus);outline-offset:2px;border-radius:2px}@media (forced-colors:active){:root[data-stil=papier] .hoerstation-welle svg{forced-color-adjust:none}:root[data-stil=papier] .hoerstation-offen{stroke:graytext}:root[data-stil=papier] .hoerstation-gespielt{stroke:canvastext}:root[data-stil=papier] .hoerstation-knopf{border:2px solid buttontext}}@media (prefers-reduced-motion:reduce){:root[data-stil=papier] .hoerstation[data-laeuft] .hoerstation-balken[data-kopf]{animation:none}:root[data-stil=papier] .hoerstation-zeichen,:root[data-stil=papier] .hoerstation-knopf{transition:none}}