:root{--profile-ring-colors: rgb(60, 60, 60), rgb(90, 90, 90), rgb(120, 120, 120), rgb(80, 80, 80), rgb(100, 100, 100), rgb(70, 70, 70), rgb(110, 110, 110), rgb(85, 85, 85), rgb(95, 95, 95), rgb(60, 60, 60);--profile-ring-subtle: rgba(60, 60, 60, .2), rgba(90, 90, 90, .2), rgba(120, 120, 120, .2), rgba(80, 80, 80, .2), rgba(100, 100, 100, .2), rgba(70, 70, 70, .2);--profile-gradient-1: #93c5fd;--profile-gradient-2: #c4b5fd;--profile-gradient-3: #67e8f9;--profile-gradient-4: #6ee7b7;--profile-gradient-5: #fcd34d;--profile-gradient-6: #fca5a5;--profile-gradient-7: #f9a8d4;--profile-glow-1: rgba(147, 197, 253, .4);--profile-glow-2: rgba(196, 181, 253, .4);--profile-glow-3: rgba(103, 232, 249, .4);--profile-glow-4: rgba(110, 231, 183, .4);--profile-glow-5: rgba(252, 211, 77, .4);--profile-glow-6: rgba(252, 165, 165, .4);--profile-glow-7: rgba(249, 168, 212, .4)}.dark{--profile-ring-colors: rgb(255, 75, 75), rgb(75, 200, 200), rgb(75, 150, 255), rgb(255, 200, 50), rgb(255, 150, 75), rgb(255, 75, 125), rgb(150, 75, 255), rgb(175, 150, 255), rgb(255, 125, 175), rgb(255, 75, 75);--profile-ring-subtle: rgba(255, 75, 75, .3), rgba(75, 200, 200, .3), rgba(75, 150, 255, .3), rgba(255, 200, 50, .3), rgba(255, 150, 75, .3), rgba(150, 75, 255, .3);--profile-gradient-1: #3b82f6;--profile-gradient-2: #8b5cf6;--profile-gradient-3: #06b6d4;--profile-gradient-4: #10b981;--profile-gradient-5: #f59e0b;--profile-gradient-6: #ef4444;--profile-gradient-7: #ec4899;--profile-glow-1: rgba(59, 130, 246, .35);--profile-glow-2: rgba(139, 92, 246, .35);--profile-glow-3: rgba(6, 182, 212, .35);--profile-glow-4: rgba(16, 185, 129, .35);--profile-glow-5: rgba(245, 158, 11, .35);--profile-glow-6: rgba(239, 68, 68, .35);--profile-glow-7: rgba(236, 72, 153, .35)}@keyframes rainbow-rotate{0%{filter:blur(2px) hue-rotate(0deg)}to{filter:blur(2px) hue-rotate(360deg)}}@keyframes profile-ring-flow{0%{opacity:0;transform:scale(1);filter:blur(4px)}30%{opacity:.8;transform:scale(1.05);filter:blur(3px)}60%{opacity:1;transform:scale(1.08);filter:blur(2px)}to{opacity:1;transform:scale(1.1);filter:blur(1px)}}.profile-ring-flowing{will-change:transform,opacity,filter,clip-path}.rainbow-ring:hover{animation:rainbow-rotate 3s linear infinite}