.cs{width:min(100%,480px);margin:auto;min-height:100dvh;padding-bottom:calc(84px + env(safe-area-inset-bottom));background:var(--fr-bg);color:var(--fr-ink)}.cs-hero{padding:22px 18px 6px}.cs-hero .role{font:700 14px/1.3 var(--fr-sans);color:var(--fr-accent)}.cs-hero h1{margin-top:6px;font:700 30px/1.25 var(--fr-serif);letter-spacing:-.02em}.cs-hero .born{margin-top:8px;font-size:15px;color:var(--fr-dim)}.cs-hero .born b{color:var(--fr-ink)}.cs-hero .intro{margin-top:14px;font-size:17px;line-height:1.7;text-wrap:pretty}.cs-hero.idx h1{font-size:28px}.cs-sec{margin:22px 14px 0;padding:20px 16px;border-radius:18px;background:var(--fr-panel);box-shadow:0 0 0 1px var(--fr-edge) inset}.cs-sec h2{margin-bottom:12px;font:700 19px/1.35 var(--fr-sans);letter-spacing:-.02em;text-wrap:balance}.cs-sec>p{margin-top:14px;font-size:17px;line-height:1.7;text-wrap:pretty}.cs-nn{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 8px 10px;border:1px solid #e6cf9c;border-radius:12px;background:#fffdf7;box-shadow:0 6px 18px #b8862a22}.cs-nn .p{overflow:hidden;border:1px solid #eadfcb;border-radius:8px;text-align:center}.cs-nn .hd{display:block;padding:4px 0;background:#f6ecd6;border-bottom:1px solid #e6cf9c;color:#5a4630;font:400 14px/1.3 Gungsuh,"궁서","Noto Serif KR",serif}.cs-nn .c{--light:#6f7986;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--light) 10%,transparent),transparent 72%),#fff}.cs-nn .c+.c{border-top:1px solid #eadfcb}.cs-nn .wood{--light:#1a8a4e}.cs-nn .fire{--light:#d8323a}.cs-nn .earth{--light:#94690a}.cs-nn .metal{--light:#6f7986}.cs-nn .water{--light:#2563c4}.cs-nn strong{font:400 30px/1.05 Gungsuh,"궁서","Noto Serif KR",serif;color:var(--light)}.cs-nn .t{padding:1px 6px;border:1px solid color-mix(in srgb,var(--light) 40%,transparent);border-radius:6px;background:color-mix(in srgb,var(--light) 9%,#fff);color:var(--light);font:600 14px/1.3 var(--fr-sans);white-space:nowrap}.cs-nn .me{box-shadow:inset 0 0 0 2px #3a2f2466}.cs-nn .none strong{color:#b9ad9c}.cs-nn .none .t{color:#8a7d6b;border-color:#0000001a;background:#fff}html.fr-dark .cs-nn{border-color:#ffcf7b;background:linear-gradient(145deg,#171411,#080b10);box-shadow:0 0 8px #ffb94b70,0 0 28px #ffb94b24}html.fr-dark .cs-nn .p{border-color:#cb9e5355}html.fr-dark .cs-nn .hd{background:#201a12;border-bottom-color:#bd8d444d;color:#f2dca7}html.fr-dark .cs-nn .c{background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--light) 14%,transparent),transparent 72%),#0c1015}html.fr-dark .cs-nn .c+.c{border-top-color:#bd8d445c}html.fr-dark .cs-nn .wood{--light:#65f7b1}html.fr-dark .cs-nn .fire{--light:#ff7c73}html.fr-dark .cs-nn .earth{--light:#ffd576}html.fr-dark .cs-nn .metal{--light:#eef3ff}html.fr-dark .cs-nn .water{--light:#73baff}html.fr-dark .cs-nn strong{text-shadow:0 0 5px var(--light),0 0 20px color-mix(in srgb,var(--light) 55%,transparent)}html.fr-dark .cs-nn .t{border-color:color-mix(in srgb,var(--light) 45%,transparent);background:color-mix(in srgb,var(--light) 10%,#0c1015)}html.fr-dark .cs-nn .me{box-shadow:inset 0 0 0 2px #ffcf7b88}html.fr-dark .cs-nn .none strong{color:#5d5548;text-shadow:none}html.fr-dark .cs-nn .none .t{color:#8f8573;border-color:#ffffff1a;background:#ffffff08}.cs-oh{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.cs-oh span{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--fr-card);box-shadow:0 0 0 1px var(--fr-line) inset;font:600 15px/1 var(--fr-sans)}.cs-oh b{font-weight:800}.cs-oh .wood b{color:var(--wood)}.cs-oh .fire b{color:var(--fire)}.cs-oh .earth b{color:var(--earth)}.cs-oh .metal b{color:var(--metal)}.cs-oh .water b{color:var(--water)}.cs-ev{list-style:none;margin:0;padding:0}.cs-ev .ev{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--fr-line)}.cs-ev .ev:first-child{border-top:0;padding-top:4px}.cs-ev .yr b{display:block;font:700 20px/1.1 var(--fr-serif);color:var(--fr-accent)}.cs-ev .yr small{display:block;margin-top:4px;font-size:14px;line-height:1.35;color:var(--fr-dim)}.cs-ev .fact{font:700 16px/1.5 var(--fr-sans)}.cs-ev .bd>p:last-child{margin-top:8px;font-size:16px;line-height:1.65;text-wrap:pretty}.tgs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tgs .tg{display:inline-flex;align-items:center;gap:6px;font:700 14px/1.4 var(--fr-sans);color:var(--fr-brown)}.tgs .tg em,.tgs .lv{padding:2px 8px;border-radius:999px;font:700 14px/1.4 var(--fr-sans);font-style:normal}.tgs .tg em.w{background:var(--fr-goodbg);color:var(--fr-good)}.tgs .tg em.l{background:var(--fr-badbg);color:var(--fr-bad)}.tgs .lv{background:var(--fr-card);box-shadow:0 0 0 1px var(--fr-edge) inset;color:var(--fr-ink)}.cs-cta{display:flex;justify-content:flex-end;margin-top:16px}.cs-cta .go{width:236px;aspect-ratio:880/194;padding:0 26px;border:0;background:url(/assets/yongunni-v3/couple/story/btn-main.webp) center/contain no-repeat;color:#fff4ea;font:700 15px/1.3 var(--fr-sans);text-shadow:0 1px 2px #0006;cursor:pointer}.cs-match{margin:16px 14px 0}.cs-mon{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--fr-line)}.cs-mon li{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--fr-line)}.cs-mon .m b{display:block;font:700 17px/1.2 var(--fr-serif)}.cs-mon .m small{display:block;margin-top:3px;font-size:14px;color:var(--fr-dim)}.cs-mon .tgs{margin-top:0}.cs-mon p{margin-top:6px;font-size:16px;line-height:1.6;text-wrap:pretty}.cs-mon li.l4 .m b,.cs-mon li.l5 .m b{color:var(--fr-good)}.cs-mon li.l0 .m b,.cs-mon li.l1 .m b{color:var(--fr-bad)}.cs-faq details{padding:12px 0;border-top:1px solid var(--fr-line)}.cs-faq details:first-of-type{border-top:0}.cs-faq summary{cursor:pointer;font:700 16px/1.5 var(--fr-sans);list-style-position:outside}.cs-faq details p{margin-top:8px;font-size:16px;line-height:1.65;color:var(--fr-sub)}.cs-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--fr-card);box-shadow:0 0 0 1px var(--fr-edge) inset;color:var(--fr-ink);text-decoration:none}.cs-card b{display:block;font:700 17px/1.3 var(--fr-sans)}.cs-card small{display:block;margin-top:2px;font-size:14px;color:var(--fr-dim)}.cs-card>span:nth-child(2){flex:1}.cs-card svg{width:18px;height:18px;color:var(--fr-dim)}.cs-list{display:grid;gap:8px}.cs-list .cs-card[hidden]{display:none}.cs-av{flex:none;width:52px;height:52px;overflow:hidden;border-radius:12px;box-shadow:0 0 0 1px var(--fr-edge)}.cs-av img{display:block;width:100%;height:100%;object-fit:cover}.cs .fc-find{margin-bottom:16px}.cs-note{margin:18px 18px 0;font-size:14px;line-height:1.6;color:var(--fr-dim)}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cs-tile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:14px;background:var(--fr-soft);box-shadow:0 0 0 1px var(--fr-edge) inset;color:#fff;text-decoration:none}.cs-tile[hidden]{display:none}.cs-tile img{display:block;width:100%;height:100%;object-fit:cover}.cs-tile span{position:absolute;inset:auto 0 0;padding:34px 5px 9px;background:linear-gradient(transparent,#000000b8);text-align:center}.cs-tile b{display:block;font:700 15px/1.3 var(--fr-sans);overflow-wrap:anywhere}.cs-tile small{display:block;margin-top:1px;font-size:14px;line-height:1.25;color:#ffffffc7}.cs-hero.ph{display:grid;grid-template-columns:118px 1fr;column-gap:16px;align-items:end}.cs-hero .pic{display:block;width:118px;aspect-ratio:3/4;height:auto;border-radius:14px;object-fit:cover;box-shadow:0 0 0 1px var(--fr-edge)}.cs-hero.ph h1{font-size:27px}.cs-hero.ph .intro{grid-column:1/-1}.cs-credit{margin:8px 18px 0;font-size:14px;line-height:1.5;color:var(--fr-dim)}.cs-credit a{color:inherit}.cs-sec .cs-credit{margin:12px 0 0}.cs-tabs+.cs-grid{margin-top:12px}.cs-cred{display:grid;gap:6px;margin-top:12px;padding:0;list-style:none;font-size:14px;line-height:1.5;color:var(--fr-dim)}.cs-cred b{color:var(--fr-ink)}.cs-cred a{color:inherit}