.spm-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;display:grid}@media (min-width:40rem){.spm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.spm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:80rem){.spm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.spm-fx{height:100%}.spm-fx.spm-wobble{animation:.6s ease-out spm-wobble}.spm-fx.spm-shake{animation:.45s ease-out spm-shake}@keyframes spm-wobble{0%{transform:rotate(0)scale(1)}20%{transform:rotate(-6deg)scale(1.06)}40%{transform:rotate(6deg)scale(.97)}60%{transform:rotate(-4deg)scale(1.03)}80%{transform:rotate(4deg)scale(1)}to{transform:rotate(0)scale(1)}}@keyframes spm-shake{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(12px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.spm-tilt{border:2px solid var(--accent);height:100%;box-shadow:0 0 22px color-mix(in srgb, var(--accent) 33%, transparent), inset 0 0 30px color-mix(in srgb, var(--accent) 13%, transparent);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));background:linear-gradient(to bottom right,#18181b,#09090b,#000);border-radius:1.5rem;flex-direction:column;padding:1.25rem;transition:transform .18s ease-out;display:flex;position:relative;overflow:hidden}.fx-card:hover .spm-tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.04)}.spm-glare{pointer-events:none;opacity:0;width:200%;height:200%;transform:translate(calc(var(--gx,.5) * 50%), calc(var(--gy,.5) * 50%));background:radial-gradient(circle,#ffffff40,#0000 28%);transition:opacity .2s;position:absolute;top:-100%;left:-100%}.fx-card:hover .spm-glare{opacity:1}.spm-emoji{font-size:3rem;line-height:1;transition:transform .3s;display:inline-block}.fx-card:hover .spm-emoji{transform:rotate(-10deg)scale(1.1)}.spm-badge{color:#d4d4d8;white-space:nowrap;background:#ffffff1a;border-radius:9999px;padding:.125rem .5rem;font-family:ui-monospace,monospace;font-size:.75rem}.spm-name{color:#fff;margin-top:.75rem;font-size:1.25rem;font-weight:900;line-height:1.25}.spm-name a:hover{text-decoration:underline}.spm-tag{color:#d4d4d8;flex:1;margin-top:.5rem;font-size:.875rem}.spm-dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1rem;font-family:ui-monospace,monospace;font-size:.75rem;display:grid}.spm-dl>div{background:#00000080;border-radius:.75rem;padding:.5rem}.spm-dl dt{color:#71717a}.spm-dl dd{font-weight:700}.spm-foot{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.spm-votes{align-items:center;gap:.5rem;display:flex}.spm-vb{cursor:pointer;border-radius:.75rem;padding:.375rem .75rem;font-size:1.125rem;font-weight:900;transition:transform .15s}.spm-up{color:#6ee7b7;background:#10b98133;box-shadow:inset 0 0 0 1px #34d39999}.spm-up:hover{transform:scale(1.2)rotate(-10deg)}.spm-down{color:#fda4af;background:#f43f5e33;box-shadow:inset 0 0 0 1px #fb718599}.spm-down:hover{transform:scale(1.2)rotate(10deg)}.spm-vb:active{transform:scale(.7)}.spm-score{text-align:center;color:#fff;min-width:4ch;font-family:ui-monospace,monospace;font-size:1.125rem;font-weight:900;display:inline-block}.spm-score.spm-pop{animation:.45s cubic-bezier(.22,1,.36,1) spm-pop}@keyframes spm-pop{0%{opacity:.6;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.spm-src{text-transform:uppercase;color:#67e8f9;font-family:ui-monospace,monospace;font-size:.75rem}.spm-src:hover{color:#cffafe}.spm-pill{opacity:0;transform-origin:0;background:linear-gradient(90deg,#d946ef,#06b6d4);border-radius:.75rem;position:absolute;inset:0}[aria-selected=true]>.spm-pill{opacity:1}.spm-pill.spm-pill-go{transition:transform .32s cubic-bezier(.22,1,.36,1)}.spm-drop-in{animation:.5s ease-out both spm-drop-in}@keyframes spm-drop-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}.spm-quote-in{animation:.5s ease-out both spm-quote-in}.spm-quote-out{animation:.3s ease-in both spm-quote-out}@keyframes spm-quote-in{0%{opacity:0;transform:perspective(600px)translateY(30px)rotateX(90deg)}to{opacity:1;transform:none}}@keyframes spm-quote-out{0%{opacity:1;transform:none}to{opacity:0;transform:perspective(600px)translateY(-30px)rotateX(-90deg)}}.spm-cta{transition:transform .2s;display:inline-block}.spm-cta:hover{transform:scale(1.08)rotate(-2deg)}.spm-cta.spm-cta-r:hover{transform:scale(1.08)rotate(2deg)}.spm-cta:active{transform:scale(.9)}.spm-stat{transition:transform .25s}.spm-stat:hover{transform:scale(1.06)rotate(2deg)}.spm-stat:nth-child(2n):hover{transform:scale(1.06)rotate(-2deg)}@media (prefers-reduced-motion:reduce){.spm-fx.spm-wobble,.spm-fx.spm-shake,.spm-score.spm-pop,.spm-drop-in,.spm-quote-in,.spm-quote-out{animation:none}.spm-tilt,.fx-card:hover .spm-tilt{transform:none}}