@layer theme,base;@layer components{html[data-theme=dark]:has(>body>.fx4d-stage) .card{background-image:radial-gradient(380px circle at var(--mx,-999px) var(--my,-999px), #a5c3ff1a, transparent 62%), linear-gradient(180deg, #ffffff0b, #fff0 44%);transition:border-color .25s,box-shadow .25s,transform .22s ease-out}html[data-theme=dark]:has(>body>.fx4d-stage) .input{background-image:linear-gradient(#0003,#0000 55%)}html[data-theme=dark]:has(>body>.fx4d-stage) .chip{box-shadow:inset 0 1px #ffffff17}html[data-theme=dark]:has(>body>.fx4d-stage) main tbody tr{transition:background-color .15s}html[data-theme=dark]:has(>body>.fx4d-stage) main tbody tr:hover{background-color:#7fa3ff0e}@media (prefers-reduced-motion:no-preference){html:has(>body>.fx4d-stage) main#main>:last-child>:nth-child(-n+8){animation:.5s cubic-bezier(.2,.8,.2,1) backwards fx4d-rise}html:has(>body>.fx4d-stage) main#main>:last-child>:nth-child(2){animation-delay:50ms}html:has(>body>.fx4d-stage) main#main>:last-child>:nth-child(3){animation-delay:.1s}html:has(>body>.fx4d-stage) main#main>:last-child>:nth-child(4){animation-delay:.15s}html:has(>body>.fx4d-stage) main#main>:last-child>:nth-child(5){animation-delay:.2s}html:has(>body>.fx4d-stage) main#main>:last-child>:nth-child(n+6){animation-delay:.25s}}}@layer utilities;html[data-theme=dark]:has(>body>.fx4d-stage) body{background:0 0}.fx4d-stage{z-index:-1;pointer-events:none;contain:strict;--px:0;--py:0;--sy:0;--cx:50vw;--cy:30vh;position:fixed;inset:0;overflow:hidden}html:not([data-theme=dark]) .fx4d-stage{display:none}.fx4d-l{will-change:translate;transition:translate .9s cubic-bezier(.2,.8,.2,1);position:absolute;inset:-6%}.fx4d-l1{translate:calc(var(--px) * -10px) calc(var(--py) * -8px + var(--sy) * -.02px)}.fx4d-l2{translate:calc(var(--px) * -22px) calc(var(--py) * -16px + var(--sy) * -.05px)}.fx4d-l3{translate:calc(var(--px) * -38px) calc(var(--py) * -26px + var(--sy) * -.09px)}.fx4d-aurora{opacity:.9;will-change:transform;border-radius:50%;position:absolute}.fx4d-a1{background:radial-gradient(closest-side,#f0a5002b,#f0a5000e 55%,#0000 72%);width:62vmax;height:62vmax;animation:38s ease-in-out infinite alternate fx4d-drift1;top:-18%;left:58%}.fx4d-a2{background:radial-gradient(closest-side,#3e78ff33,#3e78ff11 55%,#0000 72%);width:58vmax;height:58vmax;animation:46s ease-in-out infinite alternate fx4d-drift2;top:34%;left:-22%}.fx4d-a3{background:radial-gradient(closest-side,#3ee8c01c,#3ee8c00a 55%,#0000 72%);width:46vmax;height:46vmax;animation:52s ease-in-out infinite alternate fx4d-drift3;top:62%;left:30%}@keyframes fx4d-drift1{0%{transform:translate(0,0)scale(1)}to{transform:translate(-9vw,7vh)scale(1.12)}}@keyframes fx4d-drift2{0%{transform:translate(0,0)scale(1.05)}to{transform:translate(8vw,-9vh)scale(.92)}}@keyframes fx4d-drift3{0%{transform:translate(0,0)scale(.95)}to{transform:translate(-6vw,-6vh)scale(1.15)}}.fx4d-stars{will-change:transform;position:absolute;inset:-400px 0 0}.fx4d-s1{opacity:.75;background-image:radial-gradient(1.2px 1.2px at 22px 34px,#fffc,#0000 60%),radial-gradient(1px 1px at 131px 88px,#b4cdffbf,#0000 60%),radial-gradient(1.4px 1.4px at 201px 190px,#ffdc8ccc,#0000 60%),radial-gradient(1px 1px at 76px 222px,#fff9,#0000 60%);background-size:260px 260px;animation:70s linear infinite fx4d-fall1}.fx4d-s2{opacity:.9;background-image:radial-gradient(2px 2px at 60px 90px,#ffe296e6,#0000 60%),radial-gradient(1.6px 1.6px at 250px 40px,#bed7ffd9,#0000 60%),radial-gradient(2.2px 2.2px at 320px 260px,#ffffffbf,#0000 60%),radial-gradient(1.6px 1.6px at 150px 330px,#82f0d2b3,#0000 60%);background-size:380px 380px;animation:46s linear infinite fx4d-fall2}@keyframes fx4d-fall1{0%{transform:translate(0,0)}to{transform:translateY(260px)}}@keyframes fx4d-fall2{0%{transform:translate(0,0)}to{transform:translateY(380px)}}.fx4d-spot{opacity:0;width:720px;height:720px;translate:var(--cx) var(--cy);will-change:translate;background:radial-gradient(closest-side,#8cafff1c,#ffcd5a0a 50%,#0000 72%);border-radius:50%;margin:-360px 0 0 -360px;transition:translate .35s ease-out,opacity .8s;position:absolute;top:0;left:0}.fx4d-stage[data-live="1"] .fx4d-spot{opacity:1}.fx4d-vignette{background:radial-gradient(120% 90% at 50% 30%,#0000 55%,#02050e8c 100%);position:absolute;inset:0}.fx4d-deco{width:var(--w,84px);height:auto;opacity:var(--o,.8);filter:drop-shadow(0 18px 16px #0000008c) blur(var(--b,0px));animation:fx4d-bob var(--t,7s) ease-in-out var(--d,0s) infinite alternate;will-change:transform;display:none;position:absolute}@media (min-width:1440px){.fx4d-deco{display:block}}@keyframes fx4d-bob{0%{transform:translate3d(0, -10px, 0) rotate(var(--r0,-7deg))}to{transform:translate3d(0, 14px, 0) rotate(var(--r1,6deg))}}.fx4d-d1{--w:92px;--t:7.5s;top:20%;left:calc(50% - 726px)}.fx4d-d2{--w:104px;--t:8.5s;--d:-3s;--r0:8deg;--r1:-5deg;top:22%;right:calc(50% - 748px)}.fx4d-d3{--w:78px;--t:6.5s;--d:-2s;--o:.7;--r0:10deg;--r1:-8deg;top:80%;left:calc(50% - 704px)}.fx4d-d4{--w:74px;--t:9s;--d:-5s;--o:.75;top:58%;right:calc(50% - 714px)}.fx4d-d5{--w:64px;--t:7s;--d:-1s;--o:.5;--b:1.5px;--r0:-14deg;--r1:12deg;top:84%;right:calc(50% - 772px)}.fx4d-d6{--w:56px;--t:8s;--d:-4s;--o:.45;--b:2px;top:73%;right:calc(50% - 688px)}.fx4d-d7{--w:58px;--t:6s;--d:-2.5s;--o:.5;--b:1.5px;--r0:12deg;--r1:-10deg;top:41%;right:calc(50% - 768px)}.fx4d-d8{--w:60px;--t:9.5s;--d:-6s;--o:.45;--b:2px;top:92%;left:calc(50% - 694px)}@media (max-width:1599px){.fx4d-d5,.fx4d-d6,.fx4d-d7,.fx4d-d8{display:none}.fx4d-deco{--w:64px}.fx4d-d1{left:calc(50% - 694px)}.fx4d-d2{right:calc(50% - 698px)}.fx4d-d3{left:calc(50% - 688px)}.fx4d-d4{right:calc(50% - 692px)}}.fx4d-ripple{z-index:90;pointer-events:none;background:radial-gradient(closest-side,#ffe29659,#0000 70%);border:2px solid #ffd66bf2;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;animation:.55s cubic-bezier(.2,.7,.3,1) forwards fx4d-ripple;position:fixed;top:0;left:0}@keyframes fx4d-ripple{0%{opacity:.95;transform:scale(.4)}to{opacity:0;transform:scale(5.2)}}html[data-theme=dark]:has(>body>.fx4d-stage){--shadow-card:inset 0 1px 0 #ffffff13, 0 1px 2px #00000080, 0 20px 44px -20px #000000e6, 0 0 0 1px #7fa3ff09;scrollbar-color:#33426b transparent}html[data-theme=dark]:has(>body>.fx4d-stage) ::selection{color:#fff;background:#ffcd5a61}html[data-theme=dark]:has(>body>.fx4d-stage) .input:focus{box-shadow:0 0 0 3px #4f7dff38}@media (hover:hover){html[data-theme=dark]:has(>body>.fx4d-stage) .card:hover{--border:#7fa3ff52}html[data-theme=dark]:has(>body>.fx4d-stage) :is(a,button,label).card:hover{transform:perspective(900px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg)) translateY(-3px);border-color:#ffcd5a80;box-shadow:inset 0 1px #ffffff1f,0 26px 50px -20px #000000f2,0 0 0 1px #ffcd5a38,0 0 44px -14px #ffcd5a59}html[data-theme=dark]:has(>body>.fx4d-stage) [data-fx-tilt]:hover{transform:perspective(900px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg)) translateY(-3px);border-color:#ffcd5a80;box-shadow:inset 0 1px #ffffff1f,0 26px 50px -20px #000000f2,0 0 0 1px #ffcd5a38,0 0 44px -14px #ffcd5a59}}html:has(>body>.fx4d-stage) :is(.btn-accent,.btn-pink){background-image:linear-gradient(115deg,#0000 36%,#ffffffbf 50%,#0000 64%),linear-gradient(#ffeeb8 0%,#ffd060 45%,#f0a500 100%);background-position:135% 0,0 0;background-repeat:no-repeat;background-size:260% 100%,100% 100%;transition:transform .15s,filter .15s,box-shadow .15s,background-position .75s cubic-bezier(.2,.7,.2,1);box-shadow:inset 0 1px #fff9,inset 0 -2px #a0640040,0 2px #a26a00,0 12px 24px -10px #f0a500b3}html:has(>body>.fx4d-stage) .btn-primary{background-image:linear-gradient(115deg,#0000 36%,#fff6 50%,#0000 64%),linear-gradient(#5b86f5 0%,#2f5fe0 55%,#2149bd 100%);background-position:135% 0,0 0;background-repeat:no-repeat;background-size:260% 100%,100% 100%;transition:transform .15s,filter .15s,box-shadow .15s,background-position .75s cubic-bezier(.2,.7,.2,1);box-shadow:inset 0 1px #ffffff4d,0 2px #163a9c,0 12px 24px -10px #2f5fe0e6}@media (hover:hover){html:has(>body>.fx4d-stage) :is(.btn-accent,.btn-pink,.btn-primary):hover{background-position:-45% 0,0 0}html[data-theme=dark]:has(>body>.fx4d-stage) .btn-ghost:hover{box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #7fa3ff2e,0 10px 22px -14px #4f7dffb3}}html:has(>body>.fx4d-stage) :is(.btn-accent,.btn-pink):active{translate:0 2px;box-shadow:inset 0 2px 4px #78460059,0 0 #a26a00}html:has(>body>.fx4d-stage) .btn-primary:active{translate:0 2px;box-shadow:inset 0 2px 4px #00000059,0 0 #163a9c}html[data-theme=dark]:has(>body>.fx4d-stage) body>header{-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);background:linear-gradient(#090e1ee6,#090e1ebd);box-shadow:0 14px 34px -22px #000000f2}html[data-theme=dark]:has(>body>.fx4d-stage) body>header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffcd5abf 22%,#7fa3ffb3 50%,#ffcd5abf 78%,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}html:has(>body>.fx4d-stage) img[data-art3d]{filter:drop-shadow(0 4px 4px #0000006b);transition:transform .32s cubic-bezier(.3,1.7,.5,1)}@media (hover:hover){html:has(>body>.fx4d-stage) li.group:hover>[data-testid=desktop-nav-group] img[data-art3d]{transform:translateY(-3px)scale(1.24)rotate(-8deg)}html:has(>body>.fx4d-stage) main a:hover img[data-art3d]{transform:translateY(-3px)scale(1.08)rotate(-4deg)}html:has(>body>.fx4d-stage) [data-testid=desktop-nav-sub] a{transition:translate .18s,background-color .15s,color .15s}html:has(>body>.fx4d-stage) [data-testid=desktop-nav-sub] a:hover{translate:4px}}html:has(>body>.fx4d-stage) [data-testid=desktop-nav-group]:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#ffd36b,#0000);border-radius:2px;height:2px;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s;position:absolute;bottom:1px;left:14px;right:14px;transform:scaleX(0);box-shadow:0 0 12px #ffcd5acc}html:has(>body>.fx4d-stage) li.group:hover>[data-testid=desktop-nav-group]:after{opacity:1;transform:scaleX(1)}html:has(>body>.fx4d-stage) [data-testid=desktop-nav-group][aria-expanded=true]:after{opacity:1;transform:scaleX(1)}html[data-theme=dark]:has(>body>.fx4d-stage) [data-testid=desktop-nav-sub]{background:linear-gradient(#121b33,#0c1325);box-shadow:inset 0 1px #ffffff14,0 28px 56px -18px #000000e6,0 0 0 1px #ffcd5a1f}html:has(>body>.fx4d-stage) [data-testid=desktop-nav-sub]{transform-origin:50% 0;transition:transform .24s cubic-bezier(.2,.9,.3,1.25);transform:translateY(-8px)scale(.97)}html:has(>body>.fx4d-stage) li.group:hover [data-testid=desktop-nav-sub]{transform:none}html:has(>body>.fx4d-stage) li.group:has(:focus-visible) [data-testid=desktop-nav-sub]{transform:none}html:has(>body>.fx4d-stage) [aria-expanded=true]+div [data-testid=desktop-nav-sub]{transform:none}html[data-theme=dark]:has(>body>.fx4d-stage) nav[aria-label=모바일\ 주메뉴]{-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);background:#090e1ed6;border-top-color:#0000;box-shadow:0 -14px 30px -18px #000000f2}html[data-theme=dark]:has(>body>.fx4d-stage) nav[aria-label=모바일\ 주메뉴]:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffcd5ab3 25%,#7fa3ffa6 50%,#ffcd5ab3 75%,#0000);height:1px;position:absolute;top:0;left:0;right:0}html:has(>body>.fx4d-stage) nav[aria-label=모바일\ 주메뉴] button:active img[data-art3d]{transform:scale(.84)}html:has(>body>.fx4d-stage) nav[aria-label=모바일\ 주메뉴] button[aria-expanded=true] img[data-art3d]{filter:drop-shadow(0 0 8px #ffcd5abf);transform:translateY(-3px)scale(1.18)}html:has(>body>.fx4d-stage) .promo-hero{--hx:0;--hy:0}@media (hover:hover){html:has(>body>.fx4d-stage) .promo-hero{transition:transform .3s ease-out}html:has(>body>.fx4d-stage) .promo-hero:hover{transform:perspective(1400px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg))}}html:has(>body>.fx4d-stage) .promo-hero .promo-hero-bg{translate:calc(var(--hx) * -12px) calc(var(--hy) * -9px);transition:translate .4s ease-out}@media (min-width:640px){html:has(>body>.fx4d-stage) .promo-hero-wide>img{scale:1.06;translate:calc(var(--hx) * -14px) calc(var(--hy) * -10px);transition:translate .4s ease-out}html:has(>body>.fx4d-stage) .promo-hero img.rounded-2xl{translate:calc(var(--hx) * 9px) calc(var(--hy) * 7px);transition:translate .4s ease-out,scale .4s ease-out}html:has(>body>.fx4d-stage) .promo-hero:hover img.rounded-2xl{scale:1.035}}html:has(>body>.fx4d-stage) .promo-hero .t3d{translate:calc(var(--hx) * 4px) calc(var(--hy) * 3px);transition:translate .4s ease-out}html:has(>body>.fx4d-stage) .promo-hero:before{content:"";z-index:-5;pointer-events:none;opacity:.75;will-change:transform;background-image:radial-gradient(1.6px 1.6px at 30px 40px,#ffe296f2,#0000 60%),radial-gradient(1.2px 1.2px at 150px 100px,#ffffffd9,#0000 60%),radial-gradient(1.8px 1.8px at 90px 180px,#ffcd5ae6,#0000 60%);background-size:220px 220px;animation:16s linear infinite fx4d-rise-dust;position:absolute;inset:-220px 0 0}@keyframes fx4d-rise-dust{0%{transform:translateY(220px)}to{transform:translate(0,0)}}@keyframes fx4d-rise{0%{opacity:0;transform:translateY(16px)}}html[data-theme=dark]:has(>body>.fx4d-stage) .h-page{text-shadow:0 2px #00000073,0 0 28px #7fa3ff40}html[data-theme=dark]:has(>body>.fx4d-stage) body>footer{background:linear-gradient(#0e1526eb,#080d1af5);border-top-color:#0000;position:relative}html[data-theme=dark]:has(>body>.fx4d-stage) body>footer:before{content:"";background:linear-gradient(90deg,#0000,#ffcd5a80 30%,#7fa3ff73 50%,#ffcd5a80 70%,#0000);height:1px;position:absolute;top:0;left:0;right:0}html:has(>body>.fx4d-stage) .hero-fan{--hx:0;--hy:0}html:has(>body>.fx4d-stage) .hero-fan-card{transition:transform .25s,box-shadow .25s,translate .45s ease-out}:is(html:has(>body>.fx4d-stage) .hero-fan-card:first-child,html:has(>body>.fx4d-stage) .hero-fan-card:nth-child(3)){translate:calc(var(--hx) * -9px) calc(var(--hy) * -6px)}html:has(>body>.fx4d-stage) .hero-fan-card:nth-child(2){translate:calc(var(--hx) * 14px) calc(var(--hy) * 10px)}@keyframes fx4d-float{0%{transform:translateY(-5px)}to{transform:translateY(7px)}}.fx4d-float{filter:drop-shadow(0 16px 14px #0000008c)}@media (prefers-reduced-motion:no-preference){.fx4d-float{animation:5.5s ease-in-out infinite alternate fx4d-float}html:has(>body>.fx4d-stage) .hero-fan{animation:5.5s ease-in-out infinite alternate fx4d-float}}@media (hover:hover) and (prefers-reduced-motion:no-preference){html:has(>body>.fx4d-stage) .art-tile:not(.tilt3d *):hover{transform:perspective(900px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg)) translateY(-4px)}}@media (prefers-reduced-motion:reduce){.fx4d-aurora,.fx4d-stars,.fx4d-deco{animation:none}html:has(>body>.fx4d-stage) .promo-hero:before{animation:none}.fx4d-l,.fx4d-spot{transition:none;translate:none}html:has(>body>.fx4d-stage) .promo-hero:hover{transform:none}html[data-theme=dark]:has(>body>.fx4d-stage) :is(a,button,label).card:hover{transform:none}html[data-theme=dark]:has(>body>.fx4d-stage) [data-fx-tilt]:hover{transform:none}html:has(>body>.fx4d-stage) :is(.btn-accent,.btn-pink,.btn-primary){transition:none}}@media print{.fx4d-stage,.fx4d-ripple{display:none}}