.wwd-shelf{gap:1.25rem;display:grid}@media (min-width:768px){.wwd-shelf{grid-template-columns:11rem 1fr;gap:3rem}}.wwd-shelf-verb{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--field);line-height:1.1}.wwd-shelf-items{gap:1.75rem;display:grid}@media (min-width:640px){.wwd-shelf-items{grid-template-columns:repeat(3,1fr);gap:2.25rem}}.wwd-item{border-radius:var(--r-sm)}.wwd-item:focus-visible{outline:2px solid var(--field);outline-offset:8px}.wwd-item h4{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);margin-top:.8rem}.wwd-item p{max-width:30ch;font-size:.98rem;line-height:var(--leading-body);color:var(--ink-soft);margin-top:.3rem}.wwd-ico{width:2.25rem;height:2.25rem;color:var(--field-bright);transition:color .25s var(--ease-standard);display:block;position:relative}.wwd-ico i{width:100%;height:100%;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor;display:block}.wwd-item:hover .wwd-ico,.wwd-item:focus-visible .wwd-ico{color:var(--field)}.wwd-ico:before,.wwd-ico:after{content:"";opacity:0;pointer-events:none;position:absolute}@keyframes wwdShuffle{0%{transform:none}28%{transform:translateY(-4px)rotate(-6deg)}62%{transform:translateY(1px)rotate(3deg)}to{transform:none}}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=shuffle] i{animation:wwdShuffle 1.7s var(--ease-settle)}@keyframes wwdStamp{0%{transform:none}30%{transform:scale(.88)}60%{transform:scale(1.05)}to{transform:none}}@keyframes wwdRingSq{0%{opacity:.5;transform:scale(.7)}to{opacity:0;transform:scale(1.45)}}.wwd-ico[data-demo=stamp]:after{border-radius:var(--r-sm);border:1.5px solid;inset:-5px}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=stamp] i{animation:wwdStamp 1.6s var(--ease-settle)}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=stamp]:after{animation:wwdRingSq 1.6s var(--ease-exit)}@keyframes wwdFocusPulse{0%{opacity:0;transform:scale(.85)}25%{opacity:.75;transform:scale(1)}70%{opacity:.75}to{opacity:0;transform:scale(1.06)}}.wwd-ico[data-demo=ring]:after{border:2px solid;border-radius:8px;inset:-6px}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=ring]:after{animation:wwdFocusPulse 1.8s var(--ease-settle)}@keyframes wwdFound{0%{opacity:.5;transform:scale(.5)}to{opacity:0;transform:scale(1.9)}}@keyframes wwdLift{0%{transform:none}35%{transform:translateY(-3px)}to{transform:none}}.wwd-ico[data-demo=found]:after{border:1.5px solid;border-radius:50%;inset:-8px}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=found]:after{animation:wwdFound 1.7s var(--ease-exit)}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=found] i{animation:wwdLift 1.7s var(--ease-settle)}@keyframes wwdDash{0%{transform:none}25%{transform:translate(-4px)}55%{transform:translate(7px)}to{transform:none}}@keyframes wwdSpeed{0%{opacity:0;transform:translate(-2px)scaleX(.4)}40%{opacity:.7;transform:translate(-9px)scaleX(1)}to{opacity:0;transform:translate(-16px)scaleX(.5)}}.wwd-ico[data-demo=dash]:before{border-top:1.6px solid;border-bottom:1.6px solid;width:12px;height:5px;top:38%;left:-4px}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=dash] i{animation:wwdDash 1.5s var(--ease-settle)}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=dash]:before{animation:wwdSpeed 1.5s var(--ease-exit)}@keyframes wwdTurn{0%{transform:none}30%{transform:rotate(-14deg)}65%{transform:rotate(10deg)}to{transform:none}}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=turn] i{animation:wwdTurn 1.6s var(--ease-settle)}@keyframes wwdBeat{0%,to{transform:none}20%{transform:scale(1.14)}38%{transform:scale(1)}54%{transform:scale(1.1)}72%{transform:scale(1)}}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=beat] i{animation:wwdBeat 1.7s var(--ease-settle)}@keyframes wwdFlip{0%{transform:perspective(240px)rotateX(0)}40%{transform:perspective(240px)rotateX(-62deg)}to{transform:perspective(240px)rotateX(0)}}.wwd-ico[data-demo=flip] i{transform-origin:top}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=flip] i{animation:wwdFlip 1.7s var(--ease-settle)}@keyframes wwdSend{0%{opacity:1;transform:none}35%{opacity:.9;transform:translate(6px,-6px)rotate(6deg)}55%{opacity:0;transform:translate(10px,-10px)rotate(6deg)}56%{opacity:0;transform:translate(-6px,5px)}78%{opacity:.9;transform:translate(0)}to{opacity:1;transform:none}}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=send] i{animation:wwdSend 1.8s var(--ease-settle)}@keyframes wwdPing{0%{opacity:.6;transform:scale(.55)}to{opacity:0;transform:scale(1.6)}}.wwd-ico[data-demo=ping]:after{border:1.5px solid;border-radius:50%;inset:-4px}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=ping]:after{animation:wwdPing .9s var(--ease-exit) 2}@keyframes wwdScan{0%{opacity:0;transform:translate(0)}15%{opacity:.8}85%{opacity:.8;transform:translate(28px)}to{opacity:0;transform:translate(32px)}}.wwd-ico[data-demo=scan]:before{background:currentColor;border-radius:50%;width:5px;height:5px;bottom:-7px;left:0}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=scan]:before{animation:wwdScan 1.8s var(--ease-standard)}@keyframes wwdTickChip{0%{opacity:0;transform:translateY(5px)}25%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-5px)}}@keyframes wwdTickNudge{0%{transform:none}30%{transform:rotate(14deg)}to{transform:none}}.wwd-ico[data-demo=tick]:before{content:"v2.1";font-family:var(--font-mono);color:var(--field);font-size:10px;font-weight:500;top:-9px;right:-26px}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=tick]:before{animation:wwdTickChip 1.8s var(--ease-settle)}.wwd-item:is(:hover,:focus-visible) .wwd-ico[data-demo=tick] i{animation:wwdTickNudge 1.6s var(--ease-settle)}.wwd-verb-block{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--paper-raised);height:clamp(15rem,32vh,21rem);position:relative;overflow:hidden}.wwd-verb-word{font-family:var(--font-display);letter-spacing:var(--tracking-display);color:var(--ink);pointer-events:none;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;position:absolute;bottom:clamp(12px,2vw,20px);left:clamp(16px,2.5vw,28px)}