.view-controls{z-index:4;text-shadow:0 1px 3px #080c13,0 0 10px #080c1380;flex-direction:column;align-items:stretch;gap:4px;width:160px;display:flex;position:absolute;top:clamp(122px,17vh,170px);right:clamp(24px,3vw,48px)}.view-controls button{color:#bbc1cb;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:6px;min-height:38px;padding:5px 0;font-size:12px;display:flex}.view-controls button:hover{color:var(--accent)}.view-controls button[aria-pressed=true]{color:#f4ddb0}.view-title{color:var(--muted);letter-spacing:.08em;margin:0 0 10px;font-size:11px}.view-group{flex-direction:column;gap:4px;display:flex}.view-group+.view-group{margin-top:18px}.observer-options{width:100%;margin:0}.observer-options>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-height:24px;margin:0 0 6px;list-style:none;display:flex}.observer-options>summary::-webkit-details-marker{display:none}.observer-options>summary:hover{color:var(--accent)}.observer-options>summary:focus-visible{outline:1px solid var(--accent);outline-offset:4px;border-radius:2px}.observer-chevron{font-size:10px;transition:transform .34s cubic-bezier(.22,1,.36,1);display:inline-block}.observer-options[data-expanded=true] .observer-chevron{transform:rotate(180deg)}.extra-observer-options{flex-direction:column;gap:4px;padding-bottom:4px;display:flex}@media (prefers-reduced-motion:reduce){.observer-chevron{transition:none}}@media (width>=761px) and (height<=780px){:is(.view-controls:has(.view-group:nth-of-type(3)) button,.view-controls:has(:not(.view-group)>.view-group+.view-group) button){min-height:32px}:is(.view-controls:has(.view-group:nth-of-type(3)) .view-group+.view-group,.view-controls:has(:not(.view-group)>.view-group+.view-group) .view-group+.view-group){margin-top:10px}}@media (width<=760px){.view-controls{flex-flow:wrap;justify-content:center;gap:4px 14px;width:auto;margin:6px 20px 0;position:relative;top:auto;right:auto}.view-title{text-align:center;flex-basis:100%;margin-bottom:2px}.view-controls .view-group{flex-flow:wrap;flex:100%;justify-content:center;gap:4px 14px}.view-group+.view-group{margin-top:12px}.observer-options>summary{justify-content:center}.extra-observer-options{flex-flow:wrap;justify-content:center;gap:4px 14px}}