.demo-tap-hand{position:absolute;z-index:8;right:14px;top:39px;width:64px;height:78px;overflow:visible;pointer-events:none;opacity:0;filter:drop-shadow(0 3px 3px #321c1830)}
.demo-tap-hand .hand-outline{fill:#fffaf3;stroke:#4a2c2a;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;transform-origin:41px 12px}
.demo-tap-hand .tap-ring{fill:none;stroke:#d99a43;stroke-width:2.4;opacity:0;transform-origin:41px 12px}
.topic-list.gesture-ready .demo-tap-hand{animation:gesture-tour 3.6s ease-in-out .35s infinite both}
.topic-list.gesture-ready .hand-outline{animation:finger-press 3.6s ease-in-out .35s infinite both}
.topic-list.gesture-ready .tap-ring{animation:touch-ripple 3.6s ease-out .35s infinite both}
.topic-list.gesture-ready .tap-ring--outer{stroke-width:1.4;animation-delay:.4s}
.v3 .topic-card:first-child{animation:none}
.topic-list.gesture-dismissed .demo-tap-hand{display:none}
@keyframes gesture-tour{0%,40%,100%{opacity:1;transform:translate(0,0)}55%,80%{opacity:1;transform:translate(-4px,78px)}}
@keyframes finger-press{0%,19%,28%,60%,70%,100%{transform:scale(1)}22%,25%,63%,67%{transform:scale(.87)}}
@keyframes touch-ripple{0%,19%,39%,60%,82%,100%{opacity:0;transform:scale(.55)}22%,63%{opacity:.8;transform:scale(.65)}32%,74%{opacity:0;transform:scale(1.65)}}
@media(max-width:820px){
  .welcome-header nav{display:none}
  .welcome-header{display:flex;justify-content:space-between;align-items:center;min-height:76px;padding:18px 0;gap:14px}
  .welcome-header-actions{width:auto;gap:0}
  .welcome-brand{justify-self:auto}
}
@media(max-width:820px) and (max-height:730px){.welcome-header{min-height:68px;padding:14px 0}}
@media(prefers-reduced-motion:reduce){.demo-tap-hand{display:none}}