.cst{--cst-ink:#1d1d1f;--cst-bg:#f5f5f7;--cst-line:#e5e5ea;--cst-accent:#c2410c;--cst-accent2:#0b57d0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px}html[data-theme=dark] .cst{--cst-ink:#f2f2f7;--cst-bg:#1c1c1e;--cst-line:#38383a;--cst-accent:#fb923c;--cst-accent2:#8ab4f8}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .cst{--cst-ink:#f2f2f7;--cst-bg:#1c1c1e;--cst-line:#38383a;--cst-accent:#fb923c;--cst-accent2:#8ab4f8}}.cst-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;border:1px solid var(--cst-line);border-radius:14px;background:var(--cst-bg);color:var(--cst-ink);text-decoration:none;font-size:13px;font-weight:600;line-height:1.2;transition:transform .15s ease,border-color .15s ease}.cst-tab:focus-visible,.cst-tab:hover{transform:translateY(-2px);border-color:var(--cst-accent)}.cst-tab span{white-space:nowrap}.cst-pic{stroke:var(--cst-ink);fill:none}.cst-pic .cst-tick{stroke:var(--cst-accent);stroke-dasharray:8;stroke-dashoffset:8;animation:cst-draw 3s ease-in-out infinite}.cst-pic .cst-t2{animation-delay:.8s}.cst-pic .cst-flip{fill:var(--cst-accent);fill-opacity:.25;animation:cst-flip 2.4s ease-in-out infinite}.cst-pic .cst-bolt,.cst-pic .cst-flip{stroke:var(--cst-accent);transform-origin:16px 16px}.cst-pic .cst-bolt{fill:var(--cst-accent);fill-opacity:.85;animation:cst-zap 1.8s ease-in-out infinite}.cst-pic .cst-step{fill:var(--cst-accent2);fill-opacity:.35;stroke:var(--cst-accent2);transform-box:fill-box;transform-origin:bottom;animation:cst-rise 3s ease-in-out infinite}.cst-pic .cst-s2{animation-delay:.3s}.cst-pic .cst-s3{animation-delay:.6s}.cst-pic .cst-star{fill:var(--cst-accent);stroke:var(--cst-accent);transform-box:fill-box;transform-origin:center;animation:cst-twinkle 3s ease-in-out .9s infinite}@keyframes cst-draw{0%,15%{stroke-dashoffset:8}40%,85%{stroke-dashoffset:0}to{stroke-dashoffset:8}}@keyframes cst-flip{0%,to{transform:scaleX(1)}50%{transform:scaleX(-.2)}}@keyframes cst-zap{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15) rotate(-6deg);opacity:.75}}@keyframes cst-rise{0%,10%{transform:scaleY(.15)}40%,90%{transform:scaleY(1)}to{transform:scaleY(.15)}}@keyframes cst-twinkle{0%,20%{transform:scale(0);opacity:0}45%,90%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@media (prefers-reduced-motion:reduce){.cst-pic *{animation:none!important;stroke-dashoffset:0!important}.cst-tab{transition:none}}@media (max-width:380px){.cst{gap:5px}.cst-tab{font-size:11.5px;padding:6px 2px 5px}}