.masonry-grid{column-count:2;column-gap:1rem;padding:0}@media (min-width:768px){.masonry-grid{column-count:3;column-gap:1.25rem}}@media (min-width:1024px){.masonry-grid{column-count:4;column-gap:1.5rem}}@media (min-width:1536px){.masonry-grid{column-count:5;column-gap:1.5rem}}.masonry-grid-item{break-inside:avoid;width:100%;margin-bottom:1rem;display:inline-block}@media (min-width:768px){.masonry-grid-item{margin-bottom:1.25rem}}@media (min-width:1024px){.masonry-grid-item{margin-bottom:1.5rem}}.character-card{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #64748b33;border-radius:1rem;flex-direction:column;min-height:280px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.character-card:before{content:"";opacity:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%);transition:opacity .4s;position:absolute;inset:0}.character-card:hover{border-color:#8b5cf680;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px -12px #8b5cf666,0 0 0 1px #8b5cf64d,0 0 60px -15px #6366f14d}.character-card:hover:before{opacity:1}.character-card-image{width:100%;height:auto;transition:transform .6s cubic-bezier(.4,0,.2,1);display:block}.character-card:hover .character-card-image{transform:scale(1.08)}.gradient-overlay-bottom{background:linear-gradient(#0000 0%,#0f172a4d 40%,#0f172ab3 70%,#0f172af2 100%)}.gradient-overlay-top{background:linear-gradient(#0f172a99 0%,#0000 30%)}.tab-pill{color:#94a3b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#1e293b80;border:1px solid #ffffff1a;border-radius:9999px;justify-content:center;align-items:center;gap:.375rem;min-height:36px;padding:.375rem 1rem;font-size:.75rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.tab-pill:hover{color:#e2e8f0;background:#2d374bb3;border-color:#8b5cf64d;transform:translateY(-1px)}.tab-pill.active{color:#fff;background:linear-gradient(135deg,#00ebff 0%,#8972ff 100%);border-color:#0000;box-shadow:0 4px 14px #00ebff4d,0 0 0 1px #00ebff1a,inset 0 1px #ffffff1a}.tab-pill.active:before{content:"";opacity:.5;filter:blur(8px);z-index:-1;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:9999px;position:absolute;inset:-2px}.stat-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:700;transition:all .3s;display:inline-flex}.stat-badge:hover{border-color:#fff3;transform:scale(1.05)}.stat-badge-likes{color:#fda4af;background:#f43f5e33}.stat-badge-messages{color:#c7d2fe;background:#6366f133}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:2px solid #0f172a80;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.mask-linear-fade{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 2% 98%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 2% 98%,#0000 100%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:.6s cubic-bezier(.4,0,.2,1) both fadeIn}.animate-shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff0d 50%,#fff0 100%) 0 0/1000px 100%;animation:2s infinite shimmer}.text-glow{text-shadow:0 0 10px #8b5cf680,0 0 20px #8b5cf64d,0 0 30px #8b5cf633}.glass-morphism{-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);background:#1e293b66;border:1px solid #ffffff0d}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000004d}.skeleton{background:linear-gradient(90deg,#1e293bcc 0%,#334155cc 50%,#1e293bcc 100%) 0 0/200% 100%;animation:1.5s infinite shimmer}@media (max-width:640px){.character-card{border-radius:.75rem}.tab-pill{min-height:36px;padding:.4rem 1rem;font-size:.75rem}}.dashboard-bg{background:radial-gradient(circle at 20%,#8b5cf614 0%,#0000 50%),radial-gradient(circle at 80% 80%,#6366f114 0%,#0000 50%),radial-gradient(circle at 40% 20%,#a855f70f 0%,#0000 40%),#0f172a}.masonry-grid-item{animation:.5s cubic-bezier(.4,0,.2,1) both fadeIn}.masonry-grid-item:first-child{animation-delay:50ms}.masonry-grid-item:nth-child(2){animation-delay:.1s}.masonry-grid-item:nth-child(3){animation-delay:.15s}.masonry-grid-item:nth-child(4){animation-delay:.2s}.masonry-grid-item:nth-child(5){animation-delay:.25s}.masonry-grid-item:nth-child(6){animation-delay:.3s}.masonry-grid-item:nth-child(7){animation-delay:.35s}.masonry-grid-item:nth-child(8){animation-delay:.4s}