.px-bg{position:fixed;inset:-10%;z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,#fff8,transparent),radial-gradient(1px 1px at 70% 60%,#fff6,transparent),radial-gradient(1px 1px at 40% 80%,#fff5,transparent),radial-gradient(1px 1px at 85% 15%,#fff7,transparent),radial-gradient(1px 1px at 10% 70%,#fff4,transparent),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:340px 340px,420px 420px,380px 380px,460px 460px,300px 300px,80px 80px,80px 80px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 80%);will-change:transform}
.pr{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.pr.in{opacity:1;transform:none}
.card{position:relative;transition:background .5s,transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s!important}
.card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.14);z-index:1}
.ks{position:fixed;inset:0;z-index:100;display:none;align-items:flex-start;justify-content:center;padding-top:14vh;background:rgba(0,0,0,.7);backdrop-filter:blur(6px)}
.ks.open{display:flex}
.ks-box{width:min(620px,92vw);background:#0a0a0a;border:1px solid #2a2a2a}
.ks-box input{width:100%;padding:1.1rem 1.2rem;background:transparent;border:0;border-bottom:1px solid #222;color:#fff;font:400 1rem Inter,sans-serif;outline:none}
.ks-box ul{list-style:none;margin:0;padding:.4rem 0;max-height:50vh;overflow:auto}
.ks-box li a{display:flex;justify-content:space-between;padding:.7rem 1.2rem;color:#ddd;text-decoration:none;font-size:.95rem}
.ks-box li a small{font:.66rem "JetBrains Mono",monospace;letter-spacing:.2em;color:#777;text-transform:uppercase}
.ks-box li.sel a,.ks-box li a:hover{background:#151515;color:#fff}
.ks-hint{position:fixed;right:18px;bottom:18px;z-index:50;padding:.45rem .7rem;border:1px solid #2a2a2a;background:#000a;color:#888;font:.68rem "JetBrains Mono",monospace;letter-spacing:.15em;cursor:pointer}
@media(max-width:700px){.ks-hint{display:none}}
:focus-visible{outline:1px solid #fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.pr{opacity:1;transform:none;transition:none}.card:hover{transform:none}.px-bg{transform:none!important}}