.fanhome{--fh-level-1:220 9% 64%;--fh-level-2:83 78% 41%;--fh-level-3:142 71% 45%;--fh-level-4:38 92% 50%;--fh-level-5:258 89% 66%;--fh-gold:45 93% 47%;--fh-member:258 89% 66%;--fh-gradient-primary:linear-gradient(135deg,hsl(258 89% 66%),hsl(280 89% 55%));--fh-gradient-gold:linear-gradient(135deg,hsl(45 93% 47%),hsl(38 92% 50%));--fh-gradient-unlock:linear-gradient(135deg,hsl(258 89% 66%),hsl(258 89% 50%));--fh-shadow-card:0 2px 8px -2px hsl(0 0% 0%/0.08);--fh-shadow-elevated:0 8px 24px -4px hsl(0 0% 0%/0.12);--fh-shadow-glow:0 0 20px hsl(258 89% 66%/0.3);--fh-bottom-nav-height:56px;--fh-header-height:48px;--fh-safe-area-bottom:env(safe-area-inset-bottom,0px);--fh-safe-area-top:env(safe-area-inset-top,0px);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.dark .fanhome{--fh-shadow-card:0 2px 8px -2px hsl(0 0% 0%/0.2);--fh-shadow-elevated:0 8px 24px -4px hsl(0 0% 0%/0.3);--fh-shadow-glow:0 0 25px hsl(258 89% 66%/0.4)}.fh-layout{min-height:100vh;background-color:hsl(var(--background));padding-bottom:calc(var(--fh-bottom-nav-height) + var(--fh-safe-area-bottom))}.fh-header{position:sticky;top:0;z-index:40;border-bottom-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--background)/.95);--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);height:var(--fh-header-height)}[data-path="/user/dashboard"] .fh-header-inner.items-start.gap-4,[data-path^="/user/dashboard"] .fh-header-inner.items-start.gap-4{margin-bottom:1rem;border-width:1px;padding:1rem}.fh-header-inner{display:flex;height:3rem;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem}.fh-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;border-top-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--background)/.95);--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}[data-path="/user/dashboard"] .fh-bottom-nav-inner.items-start.gap-4,[data-path^="/user/dashboard"] .fh-bottom-nav-inner.items-start.gap-4{margin-bottom:1rem;border-width:1px;padding:1rem}.fh-bottom-nav-inner{margin-left:auto;margin-right:auto;display:flex;max-width:32rem;align-items:center;justify-content:space-around;height:var(--fh-bottom-nav-height);padding-bottom:var(--fh-safe-area-bottom)}[data-path="/user/dashboard"] .fh-nav-item.items-start.gap-4,[data-path^="/user/dashboard"] .fh-nav-item.items-start.gap-4{margin-bottom:1rem;border-width:1px;padding:1rem}.fh-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.fh-nav-item--active{color:hsl(var(--primary))}.fh-nav-item--inactive{color:hsl(var(--muted-foreground))}.fh-nav-icon{height:1.5rem;width:1.5rem}.fh-nav-icon--active{fill:hsl(var(--primary));stroke:hsl(var(--primary))}.fh-nav-label{font-size:10px;font-weight:500}.fh-content-card{border-radius:1rem;background-color:hsl(var(--card));padding:1rem;box-shadow:var(--fh-shadow-card)}.fh-feed-card{border-bottom-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--background));padding:1rem}[data-path="/user/dashboard"] .fh-locked-overlay.items-start.gap-4,[data-path^="/user/dashboard"] .fh-locked-overlay.items-start.gap-4{margin-bottom:1rem;border-width:1px;padding:1rem}.fh-locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:.75rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsl(0 0% 0%/.3)}.fh-blur-content{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-blur:blur(16px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.fh-xp-progress{height:.5rem;overflow:hidden;border-radius:9999px;background:hsl(var(--muted))}.fh-xp-progress-bar{height:100%;border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;animation-duration:.5s;background:var(--fh-gradient-primary)}.fh-member-badge{background:hsl(var(--fh-member)/.15);color:hsl(var(--fh-member))}.fh-level-badge,.fh-member-badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600}.fh-level-badge--1{background-color:hsl(var(--muted-foreground)/.2);color:hsl(var(--muted-foreground))}.fh-level-badge--2{background-color:rgb(132 204 22/.2);--tw-text-opacity:1;color:rgb(101 163 13/var(--tw-text-opacity,1))}.fh-level-badge--2:is(.dark *){--tw-text-opacity:1;color:rgb(163 230 53/var(--tw-text-opacity,1))}.fh-level-badge--3{background-color:rgb(34 197 94/.2);--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.fh-level-badge--3:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.fh-level-badge--4{background-color:rgb(249 115 22/.2);--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.fh-level-badge--4:is(.dark *){--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.fh-level-badge--5{background-color:hsl(var(--primary)/.2);color:hsl(var(--primary))}.fh-ppv-badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;background-color:rgb(249 115 22/.15);--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.fh-ppv-badge:is(.dark *){--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.fh-purchased-badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;background-color:rgb(34 197 94/.15);--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.fh-purchased-badge:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.fh-highlight-circle{height:4rem;width:4rem;flex-shrink:0;overflow:hidden;border-radius:9999px;border-width:2px;border-color:hsl(var(--primary))}.fh-highlight-label{margin-top:.25rem;max-width:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:.75rem;line-height:1rem}.fh-btn-primary{height:3rem;width:100%;border-width:0;font-size:1rem;line-height:1.5rem;font-weight:600;color:hsl(var(--primary-foreground));background:var(--fh-gradient-primary)}[data-path="/user/dashboard"] .fh-btn-unlock,[data-path^="/user/dashboard"] .fh-btn-unlock{padding:1.5rem}.fh-btn-unlock{border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;background:var(--fh-gradient-primary)}.fh-btn-gold,.fh-btn-unlock{border-width:0;color:hsl(var(--primary-foreground))}.fh-btn-gold{width:100%;background:var(--fh-gradient-gold)}[data-path="/user/dashboard"] .fh-event-participated,[data-path^="/user/dashboard"] .fh-event-participated{padding:1.5rem}.fh-event-participated{border-radius:var(--radius);padding:.75rem;text-align:center;font-size:.875rem;line-height:1.25rem;background-color:rgb(34 197 94/.1);--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.fh-event-participated:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}[data-path="/user/dashboard"] .fh-event-won,[data-path^="/user/dashboard"] .fh-event-won{padding:1.5rem}.fh-event-won{border-radius:var(--radius);padding:.75rem;text-align:center;font-size:.875rem;line-height:1.25rem;background-color:rgb(234 179 8/.1);--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.fh-event-won:is(.dark *){--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}[data-path="/user/dashboard"] .fh-filter-tabs.items-start.gap-4,[data-path^="/user/dashboard"] .fh-filter-tabs.items-start.gap-4{margin-bottom:1rem;border-width:1px;padding:1rem}.fh-filter-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;-ms-overflow-style:none;scrollbar-width:none}.fh-filter-tabs::-webkit-scrollbar{display:none}.fh-filter-tab{white-space:nowrap;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.fh-filter-tab--active{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.fh-filter-tab--inactive{background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}.fh-filter-tab--inactive:hover{background-color:hsl(var(--muted)/.8)}[data-path="/user/dashboard"] .fh-podium.items-start.gap-4,[data-path="/user/dashboard"] .flex.items-start.fh-podium,[data-path^="/user/dashboard"] .fh-podium.items-start.gap-4,[data-path^="/user/dashboard"] .flex.items-start.fh-podium{margin-bottom:1rem;border-width:1px;padding:1rem}.fh-podium{display:flex;align-items:flex-end;justify-content:center;gap:1rem;padding-top:1.5rem;padding-bottom:1.5rem}[data-path="/user/dashboard"] .fh-podium-item.items-start.gap-4,[data-path^="/user/dashboard"] .fh-podium-item.items-start.gap-4{margin-bottom:1rem;border-width:1px;padding:1rem}.fh-podium-item{display:flex;flex-direction:column;align-items:center}.fh-podium-avatar{overflow:hidden;border-radius:9999px;border-width:2px}.fh-podium-1{order:2}.fh-podium-1 .fh-podium-avatar{height:5rem;width:5rem;--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.fh-podium-2{order:1}.fh-podium-2 .fh-podium-avatar{height:4rem;width:4rem;border-color:hsl(var(--gray-400))}.fh-podium-3{order:3}.fh-podium-3 .fh-podium-avatar{height:3.5rem;width:3.5rem;--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}[data-path="/user/dashboard"] .fh-chat-gate.items-start.gap-4,[data-path^="/user/dashboard"] .fh-chat-gate.items-start.gap-4{margin-bottom:1rem;border-width:1px;padding:1rem}.fh-chat-gate{display:flex;min-height:60vh;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.fh-chat-gate-icon{margin-bottom:1rem;height:4rem;width:4rem;color:hsl(var(--muted-foreground))}[data-path="/user/dashboard"] .fh-empty-state.items-start.gap-4,[data-path^="/user/dashboard"] .fh-empty-state.items-start.gap-4{margin-bottom:1rem;border-width:1px;padding:1rem}.fh-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.fh-empty-state-icon{margin-bottom:.75rem;height:3rem;width:3rem;color:hsl(var(--muted-foreground))}.fh-empty-state-title{margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;font-weight:600}.fh-empty-state-desc{font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground))}.fh-settings-menu>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));border-color:hsl(var(--border))}[data-path="/user/dashboard"] .fh-settings-item.items-start.gap-4,[data-path^="/user/dashboard"] .fh-settings-item.items-start.gap-4{margin-bottom:1rem;border-width:1px;padding:1rem}.fh-settings-item{display:flex;width:100%;align-items:center;justify-content:space-between;padding-top:.75rem;padding-bottom:.75rem}.fh-settings-item:first-child{padding-top:0}.fh-settings-item:last-child{padding-bottom:0}[data-path="/user/dashboard"] .fh-settings-item-content.items-start.gap-4,[data-path^="/user/dashboard"] .fh-settings-item-content.items-start.gap-4{margin-bottom:1rem;border-width:1px;padding:1rem}.fh-settings-item-content{display:flex;align-items:center;gap:.75rem}.fh-settings-item-icon{height:1.25rem;width:1.25rem;color:hsl(var(--muted-foreground))}.fh-settings-item-label{font-size:.875rem;line-height:1.25rem}.fh-tap-scale{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;animation-duration:.15s}.fh-tap-scale:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.fh-gradient-primary{background:var(--fh-gradient-primary)}.fh-gradient-gold{background:var(--fh-gradient-gold)}.fh-shadow-card{box-shadow:var(--fh-shadow-card)}.fh-shadow-glow{box-shadow:var(--fh-shadow-glow)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes fh-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fh-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fh-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fh-xp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fh-confetti{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(300px) rotate(2turn);opacity:0}}@keyframes fh-unlock{0%{filter:blur(20px);opacity:.5}to{filter:blur(0);opacity:1}}.fh-animate-fade-in{animation:fh-fade-in .3s ease-out}.fh-animate-scale-in{animation:fh-scale-in .2s ease-out}.fh-animate-slide-up{animation:fh-slide-up .3s ease-out}.fh-animate-xp-pulse{animation:fh-xp-pulse .3s ease-out}.fh-animate-unlock{animation:fh-unlock .4s ease-out}@media (prefers-reduced-motion:reduce){.fh-animate-fade-in,.fh-animate-scale-in,.fh-animate-slide-up,.fh-animate-unlock,.fh-animate-xp-pulse{animation-duration:.01ms!important}.fh-tap-scale{transition-duration:.01ms!important}}@media (min-width:768px){.fh-layout{margin-left:auto;margin-right:auto;max-width:48rem;padding-bottom:0}.fh-bottom-nav{display:none}.fh-header{border-bottom-width:0;background-color:transparent;--tw-backdrop-blur: ;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.fh-header-inner{height:4rem;padding-left:1.5rem;padding-right:1.5rem}[data-path="/user/dashboard"] .fh-desktop-grid,[data-path^="/user/dashboard"] .fh-desktop-grid{gap:1.5rem}.fh-desktop-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem;padding-left:1.5rem;padding-right:1.5rem}.fh-desktop-main{grid-column:span 8/span 8}.fh-desktop-sidebar{position:sticky;top:5rem;grid-column:span 4/span 4}.fh-hero-desktop{position:relative;overflow:hidden;border-radius:1rem}.fh-hero-desktop .aspect-\[16\/9\]{aspect-ratio:21/9}[data-path="/user/dashboard"] .fh-profile-desktop.items-start.gap-4,[data-path^="/user/dashboard"] .fh-profile-desktop.items-start.gap-4{margin-bottom:1rem;border-width:1px;padding:1rem}.fh-profile-desktop{position:relative;z-index:10;margin-top:-4rem;display:flex;align-items:flex-end;gap:1.5rem;padding-left:1.5rem;padding-right:1.5rem}.fh-profile-avatar-desktop{height:8rem;width:8rem;border-radius:9999px;border-width:4px;border-color:hsl(var(--background));--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.fh-content-card{border-radius:1rem;padding:1.5rem}[data-path="/user/dashboard"] .fh-feed-grid,[data-path^="/user/dashboard"] .fh-feed-grid{gap:1.5rem}[data-path="/user/dashboard"] .flex.items-start.fh-feed-grid,[data-path^="/user/dashboard"] .flex.items-start.fh-feed-grid{margin-bottom:1rem;border-width:1px;padding:1rem}.fh-feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.fh-feed-card{border-radius:.75rem;border-width:1px;border-color:hsl(var(--border))}[data-path="/user/dashboard"] .fh-highlight-desktop,[data-path^="/user/dashboard"] .fh-highlight-desktop{gap:1.5rem}[data-path="/user/dashboard"] .flex.items-start.fh-highlight-desktop,[data-path^="/user/dashboard"] .flex.items-start.fh-highlight-desktop{margin-bottom:1rem;border-width:1px;padding:1rem}.fh-highlight-desktop{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.fh-highlight-circle{height:5rem;width:5rem}.fh-podium-desktop{gap:2rem}.fh-podium-1 .fh-podium-avatar{height:7rem;width:7rem}.fh-podium-2 .fh-podium-avatar{height:6rem;width:6rem}.fh-podium-3 .fh-podium-avatar{height:5rem;width:5rem}.fh-btn-primary{height:3.5rem;font-size:1.125rem;line-height:1.75rem}.fh-filter-tabs{flex-wrap:wrap;gap:.75rem}.fh-filter-tab{padding:.75rem 1.5rem}}@media (min-width:1280px){.fh-layout{max-width:56rem}.fh-desktop-main{grid-column:span 9/span 9}.fh-desktop-sidebar{grid-column:span 3/span 3}.fh-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fh-highlight-desktop{grid-template-columns:repeat(8,minmax(0,1fr))}}.fh-level-icon--1{color:hsl(var(--fh-level-1))}.fh-level-icon--2{color:hsl(var(--fh-level-2))}.fh-level-icon--3{color:hsl(var(--fh-level-3))}.fh-level-icon--4{color:hsl(var(--fh-level-4))}.fh-level-icon--5{color:hsl(var(--fh-level-5))}