/* Filmstrip refinement: existing layout and motion remain owned by index.html. */
#vizualy .filters{gap:22px}
#vizualy .filters button{position:relative;padding:10px 0;min-height:44px;border:0;border-radius:0;background:transparent;color:#aaa59d;font-size:13px;box-shadow:none}
#vizualy .filters button::after{content:'';position:absolute;inset:auto 0 3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
#vizualy .filters button[aria-pressed=true]{color:var(--bone);background:transparent;border:0}
#vizualy .filters button[aria-pressed=true]::after{transform:scaleX(1)}
#vizualy .filters button:hover{color:var(--bone)}
#vizualy .filters button:focus-visible{outline:2px solid var(--bone);outline-offset:5px}
#vizualy .frame .win{border-radius:7px;box-shadow:none}
#vizualy .badge{top:12px;left:12px;gap:0;padding:6px 9px;border-radius:3px;font-size:11px;line-height:1.3;font-variation-settings:'wdth' 100,'wght' 600;box-shadow:none}
#vizualy .badge::before{display:none}
#vizualy .frame-meta{border:0;margin-top:0;padding-top:12px}
#vizualy .frame-meta .who{font-size:13px;font-variation-settings:'wdth' 100,'wght' 550}
#vizualy .sheet-foot{justify-content:center}
#vizualy .track{height:1px;max-width:300px}
#vizualy .track i{background:var(--set)}
#vizualy #cnt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:640px){
 #vizualy .sheet-head .filters{width:100%;max-width:calc(100vw - var(--pad) * 2);gap:18px}
 #vizualy .filters button{font-size:12px;flex-shrink:0}
 #vizualy .badge{top:10px;left:10px}
 #vizualy .sheet-foot .track{max-width:180px}
}
@media(prefers-reduced-motion:reduce){#vizualy .filters button::after{transition:none}}