@import url('/css/fortune-font.css');
body:has(.love-app.is-video-intro){background:#eeebf2}
.love-app.is-video-intro{background:#fcf3fa}
.love-app.is-video-intro #love-main{inset:0;overflow:hidden;padding:0}
.love-app.is-video-intro .love-header{background:transparent;border:0;z-index:30}
.love-app.is-video-intro .love-header .love-brand{left:18px;top:calc(14px + env(safe-area-inset-top))}
.love-app.is-video-intro .love-brand img{width:132px;height:35px;filter:brightness(0) invert(1) drop-shadow(0 1px 3px #17102460)}
.love-app.is-video-intro .love-header [data-open-menu]{top:calc(8px + env(safe-area-inset-top));right:10px;color:#fff;filter:drop-shadow(0 1px 3px #17102460)}
.love-app.is-video-intro .love-header [data-open-menu] svg{width:28px;height:28px}
.love-video-intro{container-type:inline-size;position:relative;isolation:isolate;height:100%;min-height:100%;display:flex;justify-content:flex-end;flex-direction:column;overflow:hidden;padding:0;background:#fcf3fa}
.love-intro-media{position:absolute;z-index:-2;inset:0 0 auto;aspect-ratio:9/16;overflow:hidden;pointer-events:none;background:#1c1732}
.love-intro-media img,.love-intro-media video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.love-intro-media video{opacity:0;transition:opacity .25s ease}
.love-intro-media video.is-ready{opacity:1}
.love-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 #ffedf0a6;border-radius:50%;background:#1b173326;color:#fff;box-shadow:0 1px 8px #120b2014;backdrop-filter:blur(3px)}
.love-intro-video-control svg{width:21px;height:21px}
.love-intro-video-control[aria-pressed=true]{border-radius:50%;color:#fff;background:#1b17334d}
.love-intro-video-control:focus-visible{outline:2px solid #f3d5ac;outline-offset:4px}
.love-intro-video-control:disabled{opacity:.65}
.love-intro-copy{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:center;flex-direction:column;gap:0;width:100%;padding:clamp(35px,10cqw,46px) 6.5% calc(clamp(22px,6cqw,28px) + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fcf3fa00 0,#fcf3fae8 12%,#fcf3fafc 30%,#fff9fd 72%,#fcf3fa 100%);color:#2b143d;text-align:center}
.love-intro-copy::before{content:'';position:absolute;z-index:-1;inset:-13px 0 0;background:radial-gradient(ellipse at 4% 32%,#d7b4ce2b,transparent 48%),radial-gradient(ellipse at 94% 60%,#edc1d52e,transparent 45%);pointer-events:none}
.love-intro-kicker{display:flex;align-items:center;justify-content:center;gap:9px;align-self:stretch;margin:0 0 clamp(12px,3.7cqw,17px);color:#91613c;font:600 clamp(12px,3.5cqw,15px)/1.6 'Noto Serif KR','Batang',serif;white-space:nowrap;letter-spacing:.02em}
.love-intro-kicker::before,.love-intro-kicker::after{content:'';height:1px;min-width:18px;flex:1;background:linear-gradient(90deg,#ac7744, #c3945c)}
.love-intro-kicker b{font-size:12px;font-weight:400}
.love-video-intro .love-intro-copy h1{margin:0;color:#2b143d;font-family:'Noto Serif KR','Batang',serif;font-size:clamp(30px,9.4cqw,44px);font-weight:700;line-height:1.3;letter-spacing:-1.2px;text-shadow:none}
.love-intro-copy h1 span{display:block;white-space:nowrap}
.love-intro-description{margin:clamp(14px,4cqw,19px) 0 clamp(22px,6.3cqw,29px);color:#44304f;font:600 clamp(14px,3.85cqw,17px)/1.6 'Noto Serif KR','Batang',serif;word-break:keep-all}
.love-video-intro .love-intro-start{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:clamp(52px,14.2cqw,64px);padding:10px 15px;border:1px solid #f5e6c9;border-radius:999px;outline:1px solid #b28249;outline-offset:3px;background:linear-gradient(110deg,#312142,#2b1d3c);box-shadow:inset 0 0 0 1px #c59a6259,0 0 0 2px #fff9fd;color:#fff9f1;font:700 clamp(18px,5.5cqw,24px)/1.5 'Noto Serif KR','Batang',serif;letter-spacing:-.4px}
.love-video-intro .love-intro-start:not(:disabled):hover{background:linear-gradient(110deg,#402952,#342249)}
.love-video-intro .love-intro-start:focus-visible{outline:3px solid #9d69a7;outline-offset:6px}
.love-intro-start svg{width:22px;height:22px;flex:none}
.love-intro-copy .love-resume{margin-top:12px;min-height:30px;color:#735c7b;font-size:12px}
@media(max-height:620px){.love-intro-copy{padding-top:26px;padding-bottom:calc(15px + env(safe-area-inset-bottom))}.love-intro-kicker{margin-bottom:8px;font-size:12px}.love-video-intro .love-intro-copy h1{font-size:clamp(27px,8.4cqw,37px);line-height:1.2}.love-intro-description{margin:9px 0 17px;font-size:14px}.love-video-intro .love-intro-start{min-height:46px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.love-intro-media video{transition:none;visibility:hidden}}