.saf{position:relative;width:100%;aspect-ratio:1;border-radius:24px;overflow:hidden;background:#1c1c1e;box-shadow:0 30px 60px -24px rgba(0,0,0,.45);isolation:isolate}.saf canvas{position:absolute;inset:0;width:100%;height:100%;transition:filter .5s,transform .8s cubic-bezier(.16,1,.3,1)}.saf[data-stage=queued] canvas{filter:saturate(.6) brightness(.7);transform:scale(1.04)}.saf[data-stage=done] canvas{filter:brightness(.6)}.saf-chip{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:8px;background:rgba(20,20,22,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font:500 13px/1 var(--font-inter),Inter,sans-serif;padding:8px 12px 8px 10px;border-radius:999px}.saf-chip svg{width:14px;height:14px}.saf-spin{animation:saf-spin 1s linear infinite}@keyframes saf-spin{to{transform:rotate(1turn)}}.saf-t{animation:saf-fade .3s both}@keyframes saf-fade{0%{opacity:0;transform:translateY(3px)}}.saf-odo{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;color:#fff;opacity:0;transition:opacity .4s;text-shadow:0 2px 24px rgba(0,0,0,.45);pointer-events:none}.saf[data-stage=done] .saf-odo,.saf[data-stage=searching] .saf-odo{opacity:1}.saf-n{font-family:var(--font-scc-num),var(--font-inter),sans-serif;font-weight:800;font-size:clamp(44px,11vw,72px);letter-spacing:-.04em;display:flex;line-height:1}.saf-n--text{font-size:clamp(30px,7vw,46px)}.saf-d{height:1em;overflow:hidden;line-height:1}.saf-d,.saf-d i,.saf-d>div{display:block}.saf-d i{font-style:normal;height:1em}.saf-sp{width:.28em;flex:none}.saf-cap{font:600 14px/1 var(--font-inter),Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;opacity:.85;margin-top:12px}@media (prefers-reduced-motion:reduce){.saf canvas,.saf-d>div{transition:none!important}}