.scap{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:1rem;color:#f3e9e2;font-family:Gandom,Vazirmatn,Tahoma,sans-serif}.scap__scrim{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#1a0e288c,#030206ed);opacity:0;transition:opacity .3s}.scap.is-in .scap__scrim{opacity:1}.scap__box{position:relative;width:min(100%,372px);padding:1.35rem 1.35rem 1.15rem;border-radius:22px;text-align:center;opacity:0;transform:translateY(20px) scale(.92);background:linear-gradient(160deg,#20162cf7,#0b080ffa);box-shadow:0 0 0 1px #ffffff14,0 0 0 2px #4c7dff38,0 30px 90px #000000bf,0 0 70px -12px #ff6a1f61;transition:transform .5s cubic-bezier(.2,1.35,.4,1),opacity .3s}.scap.is-in .scap__box{opacity:1;transform:none}.scap.is-out .scap__box{opacity:0;transform:scale(.95);transition-duration:.2s}.scap.is-done .scap__box{opacity:0;transform:scale(1.06);transition:transform .5s .35s,opacity .4s .45s}.scap__hud{position:absolute;inset:8px;border-radius:16px;pointer-events:none;background:linear-gradient(#ff8a4c,#ff8a4c) top left / 16px 2px no-repeat,linear-gradient(#ff8a4c,#ff8a4c) top left / 2px 16px no-repeat,linear-gradient(#4c7dff,#4c7dff) bottom right / 16px 2px no-repeat,linear-gradient(#4c7dff,#4c7dff) bottom right / 2px 16px no-repeat;opacity:.8}.scap__k{margin:.1rem 0 0;color:#ff9b63;font:800 .7rem/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.3em}.scap__t{margin:.45rem 0 .15rem;font-size:1.5rem;font-weight:900;line-height:1.3}.scap__hint{margin:0 0 1rem;color:#c8b7ad;font-size:.9rem;line-height:1.7}.scap__dial{position:relative;width:232px;height:232px;margin:0 auto;border-radius:50%;outline:none;cursor:grab;touch-action:none;user-select:none}.scap.is-turning .scap__dial{cursor:grabbing}.scap__dial:focus-visible{box-shadow:0 0 0 3px #4c7dffa6}.scap__ticks{position:absolute;inset:0;border-radius:50%;animation:scap-spin 16s linear infinite;background:repeating-conic-gradient(from -1deg,rgba(255,220,190,.6) 0 2deg,transparent 2deg 15deg);-webkit-mask:radial-gradient(circle,transparent 103px,#000 104px,#000 114px,transparent 115px);mask:radial-gradient(circle,transparent 103px,#000 104px,#000 114px,transparent 115px)}.scap__disc{position:absolute;inset:17px;overflow:hidden;border-radius:50%;background:#120c14;box-shadow:0 0 0 3px #0b080e,0 0 0 5px #ff6a1fcc,0 0 32px #ff6a1f61,inset 0 0 36px #000000a6;transition:box-shadow .3s;will-change:transform}.scap__disc img{display:block;width:100%;height:100%;pointer-events:none;user-select:none;transition:opacity .3s,filter .3s}.scap__scan{position:absolute;inset:17px;overflow:hidden;border-radius:50%;pointer-events:none}.scap__scan:after{content:"";position:absolute;left:0;right:0;top:-35%;height:35%;background:linear-gradient(transparent,rgba(110,200,255,.22),transparent);animation:scap-scan 2.6s ease-in-out infinite}.scap__pin{position:absolute;top:-8px;left:50%;width:16px;height:22px;translate:-50% 0;background:linear-gradient(#fff,#ffb36e);clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 0 7px #ff8a4c)}.scap__deg{position:absolute;bottom:-4px;left:50%;padding:.12rem .55rem;border-radius:8px;background:#0b080e;color:#a8c1ff;font:800 .78rem ui-monospace,Menlo,monospace;translate:-50% 0;box-shadow:0 0 0 1px #4c7dff73}.scap__range{width:100%;margin:1.15rem 0 .2rem;accent-color:#ff6a1f}.scap__msg{min-height:1.5em;margin:.35rem 0 .6rem;color:#ffb3bc;font-size:.9rem;font-weight:700}.scap__bar{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.scap__bar button{min-height:44px;padding:.4rem 1rem;border:0;border-radius:12px;font:inherit;font-weight:800;cursor:pointer}.scap__bar button:focus-visible{outline:3px solid rgba(76,125,255,.6);outline-offset:2px}.scap__go{flex:1 1 130px;background:linear-gradient(135deg,#ff6a1f,#ffa05a);color:#1d0d04;box-shadow:0 10px 24px -10px #ff6a1f}.scap__new,.scap__x{background:#ffffff0f;color:#eaded5;box-shadow:inset 0 0 0 1px #ffffff21}.scap.is-loading .scap__disc img{opacity:.15;filter:blur(5px)}.scap.is-checking .scap__disc{box-shadow:0 0 0 3px #0b080e,0 0 0 5px #4c7dff,0 0 40px #4c7dffa6}.scap.is-ok .scap__disc{box-shadow:0 0 0 3px #0b080e,0 0 0 6px #38d39f,0 0 60px #38d39fd9}.scap.is-ok .scap__ticks{animation-duration:.9s;background:repeating-conic-gradient(from -1deg,#59f0b8 0 2deg,transparent 2deg 15deg)}.scap.is-ok .scap__msg{color:#7dffc8}.scap.is-bad .scap__dial{animation:scap-shake .42s}@keyframes scap-spin{to{transform:rotate(360deg)}}@keyframes scap-scan{55%,to{top:100%}}@keyframes scap-shake{20%,60%{transform:translate(-9px) rotate(-2deg)}40%,80%{transform:translate(9px) rotate(2deg)}}@media (prefers-reduced-motion: reduce){.scap__ticks,.scap__scan:after,.scap.is-bad .scap__dial{animation:none}}
