.modern-name-card-wrapper{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:0s;animation-delay:var(--animation-delay,0s);margin:12px 0;opacity:0;position:relative;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.modern-name-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#282a36d9;border:1px solid #8b949e33;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;overflow:hidden;padding:20px;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow,opacity}.card-background{background:linear-gradient(135deg,#ffffff0d,#ffffff05 50%,#ffffff14);opacity:.3;transition:opacity .4s ease}.card-background,.card-mouse-gradient{border-radius:16px;bottom:0;left:0;position:absolute;right:0;top:0}.card-mouse-gradient{background:radial-gradient(200px circle at 50% 50%,#ffffff26 0,#ffffff14 30%,#0000 70%);background:radial-gradient(200px circle at var(--mouse-x,50%) var(--mouse-y,50%),#ffffff26 0,#ffffff14 30%,#0000 70%);opacity:0;pointer-events:none;transition:opacity .3s ease}.card-glow-effect{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);border-radius:18px;bottom:-2px;left:-2px;opacity:0;pointer-events:none;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}.card-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative;z-index:2}.card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.rank-badge{background:linear-gradient(135deg,#ffd700e6,#ffc107cc);border-radius:12px;box-shadow:0 2px 8px #ffd7004d;color:#1a1a1a;flex-shrink:0;font-size:.85rem;font-weight:700;min-width:40px;padding:4px 10px;text-align:center;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.rank-number{display:block;line-height:1}.name-title{color:#f8f8f2;font-size:2.8rem;font-weight:600;line-height:1.2;margin:0;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.card-stats{margin:16px 0}.frequency-display{align-items:center;display:flex;gap:8px;margin-bottom:12px}.frequency-icon{font-size:1.2rem;transition:transform .3s ease}.frequency-number{color:#f8f8f2;font-size:1.1rem;font-weight:600;transition:all .3s ease}.frequency-label{color:#f8f8f2b3;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.popularity-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;position:relative;width:100%}.popularity-progress{background:linear-gradient(90deg,#fff6,#fffc 50%,#fff6);border-radius:2px;height:100%;top:0;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.popularity-glow,.popularity-progress{animation:progressSlideIn 1.5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.3s;animation-delay:calc(var(--animation-delay, 0s) + .3s);left:0;position:absolute;transform:translateX(-100%);width:0;width:var(--progress-width,0)}.popularity-glow{background:linear-gradient(90deg,#0000,#fff9,#0000);border-radius:3px;height:6px;opacity:0;top:-1px;transition:opacity .4s ease,width 1.2s cubic-bezier(.4,0,.2,1)}@keyframes progressSlideIn{to{transform:translateX(0)}}.card-link{display:block;margin-top:auto;text-decoration:none}.card-button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#f8f8f2;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.button-text{position:relative;transition:transform .3s ease;z-index:2}.button-ripple{background:#ffffff4d;border-radius:50%;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.button-glow{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);bottom:0;left:0;transform:translateX(-100%);transition:transform .6s ease}.button-glow,.corner-accent{position:absolute;right:0;top:0}.corner-accent{background:linear-gradient(135deg,#fff3,#ffffff1a);border-top-right-radius:16px;-webkit-clip-path:polygon(100% 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 100%,100% 100%);height:30px;opacity:0;transition:opacity .4s ease;width:30px}.floating-particles{border-radius:16px;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.particle{background:#fff9;border-radius:50%;height:3px;opacity:0;position:absolute;width:3px}.particle-1{animation:float1 3s ease-in-out infinite;left:20%;top:20%}.particle-2{animation:float2 4s ease-in-out infinite;left:70%;top:60%}.particle-3{animation:float3 3.5s ease-in-out infinite;left:40%;top:40%}.modern-name-card-wrapper.active .modern-name-card,.modern-name-card-wrapper:hover .modern-name-card{box-shadow:0 12px 24px #00000026,0 4px 8px #0000001a;transform:translateY(-6px) scale(1.02)}.modern-name-card-wrapper.active .card-glow-effect,.modern-name-card-wrapper:hover .card-glow-effect,.modern-name-card-wrapper:hover .card-mouse-gradient{opacity:1}.modern-name-card-wrapper:hover .rank-badge{box-shadow:0 4px 12px #ffd70066;transform:translateY(-2px) scale(1.05)}.modern-name-card-wrapper:hover .frequency-icon{transform:scale(1.1)}.modern-name-card-wrapper.active .popularity-glow,.modern-name-card-wrapper:hover .popularity-glow{opacity:1}.modern-name-card-wrapper:hover .card-button{background:#ffffff26;border-color:#ffffff4d}.modern-name-card-wrapper:hover .button-glow{transform:translateX(100%)}.modern-name-card-wrapper.active .corner-accent,.modern-name-card-wrapper.active .particle,.modern-name-card-wrapper:hover .corner-accent,.modern-name-card-wrapper:hover .particle{opacity:1}.card-button:active .button-ripple{height:300px;width:300px}.card-button:active .button-text{transform:scale(.95)}.theme-red .modern-name-card{border-color:#ef44444d}.theme-red .card-mouse-gradient{background:radial-gradient(200px circle at 50% 50%,#ef444433 0,#ef44441a 30%,#0000 70%);background:radial-gradient(200px circle at var(--mouse-x,50%) var(--mouse-y,50%),#ef444433 0,#ef44441a 30%,#0000 70%)}.theme-red .popularity-progress{background:linear-gradient(90deg,#ef444466,#ef4444cc 50%,#ef444466)}.theme-red.active .modern-name-card,.theme-red:hover .modern-name-card{border-color:#ef444480;box-shadow:0 12px 24px #ef444426,0 4px 8px #0000001a}.theme-pink .modern-name-card{border-color:#ec48994d}.theme-pink .card-mouse-gradient{background:radial-gradient(200px circle at 50% 50%,#ec489933 0,#ec48991a 30%,#0000 70%);background:radial-gradient(200px circle at var(--mouse-x,50%) var(--mouse-y,50%),#ec489933 0,#ec48991a 30%,#0000 70%)}.theme-pink .popularity-progress{background:linear-gradient(90deg,#ec489966,#ec4899cc 50%,#ec489966)}.theme-pink.active .modern-name-card,.theme-pink:hover .modern-name-card{border-color:#ec489980;box-shadow:0 12px 24px #ec489926,0 4px 8px #0000001a}.theme-cyan .modern-name-card{border-color:#06b6d44d}.theme-cyan .card-mouse-gradient{background:radial-gradient(200px circle at 50% 50%,#06b6d433 0,#06b6d41a 30%,#0000 70%);background:radial-gradient(200px circle at var(--mouse-x,50%) var(--mouse-y,50%),#06b6d433 0,#06b6d41a 30%,#0000 70%)}.theme-cyan .popularity-progress{background:linear-gradient(90deg,#06b6d466,#06b6d4cc 50%,#06b6d466)}.theme-cyan.active .modern-name-card,.theme-cyan:hover .modern-name-card{border-color:#06b6d480;box-shadow:0 12px 24px #06b6d426,0 4px 8px #0000001a}.theme-yellow .modern-name-card{border-color:#f59e0b4d}.theme-yellow .card-mouse-gradient{background:radial-gradient(200px circle at 50% 50%,#f59e0b33 0,#f59e0b1a 30%,#0000 70%);background:radial-gradient(200px circle at var(--mouse-x,50%) var(--mouse-y,50%),#f59e0b33 0,#f59e0b1a 30%,#0000 70%)}.theme-yellow .popularity-progress{background:linear-gradient(90deg,#f59e0b66,#f59e0bcc 50%,#f59e0b66)}.theme-yellow.active .modern-name-card,.theme-yellow:hover .modern-name-card{border-color:#f59e0b80;box-shadow:0 12px 24px #f59e0b26,0 4px 8px #0000001a}.theme-purple .modern-name-card{border-color:#8b5cf64d}.theme-purple .card-mouse-gradient{background:radial-gradient(200px circle at 50% 50%,#8b5cf633 0,#8b5cf61a 30%,#0000 70%);background:radial-gradient(200px circle at var(--mouse-x,50%) var(--mouse-y,50%),#8b5cf633 0,#8b5cf61a 30%,#0000 70%)}.theme-purple .popularity-progress{background:linear-gradient(90deg,#8b5cf666,#8b5cf6cc 50%,#8b5cf666)}.theme-purple.active .modern-name-card,.theme-purple:hover .modern-name-card{border-color:#8b5cf680;box-shadow:0 12px 24px #8b5cf626,0 4px 8px #0000001a}.theme-green .modern-name-card{border-color:#10b9814d}.theme-green .card-mouse-gradient{background:radial-gradient(200px circle at 50% 50%,#10b98133 0,#10b9811a 30%,#0000 70%);background:radial-gradient(200px circle at var(--mouse-x,50%) var(--mouse-y,50%),#10b98133 0,#10b9811a 30%,#0000 70%)}.theme-green .popularity-progress{background:linear-gradient(90deg,#10b98166,#10b981cc 50%,#10b98166)}.theme-green.active .modern-name-card,.theme-green:hover .modern-name-card{border-color:#10b98180;box-shadow:0 12px 24px #10b98126,0 4px 8px #0000001a}.theme-orange .modern-name-card{border-color:#f973164d}.theme-orange .card-mouse-gradient{background:radial-gradient(200px circle at 50% 50%,#f9731633 0,#f973161a 30%,#0000 70%);background:radial-gradient(200px circle at var(--mouse-x,50%) var(--mouse-y,50%),#f9731633 0,#f973161a 30%,#0000 70%)}.theme-orange .popularity-progress{background:linear-gradient(90deg,#f9731666,#f97316cc 50%,#f9731666)}.theme-orange.active .modern-name-card,.theme-orange:hover .modern-name-card{border-color:#f9731680;box-shadow:0 12px 24px #f9731626,0 4px 8px #0000001a}.theme-white .modern-name-card{border-color:#ffffff4d}.theme-white .card-mouse-gradient{background:radial-gradient(200px circle at 50% 50%,#fff3 0,#ffffff1a 30%,#0000 70%);background:radial-gradient(200px circle at var(--mouse-x,50%) var(--mouse-y,50%),#fff3 0,#ffffff1a 30%,#0000 70%)}.theme-white .popularity-progress{background:linear-gradient(90deg,#fff6,#fffc 50%,#fff6)}.theme-white.active .modern-name-card,.theme-white:hover .modern-name-card{border-color:#ffffff80;box-shadow:0 12px 24px #ffffff0d,0 4px 8px #0000001a}@keyframes float1{0%,to{opacity:0;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-10px) scale(1.2)}}@keyframes float2{0%,to{opacity:0;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-8px) rotate(180deg)}}@keyframes float3{0%,to{opacity:0;transform:translateX(0) scale(1)}50%{opacity:1;transform:translateX(5px) scale(1.1)}}@media (max-width:768px){.modern-name-card{min-height:100px;padding:12px}.card-header{gap:8px;margin-bottom:8px}.name-title{font-size:2rem;overflow-wrap:break-word;word-break:break-word}.rank-badge{font-size:.75rem;min-width:32px;padding:2px 6px}.frequency-number{font-size:.9rem}.card-button,.frequency-label{font-size:.8rem}.card-button{padding:8px 12px}.floating-particles{display:block}.particle{animation-play-state:running;opacity:.4}.particle-1{animation:float1 3s ease-in-out infinite}.particle-2{animation:float2 4s ease-in-out infinite}.particle-3{animation:float3 3.5s ease-in-out infinite}}@media (max-width:480px){.modern-name-card{min-height:90px;padding:10px}.name-title{font-size:1.8rem;overflow-wrap:break-word;word-break:break-word}.rank-badge{font-size:.7rem;min-width:28px;padding:2px 5px}.frequency-number{font-size:.85rem}.card-button,.frequency-label{font-size:.75rem}.card-button{padding:6px 10px}.floating-particles{display:block}.particle{animation-play-state:running;opacity:.4}}@media (max-width:375px){.modern-name-card{min-height:80px;padding:8px}.name-title{font-size:1.7rem}.rank-badge{font-size:.65rem;min-width:24px;padding:1px 4px}.card-button{font-size:.7rem;padding:5px 8px}.floating-particles{display:block}.particle{animation-play-state:running;opacity:.4}}@media (prefers-reduced-motion:reduce){.modern-name-card-wrapper{animation:none;opacity:1;transform:none}.card-button,.frequency-icon,.modern-name-card,.rank-badge{transition:none}.popularity-glow,.popularity-progress{animation:none;transform:none}.floating-particles,.particle{display:none}}.card-button:focus-visible{outline:2px solid #8b5cf6cc;outline-offset:2px}@media (prefers-contrast:high){.modern-name-card{background:#000000e6;border:2px solid #fff}.frequency-number,.name-title{color:#fff}.card-button{background:#ffffff1a;border:2px solid #fff}}
/*# sourceMappingURL=510.b59cbc35.chunk.css.map*/