.character-card{cursor:pointer;background:var(--bg-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;min-height:200px;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.character-card{min-height:280px}}@media (hover:hover) and (pointer:fine){.subtab-button-hover:hover{color:#e2e8f0;background-color:#ffffff0d}}.character-card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.8,.25,1);display:block}@media (hover:hover) and (pointer:fine){.character-card:hover .character-card-image{transform:scale(1.06)}}.gradient-overlay-bottom{background:linear-gradient(to top, var(--background) 0%, #2d2935cc 30%, #2d29354d 60%, transparent 100%)}.gradient-overlay-top{background:linear-gradient(#2d293599 0%,#0000 30%)}.tab-pill{background:var(--bg-secondary);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;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}@media (hover:hover) and (pointer:fine){.tab-pill:hover{color:#e2e8f0;background:#2d374bb3;border-color:#8b5cf64d;transform:translateY(-1px)}}.tab-pill.active{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border-color:#0000;box-shadow:0 4px 14px #8b5cf64d,0 0 0 1px #8b5cf61a,inset 0 1px #ffffff1a}.tab-pill.active:before{content:"";opacity:.5;filter:blur(8px);z-index:-1;background:linear-gradient(135deg,#8b5cf6,#a855f7);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}@media (hover:hover) and (pointer:fine){.stat-badge:hover{border-color:#fff3;transform:scale(1.05)}}.stat-badge-likes{color:#fff;background:#ec48994d;border-color:#ec48994d}.stat-badge-messages{color:#fff;background:#ffffff26;border-color:#fff3}.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,#8b5cf6 0%,#a855f7 100%);border:2px solid #0f172a80;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a855f7 0%,#c084fc 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(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:.4s 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:#ffffff08;border:1px solid #ffffff0d}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000004d}}.skeleton{background:linear-gradient(90deg, var(--skeleton-bg) 0%, var(--skeleton-highlight) 50%, var(--skeleton-bg) 100%);background-size:200% 100%;animation:1.5s infinite shimmer}.dashboard-bg{background:var(--background)}