/* Spectrum: one quiet 9px signal beside the existing right navigation. */
.soy-popularity { position:fixed; z-index:5; top:calc(142px + clamp(40px,8vh,88px)); right:calc(var(--sbr-side,180px) + 14px); width:84px; color:#bfd6d4; }
.soy-popularity .soy-popularity__toggle { display:flex; flex-direction:column; align-items:flex-end; gap:12px; width:100%; padding:4px; border:0; border-radius:0; color:inherit; background:transparent; font:400 12px/1.4 'Courier New',monospace; text-align:right; cursor:help; -webkit-tap-highlight-color:transparent; }
.soy-popularity__label { letter-spacing:.025em; text-shadow:0 1px 3px #000,0 0 8px #85d0ec1c; text-decoration:underline dotted #94b1b25c; text-underline-offset:4px; }
.soy-popularity__toggle:hover .soy-popularity__label, .soy-popularity__toggle:focus-visible .soy-popularity__label { color:#e0f0eb; text-decoration-color:#b8efee99; }
.soy-popularity .soy-popularity__toggle:focus-visible { outline:1px solid #a4cdcc; outline-offset:3px; }
.soy-popularity__meter { display:block; position:relative; width:9px; height:180px; margin-right:1px; }
.soy-popularity__leds { position:absolute; inset:0; display:grid; grid-template-rows:repeat(21,1fr); gap:2px; }
.soy-popularity__leds > span { display:block; border-radius:.5px; background:var(--led-color); opacity:.25; transition:opacity .36s,box-shadow .36s; }
.soy-popularity__leds > [data-filled='true'] { opacity:.43; }
.soy-popularity__leds > [data-current='true'] { opacity:.95; box-shadow:0 0 3px var(--led-color); }
.soy-popularity__needle { position:absolute; top:50%; left:-5px; width:2px; height:3px; transform:translateY(-50%); background:var(--popularity-signal,#eed077); box-shadow:0 0 3px var(--popularity-signal,#eed077); transition:top .38s cubic-bezier(.2,.7,.25,1),background-color .36s; }
.soy-popularity[data-ready='false'] .soy-popularity__needle { visibility:hidden; }
.soy-popularity__announcement { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.soy-popularity__help { position:fixed; z-index:40; width:min(272px,calc(100vw - 24px)); max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); padding:13px 15px; overflow:auto; overscroll-behavior:contain; border:1px solid #647f7d; border-radius:3px; color:#c3d5d0; background:#081118f7; box-shadow:0 8px 26px #0008,inset 0 1px 0 #b8efee0c; font:12px/1.6 'Courier New',monospace; text-align:left; }
.soy-popularity__help[hidden] { display:none; }
.soy-popularity__help strong { display:block; color:#dfefe8; font:400 13px/1.5 'Courier New',monospace; }
.soy-popularity__help p { margin:9px 0; }
.soy-popularity__reading { display:block; margin-top:11px; padding-top:9px; border-top:1px solid #829e9840; color:#cfe9e1; font-variant-numeric:tabular-nums; }
.soy-popularity__summary { display:block; margin-top:6px; color:#a0b6b6; font-size:11px; }
@media(max-width:1000px) {
  .soy-popularity { position:absolute; top:30px; right:12px; }
  .soy-popularity__meter { height:160px; }
}
@media(prefers-reduced-motion:reduce) {
  .soy-popularity__leds > span, .soy-popularity__needle { transition:none; }
}