.mi{color:#fff;cursor:pointer;touch-action:pan-y;min-height:100vh;padding:max(24px, env(safe-area-inset-top,0px)) 0 calc(96px + env(safe-area-inset-bottom,0px));-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0b1330;flex-direction:column;justify-content:center;gap:14px;display:flex;position:relative;overflow:hidden}.mi-band{white-space:nowrap;contain:layout paint;width:100%;position:relative;overflow:hidden}.mi-track{will-change:transform;animation:mi-slide var(--dur,40s) linear infinite;align-items:center;gap:28px;display:inline-flex}.mi-track.rev{animation-name:mi-slide-rev}@keyframes mi-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mi-slide-rev{0%{transform:translate(-50%)}to{transform:translate(0)}}.mi-band.dates{--dur:36s;height:64px}.mi-band.cards{--dur:44s;align-items:center;height:250px;display:flex}.mi-band.manse{--dur:40s;height:66px}.mi-date{letter-spacing:-.03em;color:#ffffffeb;font-variant-numeric:tabular-nums;font-size:54px;font-weight:900;line-height:1}.mi-date b{color:#2f6bff;font-weight:900}.mi-date.dim{color:#9fb8ff38}.mi-item{align-items:center;gap:22px;display:inline-flex}.mi-card{width:150px;height:225px;transform:rotate(var(--r,0deg));background:#0b1330;border-radius:8px;flex:none;display:block;overflow:hidden;box-shadow:0 0 0 1px #eec97a8c,0 10px 22px #00000073}.mi-card img{object-fit:cover;width:100%;height:100%;display:block}.mi-mb{letter-spacing:.04em;color:#b9dcff;text-shadow:0 1px #0009;flex-direction:column;align-items:center;font-size:30px;font-weight:900;line-height:1.05;display:inline-flex}.mi-mb.alt{color:#8fc4ff}.mi-gz{flex-direction:column;align-items:center;gap:1px;display:inline-flex}.mi-gz>span{color:#ffffffe6;font-family:Noto Serif KR,Noto Serif CJK KR,Apple SD Gothic Neo,serif;font-size:38px;font-weight:900;line-height:1}.mi-gz em{color:#9fb8ff;font-style:normal}.mi-gz small{letter-spacing:.12em;color:#9fb8ffa6;font-size:10px;font-weight:700}.mi-vignette{pointer-events:none;background:linear-gradient(#0b133099 0%,#0000 12% 82%,#0b1330e6 100%);position:absolute;top:0;bottom:0;left:0;right:0}.mi-copy{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-58%)}.mi-copy b{letter-spacing:-.035em;color:#fff;text-shadow:0 3px 10px #0b1330,0 8px 40px #0b1330f2,0 0 60px #0b1330e6;font-size:46px;font-weight:900;line-height:1.02;position:relative}.mi-copy b:after{content:attr(data-t);pointer-events:none;color:#0000;text-shadow:none;background:linear-gradient(110deg,#e6ebf7 0% 42%,#f6e8c4 46%,#fff3d6 48.5%,#fff 50%,#fff3d6 51.5%,#f6e8c4 54%,#e6ebf7 58% 100%) 100%/260% 100% no-repeat;animation:10s cubic-bezier(.4,0,.2,1) infinite mi-sheen;animation-delay:var(--sd,0s);-webkit-background-clip:text;background-clip:text;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes mi-sheen{0%{background-position:100%}27%{background-position:0%}to{background-position:0%}}.mi-copy i{color:#7fa2ff;text-shadow:0 2px 12px #0b1330;font-size:18px;font-style:normal;font-weight:900;line-height:1.3}.mi-cta{left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:3;pointer-events:none;white-space:nowrap;color:#fff;background:linear-gradient(#4a80ff,#2f63f0);border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:17px;font-weight:900;animation:2.2s ease-in-out infinite mi-pulse;display:inline-flex;position:absolute;transform:translate(-50%);box-shadow:0 18px 34px -12px #2f63f0bf,inset 0 1px #ffffff40}.mi-cta small{opacity:.85;font-size:12px;font-weight:700}.mi-cta .dot{background:#fff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #ffffff38}@keyframes mi-pulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.035)}}.mi-swipe-hint{z-index:4;pointer-events:none;color:#fff;white-space:nowrap;background:#0b1330cc;border-radius:999px;align-items:center;gap:10px;padding:7px 16px;font-size:14px;font-weight:900;animation:5.2s ease-out forwards mi-hint-life;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #9fb8ff59,0 10px 24px -10px #000c}.mi-swipe-hint i{color:#9fb8ff;font-size:18px;font-style:normal;line-height:1;animation:1.1s ease-in-out infinite alternate mi-hint-arrow}.mi-swipe-hint i.r{animation-direction:alternate-reverse}.mi-swipe-hint .finger{flex:none;width:64px;height:20px;position:relative}.mi-swipe-hint .finger:before{content:"";background:#9fb8ff59;border-radius:2px;width:64px;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:0}.mi-swipe-hint .finger:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;animation:1.1s ease-in-out infinite alternate mi-hint-finger;position:absolute;top:50%;left:50%;box-shadow:0 0 0 4px #ffffff40,0 0 12px #78aaffe6}.mi-swipe-arrow{pointer-events:none;z-index:4;opacity:0;--mi-travel:calc(100vw + 40px);will-change:transform;align-items:center;gap:6px;height:30px;animation:1.6s .25s 3 both mi-arrow-pass;display:flex;position:absolute;bottom:10px;left:0;transform:translate(-90px)}.mi-swipe-arrow i{filter:drop-shadow(0 0 6px #78aaff8c);border-top:4px solid #d6e7ff;border-right:4px solid #d6e7ff;border-radius:3px;width:18px;height:18px;display:block;transform:rotate(45deg)}.mi-swipe-arrow i:first-child{opacity:.22}.mi-swipe-arrow i:nth-child(2){opacity:.5}.mi-swipe-arrow i:nth-child(3){opacity:.92}@keyframes mi-arrow-pass{0%{opacity:0;transform:translate(-90px)}8%{opacity:1}80%{opacity:1}90%,to{transform:translate3d(var(--mi-travel), 0, 0);opacity:0}}@keyframes mi-hint-life{0%{opacity:0;transform:translate(-50%,calc(6px - 50%))}10%{opacity:1;transform:translate(-50%,-50%)}82%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes mi-hint-finger{0%{transform:translate(-24px)}to{transform:translate(24px)}}@keyframes mi-hint-arrow{0%{opacity:.35}to{opacity:1}}.mi-spread{z-index:5;padding:0 0 env(safe-area-inset-bottom,0px);cursor:default;background:#0b1330e6;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.25s ease-out mi-fade;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes mi-fade{0%{opacity:0}to{opacity:1}}.mi-spread-title{color:#fff;letter-spacing:-.02em;text-align:center;min-height:30px;margin:0;font-size:21px;font-weight:900}.mi-spread-title i{color:#f2c86b;margin-right:8px;font-family:Noto Serif KR,Noto Serif CJK KR,serif;font-style:normal}.mi-spread-sub{color:#c9d6ff;text-align:center;margin:0;font-size:13px;font-weight:700}.mi-fan{--fw:clamp(86px, 24vw, 128px);width:100%;height:calc(var(--fw) * 1.5 * 1.5 + 40px);position:relative}.mi-fcard{width:var(--fw);height:calc(var(--fw) * 1.5);cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:1;transform:translate(-50%, -50%) translateX(calc(var(--k) * var(--fw) * .56)) translateY(var(--y,0px)) rotate(var(--r,0deg));animation:.5s cubic-bezier(.2,.8,.2,1) backwards mi-deal;animation-delay:calc(var(--i) * 70ms);background:#0b1330;border:0;border-radius:9px;margin:0;padding:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s,box-shadow .45s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 0 0 1px #f2c86b99,0 14px 28px -10px #000c}@keyframes mi-deal{0%{opacity:0;transform:translate(-50%,-50%)translateY(140px)rotate(0)scale(.6)}}.mi-fcard img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.mi-fcard:active{transform:translate(-50%, -50%) translateX(calc(var(--k) * var(--fw) * .56)) translateY(calc(var(--y,0px) - 14px)) rotate(var(--r,0deg))}.mi-fcard.on{z-index:2;transform:translate(-50%,-50%)scale(1.55);box-shadow:0 0 0 1px #f2c86bb3,0 0 28px #f2c86b73,0 24px 48px -20px #000c}.mi-fcard.off{opacity:0;pointer-events:none;transform:translate(-50%, -50%) translateX(calc(var(--k) * var(--fw) * .3)) translateY(60px) rotate(var(--r,0deg)) scale(.7)}.mi-fcard.on .back{animation:.45s ease-in .45s forwards mi-card-out}.mi-fcard .front{opacity:0;transform:scaleX(0)}.mi-fcard .front.on{animation:.5s cubic-bezier(.2,.8,.2,1) forwards mi-card-in}@keyframes mi-card-out{to{opacity:0;transform:scaleX(0)}}@keyframes mi-card-in{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.mi-track,.mi-cta,.mi-fcard,.mi-copy b:after,.mi-swipe-hint,.mi-swipe-arrow,.mi-swipe-hint i,.mi-swipe-hint .finger:after{animation-duration:1ms!important;animation-iteration-count:1!important}}@media (min-width:700px){.mi{border-radius:30px;width:440px;max-width:100%;min-height:780px;max-height:860px;margin:32px auto 0;padding-top:28px;box-shadow:0 30px 70px -30px #0b133099,0 0 0 1px #0b133014}.mi-swipe-arrow{--mi-travel:480px}}
