@media (prefers-reduced-motion:no-preference){
.cd-rv{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.cd-rv.cd-in{opacity:1;transform:none}
.hgrid>a,.cgrid>a,.hm-card,.card{transition:transform .22s ease,box-shadow .22s ease}
.hgrid>a:hover,.cgrid>a:hover,.hm-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px -10px rgba(37,99,235,.35),0 0 0 1px rgba(6,182,212,.18)}
a:hover .hc-i,a:hover .ci,a:hover .cd-hicon{animation:cdB .5s ease}
@keyframes cdB{0%,100%{transform:none}40%{transform:translateY(-4px) scale(1.06)}70%{transform:translateY(1px)}}
.btn,button.primary,.go,#go{position:relative;overflow:hidden}
.btn::after,#go::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);pointer-events:none}
.btn:hover::after,#go:hover::after{transform:translateX(120%);transition:transform .7s ease}
.cd-rp{position:absolute;border-radius:50%;background:rgba(255,255,255,.45);transform:scale(0);opacity:1;animation:cdR .55s ease-out forwards;pointer-events:none}
@keyframes cdR{to{transform:scale(1);opacity:0}}
.cd-rk-n{position:relative;overflow:hidden}
.cd-rk-n::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);transform:translateX(-100%);animation:cdS 2.8s ease-in-out infinite;pointer-events:none}
@keyframes cdS{60%,100%{transform:translateX(100%)}}
.home h1,main h1:first-of-type{background:linear-gradient(90deg,#0f766e,#2563eb,#7c3aed,#0f766e);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:cdG 10s ease infinite}
@keyframes cdG{50%{background-position:100% 0}}
.cd-ld>a{position:relative;overflow:hidden}
.cd-ld>a::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(148,163,184,.18) 50%,transparent 70%);transform:translateX(-100%);animation:cdS 1.2s linear infinite;pointer-events:none}
.cd-dz-on{animation:cdP 1.1s ease-in-out infinite;outline:2px dashed #2563eb;outline-offset:3px}
@keyframes cdP{50%{box-shadow:0 0 0 8px rgba(37,99,235,.15)}}
.cd-progress,.cd-shim{position:relative;overflow:hidden}
.cd-progress::after,.cd-shim::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-100%);animation:cdS 1.3s linear infinite;pointer-events:none}
.results>*,#out>*,.cd-res,.cd-ba{animation:cdF .35s ease both}
@keyframes cdF{from{opacity:0;transform:translateY(6px)}}
.cd-ok svg{animation:cdK .45s cubic-bezier(.2,1.4,.4,1) both}.cd-ok path{stroke-dasharray:16;stroke-dashoffset:16;animation:cdD .35s .2s ease forwards}
@keyframes cdK{from{transform:scale(.3);opacity:0}}@keyframes cdD{to{stroke-dashoffset:0}}
}
@media (prefers-color-scheme:dark){.home h1,main h1:first-of-type{background-image:linear-gradient(90deg,#5eead4,#93c5fd,#c4b5fd,#5eead4)}}
.cd-shim{height:6px;border-radius:6px;background:linear-gradient(90deg,#2563eb var(--p,8%),#e2e8f0 0);margin:8px 0}
.cd-ok{display:flex;align-items:center;gap:8px;margin:8px 0;font-weight:600;color:#166534}.cd-ok path{stroke-dashoffset:0}
.cd-ba{position:relative;display:block;margin:8px 0;line-height:0;user-select:none}.cd-ba img{width:100%;display:block}.cd-ba-a{position:absolute;inset:0}.cd-ba-a img{height:100%;object-fit:fill}
.cd-ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.cd-ba-l,.cd-ba-r{position:absolute;top:6px;font:600 11px/1 system-ui;background:rgba(15,23,42,.6);color:#fff;padding:3px 6px;border-radius:6px}.cd-ba-l{left:6px}.cd-ba-r{right:6px}
