.sp-app--clickreserv{--app:#6667ab}.sp-app--reserv-click{--app:#c026d3}.sp-app--colmado{--app:#15803d}.sp-app--palindrone{--app:#9451ec}.sp-app--githat{--app:#6b62e9}.sp-app--access0x1{--app:#0e7490}.sp-app--access0x1-app{--app:#2dd4bf}.sp-app--quantl{--app:#20883c}.sp-app--nfteria{--app:#006bb6}.sp-app--sebastn{--app:#d40924}.sp-app--rebato{--app:#1e807d}.sp-app--allfans{--app:#ff4d6d}.sp-app--hemiai{--app:#1a85ff}.sp-app--realsley{--app:#0f8761}.sp-app--provenance{--app:#ca8a04}.sp-app--ticketreserv{--app:#db2777}.sp-app--rail{--app:#64748b}.sp-app--githat-starter{--app:#4f46e5}.sp-app--repo-snap{--app:#0e7490}.sp-app--repo-hooks{--app:#c026d3}.sp-app--repo-unica{--app:#006bb6}.sp-open{padding-top:clamp(40px,7vw,88px)}.sp-h1{font:700 clamp(2rem,4.6vw,3.4rem)/1.1 var(--font-display);letter-spacing:-.02em;margin:10px 0 18px;max-width:22ch}.sp-lede{max-width:62ch;font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin:0 0 14px}.sp-built{font-weight:600;margin:0 0 22px}.sp-sub{font:600 1.4rem var(--font-display);margin:3rem 0 4px}.sp-note,.sp-sub{text-align:center}.sp-note{max-width:62ch;margin:22px auto 0;color:var(--text-secondary);font-size:.95rem;line-height:1.55}.sp-grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.sp-grid>li{display:flex}.sp-grid>li.sp-proof{flex-direction:column}.sp-grid--proof{margin-top:36px;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.sp-proof strong{display:block;font:600 1.02rem var(--font-display);margin-bottom:4px}.sp-app,.sp-proof strong{color:var(--text-primary)}.sp-app{display:flex;flex-direction:column;flex:1;gap:8px;text-decoration:none;border:1px solid color-mix(in srgb,var(--app) 45%,var(--border-color));background:color-mix(in srgb,var(--app) 9%,var(--bg-secondary));transition:transform .16s,border-color .16s}a.sp-app:hover{transform:translateY(-3px);border-color:var(--app)}a.sp-app:focus-visible{outline:3px solid var(--text-primary);outline-offset:3px}div.sp-app{border-style:dashed}.sp-art{height:88px;margin:-8px -8px 4px;border-radius:12px;color:var(--app);background:linear-gradient(135deg,color-mix(in srgb,var(--app) 40%,transparent),color-mix(in srgb,var(--app) 6%,transparent))}.sp-art svg{display:block;width:100%;height:100%}.sp-app h3{margin:0}.sp-app p{flex:1}.sp-go{font-weight:600;text-decoration:underline 2px var(--app);text-underline-offset:4px}.sp-host{font-weight:400;color:var(--text-secondary);word-break:break-all;margin:0 6px}.sp-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 8px;border-radius:99px;font:700 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--app) 16%,var(--bg-secondary));border:1px solid color-mix(in srgb,var(--app) 55%,transparent)}.sp-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--app)}.sp-chip--dev:before{background:0 0;box-shadow:inset 0 0 0 2px var(--app)}.sp-eco{max-width:760px;margin:0 auto}.sp-eco__top{max-width:360px;margin:0 auto;display:flex}.sp-eco__links{display:none;margin:0 auto}.sp-eco__links path{fill:none;stroke:var(--text-secondary);stroke-width:2}.sp-eco__links polygon{fill:var(--text-secondary)}.sp-eco__down{text-align:center;font-size:1.8rem;color:var(--text-secondary);margin:6px 0}@media(min-width:640px){.sp-eco__links{display:block;width:100%;height:auto}.sp-eco__down{display:none}.sp-grid--duo{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.sp-app{transition:none}a.sp-app:hover{transform:none}}