.scan-ov{z-index:1000;isolation:isolate;place-items:center;padding:1.4rem;animation:.32s cubic-bezier(.16,1,.3,1) both scanOvIn;display:grid;position:fixed;inset:0}.scan-ov-bg{-webkit-backdrop-filter:blur(28px)saturate(140%);background:radial-gradient(70% 60% at 50% 40%,#f5b06b2e,#0000 60%),radial-gradient(90% 70% at 50% 80%,#6fb8ff1f,#0000 60%),#040711d1;position:absolute;inset:0}.scan-ov-card{text-align:center;width:min(100%,560px);color:var(--ink,#f7f1e6);background:linear-gradient(#f7f1e60f 0%,#f7f1e604 100%),#0d1326d1;border:1px solid #f7f1e624;border-radius:28px;padding:2.4rem 2rem 1.9rem;position:relative;box-shadow:inset 0 1px #ffffff0f,0 60px 120px -40px #000000b3,0 0 0 1px #f5b06b0d}.scan-ov-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.55;pointer-events:none;background:linear-gradient(135deg,#f5b06b73,#b788ff59 45%,#6ed3ff4d 75%,#f5b06b00 100%);padding:1px;animation:3.6s linear infinite scanBorder;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.scan-orbit{width:160px;height:160px;margin:0 auto 1.6rem;position:relative}.scan-orbit-ring{transform-origin:50%;width:100%;height:100%;animation:7s linear infinite scanSpin;position:absolute;inset:0}.scan-orbit-core{color:var(--accent,#f5b06b);place-items:center;animation:1.8s ease-in-out infinite scanPulse;display:grid;position:absolute;inset:0}.scan-orbit-core svg{filter:drop-shadow(0 0 14px #f5b06b99)}.scan-orbit-dot{--size:11px;width:var(--size);height:var(--size);margin:calc(var(--size) * -.5) 0 0 calc(var(--size) * -.5);background:var(--c);box-shadow:0 0 18px var(--c), 0 0 4px var(--c);transform:rotate(calc((360deg / var(--n)) * var(--i) + var(--orbit-rot,0deg))) translate(65px) rotate(calc(-1 * ((360deg / var(--n)) * var(--i) + var(--orbit-rot,0deg))));border-radius:50%;animation:7s linear infinite scanOrbitSpin;position:absolute;top:50%;left:50%}.scan-kicker{font-family:var(--mono,"JetBrains Mono", ui-monospace, monospace);letter-spacing:.22em;text-transform:uppercase;color:#f7f1e6b8;background:#f7f1e60a;border:1px solid #f7f1e624;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .8rem;font-size:.6rem;display:inline-flex}.scan-dot{background:var(--accent,#f5b06b);width:6px;height:6px;box-shadow:0 0 10px var(--accent,#f5b06b);border-radius:50%;animation:1.1s ease-in-out infinite scanPulseDot}.scan-title{font-family:var(--serif,"Instrument Serif", serif);letter-spacing:-.02em;margin:1rem 0 1.6rem;font-size:clamp(1.9rem,5.4vw,2.6rem);font-weight:400;line-height:1.05}.scan-title em{color:var(--accent,#f5b06b);word-break:break-all;font-style:italic}.scan-steps{text-align:left;gap:.5rem;margin:0 0 1.4rem;padding:0;list-style:none;display:grid}.scan-step{opacity:.55;background:#f7f1e604;border:1px solid #f7f1e60f;border-radius:12px;grid-template-columns:22px 1fr auto;align-items:center;gap:.7rem;padding:.65rem .85rem;font-size:.85rem;transition:all .35s cubic-bezier(.16,1,.3,1);display:grid}.scan-step.pending{opacity:.45}.scan-step.active{opacity:1;background:linear-gradient(90deg,#f5b06b1a,#f5b06b05 65%);border-color:#f5b06b59;transform:translate(2px);box-shadow:0 8px 24px -12px #f5b06b80}.scan-step.done{opacity:.82;border-color:#8dd4a840}.scan-step-ico{border-radius:50%;place-items:center;width:22px;height:22px;display:inline-grid}.scan-step.done .scan-step-ico{color:#8dd4a8;background:#8dd4a81f;border:1px solid #8dd4a84d}.scan-step.active .scan-step-ico{background:#f5b06b1a;border:1px solid #f5b06b59}.scan-step-spin{border:1.6px solid #f5b06b33;border-top-color:var(--accent,#f5b06b);border-radius:50%;width:10px;height:10px;animation:.8s linear infinite scanSpin}.scan-step-idle{background:#f7f1e624;border-radius:50%;width:6px;height:6px}.scan-step-label{color:var(--ink,#f7f1e6);font-weight:500}.scan-step-detail{font-family:var(--mono,"JetBrains Mono", ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:#f7f1e670;justify-self:end;font-size:.6rem}.scan-step.active .scan-step-detail{color:var(--accent,#f5b06b)}.scan-bar{background:#f7f1e614;border-radius:4px;height:4px;position:relative;overflow:hidden}.scan-bar-fill{background:linear-gradient(90deg,#f5b06b 0%,#b788ff 45%,#6ed3ff 100%);border-radius:4px;width:0;animation-name:scanBarGrow;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:forwards;position:absolute;inset:0;box-shadow:0 0 18px #f5b06b8c}.scan-foot{color:#f7f1e670;letter-spacing:.04em;margin:1rem 0 0;font-size:.68rem}@keyframes scanOvIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1}}@keyframes scanSpin{to{transform:rotate(360deg)}}@keyframes scanOrbitSpin{0%{transform:rotate(calc((360deg / var(--n)) * var(--i))) translate(65px) rotate(calc(-1 * (360deg / var(--n)) * var(--i)))}to{transform:rotate(calc((360deg / var(--n)) * var(--i) + 360deg)) translate(65px) rotate(calc(-1 * ((360deg / var(--n)) * var(--i) + 360deg)))}}@keyframes scanPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.94)}}@keyframes scanPulseDot{0%,to{opacity:1;box-shadow:0 0 10px var(--accent,#f5b06b)}50%{opacity:.5;box-shadow:0 0 3px var(--accent,#f5b06b)}}@keyframes scanBarGrow{0%{width:0}to{width:100%}}@keyframes scanBorder{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@media (prefers-reduced-motion:reduce){.scan-ov-card:before,.scan-orbit-ring,.scan-orbit-core,.scan-orbit-dot,.scan-step-spin,.scan-dot{animation:none!important}.scan-bar-fill{animation-duration:.4s!important}}@media (max-width:560px){.scan-ov-card{border-radius:22px;padding:2rem 1.2rem 1.6rem}.scan-orbit{width:130px;height:130px;margin-bottom:1.2rem}.scan-orbit-dot{transform:rotate(calc((360deg / var(--n)) * var(--i))) translate(52px) rotate(calc(-1 * (360deg / var(--n)) * var(--i)))}@keyframes scanOrbitSpin{0%{transform:rotate(calc((360deg / var(--n)) * var(--i))) translate(52px) rotate(calc(-1 * (360deg / var(--n)) * var(--i)))}to{transform:rotate(calc((360deg / var(--n)) * var(--i) + 360deg)) translate(52px) rotate(calc(-1 * ((360deg / var(--n)) * var(--i) + 360deg)))}}.scan-title{font-size:1.65rem}.scan-step{grid-template-columns:22px 1fr}.scan-step-detail{grid-column:1/-1;justify-self:start;padding-left:29px}}
