/* streamer mode: blurred values, a toggle pill */
.sens { transition: filter .15s; border-radius: 3px; }
html.stream .sens { filter: blur(7px); user-select: none; cursor: pointer; }
html.stream .sens:hover { filter: blur(6px); }
html.stream .sens.peek { filter: none; user-select: text; }
html.stream input.sens { color: transparent; text-shadow: 0 0 9px rgba(255,255,255,.75); }
html.stream input.sens:focus { color: inherit; text-shadow: none; }
html.stream img.sens, html.stream .sens img { filter: blur(10px); }
.stream-toggle { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 11px; border-radius: 4px; border: 1px solid var(--border, #1f2430); background: var(--panel3, #1a1f29); color: var(--muted, #98a2b3); font: 700 12px inherit; font-family: inherit; cursor: pointer; white-space: nowrap; }
.stream-toggle svg { width: 16px; height: 16px; }
.stream-toggle .st-slash { opacity: 0; }
.stream-toggle.on { background: rgba(255,201,64,.14); border-color: rgba(255,201,64,.5); color: #ffc940; }
.stream-toggle.on .st-slash { opacity: 1; }
.stream-toggle:hover { filter: brightness(1.12); }
@media (max-width: 760px) { .stream-toggle .st-txt { display: none; } .stream-toggle { padding: 0 9px; } }