@keyframes xRise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes xFade{0%{opacity:0}to{opacity:1}}@keyframes xBlink{0%,45%{opacity:1}50%,95%{opacity:.15}to{opacity:1}}@keyframes xLegA{0%,to{transform:rotate(16deg)}50%{transform:rotate(-16deg)}}@keyframes xLegB{0%,to{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}@keyframes xTail{0%,to{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}@keyframes xBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.xcat[data-walking="1"] .leg-a{animation:xLegA var(--legdur, .44s) ease-in-out infinite}.xcat[data-walking="1"] .leg-b{animation:xLegB var(--legdur, .44s) ease-in-out infinite}.xcat[data-walking="1"] .cat-body{animation:xBob var(--legdur, .44s) ease-in-out infinite}.xcat .tail{animation:xTail 1.6s ease-in-out infinite;transform-origin:22px 42px}.xcat .leg-a,.xcat .leg-b{transform-origin:center 2px}@media (prefers-reduced-motion: reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important}.xcat{display:none}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.reveal-visible{opacity:1;transform:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}*{scrollbar-color:var(--accent) var(--surface)}@keyframes xGridPan{0%{transform:translateZ(0)}to{transform:translate3d(0,-72px,0)}}@keyframes xFloatA{0%{transform:translate3d(-4%,0,0) scale(1)}50%{transform:translate3d(6%,-7%,0) scale(1.14)}to{transform:translate3d(-4%,0,0) scale(1)}}@keyframes xFloatB{0%{transform:translate3d(4%,2%,0) scale(1.06)}50%{transform:translate3d(-7%,-5%,0) scale(.94)}to{transform:translate3d(4%,2%,0) scale(1.06)}}@keyframes xFloatC{0%{transform:translate3d(0,4%,0) scale(.96)}50%{transform:translate3d(-5%,-8%,0) scale(1.1)}to{transform:translate3d(0,4%,0) scale(.96)}}.x-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.x-bg-grid{position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;background-image:linear-gradient(var(--grid) 1px,transparent 1px);background-size:100% 36px;animation:xGridPan 7s linear infinite}.x-bg-glow-a{position:absolute;top:-14%;right:-10%;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--glowA),transparent 66%);filter:blur(20px);animation:xFloatA 22s ease-in-out infinite}.x-bg-glow-b{position:absolute;bottom:-22%;left:-14%;width:56vw;height:56vw;border-radius:50%;background:radial-gradient(circle at 55% 45%,var(--glowB),transparent 68%);filter:blur(24px);animation:xFloatB 28s ease-in-out infinite}.x-bg-glow-c{position:absolute;top:38%;left:34%;width:40vw;height:40vw;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--glowA),transparent 70%);opacity:.55;filter:blur(30px);animation:xFloatC 34s ease-in-out infinite}.x-bg-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:.3;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}@media (prefers-reduced-motion: reduce){.x-bg-grid,.x-bg-glow-a,.x-bg-glow-b,.x-bg-glow-c{animation:none}}