:root{--text-sm:clamp(0.875rem,0.8rem + 0.35vw,1rem);--text-base:clamp(1rem,0.95rem + 0.25vw,1.125rem);--text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);--space-2:0.5rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-xl:1rem;--radius-full:9999px;--font-display:'Epilogue',sans-serif;--font-body:'Space Grotesk',sans-serif;--color-text:#f7eeff;--color-text-muted:#dbc8ff;--color-border:rgba(255,255,255,0.12);--shadow-lg:0 30px 80px rgba(0,0,0,0.45)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow:hidden;color:var(--color-text);font-family:var(--font-body);position:relative;background-color:#06030b}body::before{content:'';position:fixed;inset:-10%;width:120%;height:120%;background-image:url('img1.webp');background-size:130px 130px;background-repeat:repeat;opacity:0.55;z-index:0;pointer-events:none;animation:blotterDrift 14s linear infinite,psychoMorph 3s linear infinite}.grain{position:fixed;inset:0;z-index:1;background-image:radial-gradient(rgba(255,255,255,0.10) 0.7px,transparent 0.7px);background-size:18px 18px;opacity:0.08;mix-blend-mode:soft-light;pointer-events:none;animation:grainShift 7s steps(6) infinite}.trail-layer{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden}.trail{position:absolute;width:18vmin;aspect-ratio:1 / 1;border-radius:50%;opacity:0.18;filter:blur(18px) saturate(1.35);mix-blend-mode:screen;animation:blobWobble var(--dur,9s) ease-in-out infinite}.trail.one{left:8%;top:16%;background:radial-gradient(circle,rgba(255,72,196,0.8),transparent 68%)}.trail.two{right:10%;top:12%;background:radial-gradient(circle,rgba(93,253,255,0.78),transparent 66%)}.trail.three{left:14%;bottom:10%;background:radial-gradient(circle,rgba(170,110,255,0.72),transparent 68%)}.trail.four{right:16%;bottom:14%;background:radial-gradient(circle,rgba(123,255,183,0.66),transparent 64%)}.prism{position:fixed;inset:0;pointer-events:none;z-index:5;background:linear-gradient(115deg,rgba(255,0,153,0.08),transparent 28%,rgba(0,255,255,0.08) 48%,transparent 66%,rgba(255,255,0,0.07));mix-blend-mode:soft-light;animation:prismShift 10s ease-in-out infinite}.orbit-swarm{position:fixed;inset:0;pointer-events:none;z-index:3}.orbit-cat{position:fixed;top:0;left:0;width:clamp(82px,10vw,150px);aspect-ratio:1 / 1;overflow:hidden;border:3px solid rgba(255,255,255,0.16);box-shadow:0 12px 34px rgba(0,0,0,0.34),0 0 0 8px rgba(255,255,255,0.03);will-change:transform,border-radius,filter;z-index:3;pointer-events:auto;cursor:pointer;transition:filter 220ms ease,box-shadow 220ms ease,border-radius 260ms ease;border-radius:44% 56% 52% 48% / 46% 43% 57% 54%}.orbit-cat:hover{filter:brightness(1.12) saturate(1.08);box-shadow:0 16px 40px rgba(0,0,0,0.4),0 0 0 10px rgba(255,255,255,0.05)}.orbit-cat.leader{width:clamp(110px,13vw,196px);pointer-events:none;cursor:default}.orbit-cat.cat-2{opacity:0.9}.orbit-cat.cat-3{opacity:0.8}.orbit-cat.cat-4{opacity:0.7}.orbit-cat.cat-5{opacity:0.6}.orbit-cat img,.hero-cat img{width:100%;height:100%;object-fit:cover;display:block}.orbit-cat img{transform:scale(1.08);filter:saturate(1.08) contrast(1.04)}.shell{min-height:100vh;display:grid;place-items:center;padding:10.75rem var(--space-8) 9.5rem;z-index:2}.centerpiece{position:relative;width:min(72vw,680px);aspect-ratio:1 / 1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(255,255,255,0.22),rgba(255,255,255,0.03) 44%,transparent 70%),radial-gradient(circle at center,rgba(255,72,196,0.18),transparent 58%);box-shadow:var(--shadow-lg);backdrop-filter:blur(10px)}.halo{position:absolute;inset:-9%;border-radius:50%;pointer-events:none;animation:pulseHalo 6s ease-in-out infinite}.ring-band{position:absolute;left:50%;top:50%;border-radius:50%;overflow:hidden;background-image:url('img1.webp');background-size:cover;background-position:center;filter:saturate(1.08) contrast(1.04)}.ring-band::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.13),0 0 24px rgba(255,72,196,0.18)}.ring-1{width:126%;height:126%;transform:translate(-50%,-50%);clip-path:circle(50% at 50% 50%);mask:radial-gradient(circle,transparent 0 36%,#000 37% 49%,transparent 50%);-webkit-mask:radial-gradient(circle,transparent 0 36%,#000 37% 49%,transparent 50%);animation:ringSpinA 15s ease-in-out infinite}.ring-2{width:104%;height:104%;transform:translate(-50%,-50%);clip-path:circle(50% at 50% 50%);mask:radial-gradient(circle,transparent 0 22%,#000 23% 35%,transparent 36%);-webkit-mask:radial-gradient(circle,transparent 0 22%,#000 23% 35%,transparent 36%);animation:ringSpinB 18s ease-in-out infinite}.ring-3{width:82%;height:82%;transform:translate(-50%,-50%);clip-path:circle(50% at 50% 50%);mask:radial-gradient(circle,transparent 0 10%,#000 11% 23%,transparent 24%);-webkit-mask:radial-gradient(circle,transparent 0 10%,#000 11% 23%,transparent 24%);animation:ringSpinC 22s ease-in-out infinite}.hero-cat{position:relative;width:min(58vw,520px);aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,0.18);box-shadow:0 0 0 14px rgba(255,255,255,0.04),0 14px 70px rgba(0,0,0,0.5);animation:centerpieceFloat 7s ease-in-out infinite;z-index:2}.hero-cat::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,72,196,0.16),rgba(93,253,255,0.06),rgba(123,255,183,0.12),rgba(255,72,196,0.16));mix-blend-mode:screen;animation:spinField 8s linear infinite}.caption{position:absolute;left:50%;bottom:max(4vh,1.5rem);transform:translateX(-50%);width:min(92vw,980px);display:flex;justify-content:space-between;gap:var(--space-4);align-items:end;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(26,10,47,0.74),rgba(11,9,31,0.52));border:1px solid var(--color-border);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);z-index:6}.donate-stack{display:flex;flex-direction:row;align-items:center;gap:0.9rem}.donate-note-wrap{display:flex;flex-direction:column;align-items:center;gap:0.45rem}.donate-row{display:flex;align-items:center;gap:0.9rem}.donate-note{font-size:0.82rem;color:var(--color-text-muted);text-align:center;max-width:28ch}.donate-button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.18);padding:0.95rem 1.3rem;color:#120516;text-decoration:none;background:linear-gradient(135deg,rgba(255,214,94,0.96),rgba(255,133,227,0.94));font-weight:800;text-transform:uppercase;letter-spacing:0.12em;box-shadow:0 10px 28px rgba(0,0,0,0.26)}.donate-button:hover,.donate-button:focus-visible{filter:brightness(1.04) saturate(1.04)}.donate-qr{width:78px;height:78px;border-radius:0.75rem;background:rgba(255,255,255,0.95);padding:0.35rem;box-shadow:0 10px 26px rgba(0,0,0,0.24)}.donate-qr img{width:100%;height:100%;object-fit:cover;border-radius:0.45rem;display:block}.caption-copy h1{font-family:'Pacifico',cursive;font-size:var(--text-2xl);line-height:1.1;letter-spacing:0.06em;margin-bottom:var(--space-2);background:linear-gradient(90deg,#ff48c4,#5dfdff,#ffd65e,#ff48c4,#b94fff,#5dfdff);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:psychoShift 3s linear infinite;filter:drop-shadow(0 0 10px rgba(255,72,196,0.6)) drop-shadow(0 0 22px rgba(93,253,255,0.4))}@keyframes psychoShift{0%{background-position:0% center}100%{background-position:300% center}}.caption-copy p{color:var(--color-text-muted);max-width:42ch;font-size:var(--text-sm)}.sound-button{min-width:44px;min-height:44px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.18);padding:0.9rem 1.2rem;color:var(--color-text);background:linear-gradient(135deg,rgba(255,72,196,0.25),rgba(93,253,255,0.16));font-weight:700;text-transform:uppercase;letter-spacing:0.1em;cursor:pointer}@keyframes spinField{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulseHalo{0%,100%{transform:scale(0.98);opacity:0.55}50%{transform:scale(1.03);opacity:1}}@keyframes ringSpinA{0%{transform:translate(-50%,-50%) rotate(150deg)}70%{transform:translate(-50%,-50%) rotate(-24deg)}100%{transform:translate(-50%,-50%) rotate(0deg)}}@keyframes ringSpinB{0%{transform:translate(-50%,-50%) rotate(-132deg)}68%{transform:translate(-50%,-50%) rotate(38deg)}100%{transform:translate(-50%,-50%) rotate(0deg)}}@keyframes ringSpinC{0%{transform:translate(-50%,-50%) rotate(98deg)}64%{transform:translate(-50%,-50%) rotate(-20deg)}100%{transform:translate(-50%,-50%) rotate(0deg)}}@keyframes centerpieceFloat{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}@keyframes grainShift{0%{transform:translate(0,0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(0.5%,1%)}100%{transform:translate(0,0)}}@keyframes blobWobble{0%,100%{transform:translate3d(0,0,0) scale(1)}25%{transform:translate3d(2vw,-2vh,0) scale(1.18)}50%{transform:translate3d(-1vw,2vh,0) scale(0.92)}75%{transform:translate3d(2vw,1vh,0) scale(1.1)}}@keyframes prismShift{0%,100%{opacity:0.5;transform:translateX(-2%) rotate(0deg)}50%{opacity:0.9;transform:translateX(2%) rotate(1deg)}}@media (max-width:900px){.top-nav a{font-size:0.82rem;padding:0.75rem 0.8rem}.centerpiece{width:min(80vw,560px)}.hero-cat{width:min(68vw,400px)}.caption{width:min(94vw,94vw);flex-direction:column;align-items:flex-start;gap:var(--space-3)}.donate-stack{flex-direction:row;flex-wrap:wrap}}@media (max-width:540px){.top-nav{gap:0}.top-nav a{flex-direction:column;font-size:0.68rem;padding:0.6rem 0.4rem;letter-spacing:0.03em;gap:0.15rem}.top-nav a .nav-icon{font-size:1.2rem;margin-right:0}.centerpiece{width:min(92vw,340px)}.hero-cat{width:min(78vw,280px)}.shell{padding:5.5rem var(--space-4) 10rem}.caption{width:96vw;left:50%;transform:translateX(-50%);flex-direction:column;align-items:flex-start;padding:var(--space-3) var(--space-4);bottom:max(2vh,1rem);gap:var(--space-3)}h1{font-size:clamp(1.4rem,6vw,2rem)}.donate-stack{flex-direction:column;align-items:flex-start;gap:0.65rem}.donate-button{padding:0.75rem 1rem;font-size:0.8rem}.qr-wrap img,.qr-wrap{width:86px!important;height:86px!important}#audio-ctrl{bottom:0.6rem;right:0.6rem;padding:0.38rem 0.8rem 0.38rem 0.5rem;font-size:0.72rem}.orbit-cat{width:46px!important;height:46px!important}.orbit-cat.leader{width:56px!important;height:56px!important}}@media (max-width:380px){.top-nav a{font-size:0.62rem;padding:0.5rem 0.3rem}.centerpiece{width:94vw}h1{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}@keyframes blotterDrift{0%{transform:translate(0px,0px)}25%{transform:translate(-30px,-20px)}50%{transform:translate(-60px,0px)}75%{transform:translate(-30px,20px)}100%{transform:translate(0px,0px)}}@keyframes psychoMorph{0%{filter:hue-rotate(0deg) saturate(2.5) brightness(1.1) contrast(1.6)}14%{filter:hue-rotate(50deg) saturate(3.2) brightness(1.25) contrast(1.8)}28%{filter:hue-rotate(110deg) saturate(3.0) brightness(1.05) contrast(2.0)}42%{filter:hue-rotate(180deg) saturate(3.5) brightness(1.2) contrast(1.7)}57%{filter:hue-rotate(240deg) saturate(3.0) brightness(1.3) contrast(1.8)}71%{filter:hue-rotate(300deg) saturate(3.4) brightness(1.0) contrast(2.1)}85%{filter:hue-rotate(340deg) saturate(2.8) brightness(1.15) contrast(1.7)}100%{filter:hue-rotate(360deg) saturate(2.5) brightness(1.1) contrast(1.6)}}.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;align-items:stretch;background:rgba(6,3,11,0.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,72,196,0.22);box-shadow:0 2px 24px rgba(93,253,255,0.10);padding:0}.top-nav a{flex:1;max-width:240px;display:flex;align-items:center;justify-content:center;padding:0.85rem 1.2rem;font-family:'Pacifico',cursive;font-size:clamp(0.78rem,1.4vw,1rem);letter-spacing:0.06em;text-decoration:none;color:rgba(247,238,255,0.88);border-right:1px solid rgba(255,72,196,0.14);transition:background 0.25s ease,color 0.25s ease;position:relative;overflow:hidden}.top-nav a:last-child{border-right:none}.top-nav a::after{content:'';position:absolute;bottom:0;left:50%;right:50%;height:2px;background:linear-gradient(90deg,#ff48c4,#5dfdff,#ffd65e);transition:left 0.3s ease,right 0.3s ease}.top-nav a:hover::after{left:0;right:0}.top-nav a:hover{background:rgba(255,72,196,0.10);color:#fff}.top-nav a .nav-icon{margin-right:0.45em;font-size:1em}