@import url('/css/fortune-font.css');
body:has(.destiny-app.is-destiny-intro){background:#eeebf3}
.destiny-app.is-destiny-intro{background:#f5ecfa}
.destiny-app.is-destiny-intro #love-main{inset:0;padding:0;overflow:hidden}
.destiny-app.is-destiny-intro .love-header{background:transparent;border:0;z-index:30}
.destiny-app.is-destiny-intro .love-brand{left:18px;top:calc(14px + env(safe-area-inset-top))}
.destiny-app.is-destiny-intro .love-brand img{width:132px;height:35px;filter:brightness(0) invert(1) drop-shadow(0 1px 3px #17102460)}
.destiny-app.is-destiny-intro [data-open-menu]{top:calc(8px + env(safe-area-inset-top));right:10px;color:#fff;filter:drop-shadow(0 1px 3px #17102460)}
.destiny-app.is-destiny-intro [data-open-menu] svg{width:28px;height:28px}
.destiny-app .destiny-video-intro{container-type:inline-size;isolation:isolate;position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:100%;padding:0;overflow:hidden;background:#f5ecfa}
.destiny-app .destiny-video-intro::after{display:none}
.destiny-intro-media{position:absolute;z-index:-2;inset:auto 0;top:clamp(-92px,-13cqw,-32px);aspect-ratio:9/16;overflow:hidden;background:#1b1931;pointer-events:none}
.destiny-intro-media img,.destiny-intro-media video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;max-width:none}
.destiny-intro-media video{opacity:0;transition:opacity .25s ease}
.destiny-intro-media video.is-ready{opacity:1}
.destiny-intro-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;flex:none;padding:31px 6% calc(23px + env(safe-area-inset-bottom));width:100%;text-align:center;color:#3a153f;background:linear-gradient(#f5ecfa00,#f0e4f5e8 11%,#f4eafa 32%,#fcf8fe 80%,#f4ebfa)}
.destiny-intro-copy::before,.destiny-intro-copy::after{content:'';position:absolute;z-index:-1;bottom:-28px;width:110px;height:116px;background:url('/images/fortune/v3/blossom-decoration.svg') left top/contain no-repeat;opacity:.46;filter:hue-rotate(316deg) saturate(.7);pointer-events:none}
.destiny-intro-copy::before{left:-30px;transform:rotate(-57deg)}
.destiny-intro-copy::after{right:-26px;transform:scaleX(-1) rotate(-57deg)}
.destiny-intro-video-control{position:absolute;z-index:5;top:calc(76px + env(safe-area-inset-top));right:18px;display:grid;place-items:center;width:44px;height:44px;padding:11px;border:1px solid #ffedf0b3;border-radius:50%;color:#fff;background:#241d3766;backdrop-filter:blur(3px)}
.destiny-intro-video-control[aria-pressed=true]{border-radius:50%;color:#fff;background:#241d3766}
.destiny-intro-video-control svg{width:21px;height:21px}
.destiny-intro-video-control:focus-visible{outline:2px solid #f3d5ac;outline-offset:4px}
.destiny-intro-kicker{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;padding:4px 13px;margin:0 0 12px;border:1px solid #a57851;border-radius:999px;outline:1px solid #ceae80;outline-offset:2px;background:linear-gradient(100deg,#554065,#392243,#554065);box-shadow:inset 0 0 0 2px #d9b99055,0 4px 12px #54315b1a;color:#fff4eb;font:500 clamp(12px,3.5cqw,15px)/1.5 'Noto Serif KR','Batang',serif;white-space:nowrap}
.destiny-intro-kicker::before,.destiny-intro-kicker::after{content:'';position:absolute;top:50%;width:34px;height:1px;background:linear-gradient(90deg,transparent,#b98d62)}
.destiny-intro-kicker::before{right:calc(100% + 7px)}
.destiny-intro-kicker::after{left:calc(100% + 7px);transform:scaleX(-1)}
.destiny-intro-kicker span{color:#d8b88d;font-size:11px}
.destiny-app .destiny-video-intro h1{font:700 clamp(22px,6.45cqw,29px)/1.5 'Noto Serif KR','Batang',serif;color:#3a153f;margin:0;letter-spacing:-1px;white-space:nowrap}
.destiny-app .destiny-intro-moon{width:73%;height:26px;margin:4px 0 9px;flex:none;overflow:visible}
.destiny-intro-description{margin:0 0 24px;font:600 clamp(13px,3.7cqw,16px)/1.7 'Noto Serif KR','Batang',serif;letter-spacing:-.4px;color:#61446f;word-break:keep-all}
.destiny-app .destiny-intro-start{position:relative;isolation:isolate;display:flex;gap:10px;align-items:center;justify-content:center;width:94%;min-height:clamp(52px,14.5cqw,65px);padding:10px 14px;border:1px solid #f5e4be;border-radius:999px;outline:1px solid #b48351;outline-offset:2px;background:linear-gradient(115deg,#412448,#351d40 50%,#4a2a51);box-shadow:inset 0 0 0 1px #b58a667a,0 7px 16px #52326125;color:#fff7f2;font:700 clamp(19px,5.6cqw,25px)/1.5 'Noto Serif KR','Batang',serif;letter-spacing:-.4px}
.destiny-intro-start::before,.destiny-intro-start::after{content:'';position:absolute;z-index:-1;inset:6px auto 0 0;width:55px;background:url('/images/fortune/v3/blossom-decoration.svg') center/cover;opacity:.42;border-radius:999px;pointer-events:none}
.destiny-intro-start::after{left:auto;right:0;transform:scaleX(-1)}
.destiny-app .destiny-intro-start:not(:disabled):hover{background:linear-gradient(115deg,#513056,#45264e)}
.destiny-intro-start svg{width:22px;height:22px;flex:none}
.destiny-intro-start:focus-visible,.destiny-intro-copy .love-resume:focus-visible{outline:2px solid #aa6d9d;outline-offset:5px}
.destiny-intro-copy .love-resume{min-height:36px;padding:7px 0 4px;margin-top:12px;border-bottom:1px solid #a084b0;color:#50325f;font:600 clamp(13px,3.8cqw,16px)/1.5 'Noto Serif KR','Batang',serif}
.destiny-intro-note{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:22px;color:#5e3a6b;font:500 clamp(12px,3.3cqw,14px)/1.6 'Noto Serif KR','Batang',serif}
.destiny-intro-note>span:first-child{color:#bc9689;font-size:18px;line-height:1}
.destiny-intro-note>span:last-child{display:flex;align-items:center;gap:12px}
.destiny-intro-note>span:last-child::before,.destiny-intro-note>span:last-child::after{content:'';width:30px;height:1px;background:linear-gradient(90deg,transparent,#b58a62)}
.destiny-intro-note>span:last-child::after{transform:scaleX(-1)}
@media(max-height:730px){.destiny-intro-copy{padding-top:27px;padding-bottom:calc(17px + env(safe-area-inset-bottom))}.destiny-intro-kicker{margin-bottom:8px}.destiny-intro-description{margin-bottom:18px}.destiny-intro-note{margin-top:16px}.destiny-intro-copy .love-resume{margin-top:9px}.destiny-intro-media{top:clamp(-110px,-22cqw,-60px)}}
@media(max-height:550px){.destiny-app.is-destiny-intro #love-main{overflow-y:auto}.destiny-app .destiny-video-intro{min-height:610px;height:auto}.destiny-intro-media{top:-90px}.destiny-intro-copy{margin-top:290px}}
@media(prefers-reduced-motion:reduce){.destiny-intro-media video{transition:none;visibility:hidden}}