.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.dark .glass{background:var(--bg-glass);border-color:var(--border)}.glass-surface{background:var(--pg-surface);-webkit-backdrop-filter:blur(24px);border:1px solid var(--pg-border)}.glass-dark{background:var(--pg-glass-dark);-webkit-backdrop-filter:blur(20px);border:1px solid var(--pg-border-dark)}.glow-primary,.glow-secondary,.glow-accent{box-shadow:0 0 30px #14b8a640}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:6s ease-in-out infinite float}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #14b8a633}50%{box-shadow:0 0 40px #14b8a666}}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{background:linear-gradient(90deg,#0000,#fff6,#0000) 0 0/200% 100%;animation:1.5s infinite shimmer}.pet-loader{--pl-primary:#6366f1;--pl-secondary:#ec4899;--pl-accent:#14b8a6;--pl-glow:#6366f159;flex-direction:column;align-items:center;gap:.85rem;display:flex}.pet-loader__stage{place-items:center;display:grid;position:relative}.pet-loader__ring{border:2px solid #0000;border-top-color:var(--pl-primary);border-right-color:color-mix(in srgb, var(--pl-secondary) 70%, transparent);border-radius:9999px;animation:1.4s cubic-bezier(.45,.05,.2,1) infinite pet-loader-spin;position:absolute}.pet-loader__ring--1{opacity:.9;inset:0}.pet-loader__ring--2{border-top-color:var(--pl-secondary);border-right-color:color-mix(in srgb, var(--pl-accent) 70%, transparent);opacity:.65;animation-duration:1.8s;animation-direction:reverse;inset:12%}.pet-loader__orbit{background:radial-gradient(circle, color-mix(in srgb, var(--pl-primary) 18%, transparent), transparent 70%);border-radius:9999px;animation:2.2s ease-in-out infinite pet-loader-pulse;position:absolute;inset:22%}.pet-loader__trail{position:absolute;inset:0}.pet-loader__step{opacity:0;animation:1.6s ease-in-out infinite pet-loader-step;position:absolute;transform:scale(.4)rotate(-18deg)}.pet-loader__step--1{animation-delay:0s;top:8%;left:18%}.pet-loader__step--2{animation-delay:.2s;top:28%;left:58%}.pet-loader__step--3{animation-delay:.4s;top:58%;left:22%}.pet-loader__step--4{animation-delay:.6s;top:72%;left:62%}.pet-loader__core{z-index:2;background:linear-gradient(135deg, var(--pl-primary), var(--pl-secondary));box-shadow:0 10px 30px var(--pl-glow);border-radius:9999px;place-items:center;animation:1.8s ease-in-out infinite pet-loader-bounce;display:grid;position:relative}.pet-loader__core-paw{color:#fff;filter:drop-shadow(0 2px 6px #00000026)}.pet-loader__label{color:#64748b;letter-spacing:.01em;margin:0;font-size:.82rem;font-weight:700}.dark .pet-loader__label{color:#94a3b8}.pet-loader__dots span{animation:1.2s ease-in-out infinite pet-loader-dot}.pet-loader__dots span:nth-child(2){animation-delay:.15s}.pet-loader__dots span:nth-child(3){animation-delay:.3s}.pet-loader--xs .pet-loader__stage{width:1rem;height:1rem}.pet-loader--xs .pet-loader__core{width:.72rem;height:.72rem}.pet-loader--xs .pet-loader__core-paw{width:.5rem;height:.5rem}.pet-loader--xs .pet-loader__step{width:.35rem;height:.35rem}.pet-loader--xs .pet-loader__label{display:none}.pet-loader--sm .pet-loader__stage{width:2rem;height:2rem}.pet-loader--sm .pet-loader__core{width:1.35rem;height:1.35rem}.pet-loader--sm .pet-loader__core-paw{width:.85rem;height:.85rem}.pet-loader--sm .pet-loader__step{width:.55rem;height:.55rem}.pet-loader--sm .pet-loader__label{display:none}.pet-loader--md .pet-loader__stage{width:3.25rem;height:3.25rem}.pet-loader--md .pet-loader__core{width:2.1rem;height:2.1rem}.pet-loader--md .pet-loader__core-paw{width:1.2rem;height:1.2rem}.pet-loader--md .pet-loader__step{width:.75rem;height:.75rem}.pet-loader--lg .pet-loader__stage{width:4.5rem;height:4.5rem}.pet-loader--lg .pet-loader__core{width:2.85rem;height:2.85rem}.pet-loader--lg .pet-loader__core-paw{width:1.55rem;height:1.55rem}.pet-loader--lg .pet-loader__step{width:.95rem;height:.95rem}.pet-loader--xl .pet-loader__stage{width:5.75rem;height:5.75rem}.pet-loader--xl .pet-loader__core{width:3.6rem;height:3.6rem}.pet-loader--xl .pet-loader__core-paw{width:2rem;height:2rem}.pet-loader--xl .pet-loader__step{width:1.15rem;height:1.15rem}.pet-loader--brand{--pl-primary:#6366f1;--pl-secondary:#ec4899;--pl-accent:#14b8a6;--pl-glow:#6366f159}.pet-loader--light{--pl-primary:#fffffff2;--pl-secondary:#ffffffbf;--pl-accent:#ffffff8c;--pl-glow:#ffffff40}.pet-loader--orange{--pl-primary:#f97316;--pl-secondary:#fb923c;--pl-accent:#fdba74;--pl-glow:#f9731659}.pet-loader--violet{--pl-primary:#14b8a6;--pl-secondary:#2dd4bf;--pl-accent:#5eead4;--pl-glow:#14b8a659}.pet-loader--purple{--pl-primary:#0d9488;--pl-secondary:#14b8a6;--pl-accent:#2dd4bf;--pl-glow:#0d948859}.pet-loader--pink{--pl-primary:#ec4899;--pl-secondary:#f472b6;--pl-accent:#f9a8d4;--pl-glow:#ec489959}.pet-loader--teal{--pl-primary:#14b8a6;--pl-secondary:#2dd4bf;--pl-accent:#5eead4;--pl-glow:#14b8a659}.pet-loader--indigo{--pl-primary:#4f46e5;--pl-secondary:#6366f1;--pl-accent:#818cf8;--pl-glow:#4f46e559}.pet-loader--amber{--pl-primary:#f59e0b;--pl-secondary:#fbbf24;--pl-accent:#fcd34d;--pl-glow:#f59e0b59}.pet-loader--rose{--pl-primary:#f43f5e;--pl-secondary:#fb7185;--pl-accent:#fda4af;--pl-glow:#f43f5e59}.pet-loader--cyan{--pl-primary:#06b6d4;--pl-secondary:#22d3ee;--pl-accent:#67e8f9;--pl-glow:#06b6d459}.pet-loader--blue{--pl-primary:#3b82f6;--pl-secondary:#60a5fa;--pl-accent:#93c5fd;--pl-glow:#3b82f659}.pet-loader--emerald{--pl-primary:#10b981;--pl-secondary:#34d399;--pl-accent:#6ee7b7;--pl-glow:#10b98159}@keyframes pet-loader-spin{to{transform:rotate(360deg)}}@keyframes pet-loader-pulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes pet-loader-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.04)}}@keyframes pet-loader-step{0%,to{opacity:0;transform:scale(.35)rotate(-18deg)}18%,42%{opacity:.95;transform:scale(1)rotate(0)}60%{opacity:.2;transform:scale(.7)rotate(12deg)}}@keyframes pet-loader-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}