.season-banner{color:var(--ink);box-shadow:var(--shadow);background:var(--sb-bg);border-radius:22px;align-items:center;gap:14px;margin:20px 0 0;padding:14px 18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.season-banner:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.season-banner.tone-peach{--sb-bg:var(--c-peach)}.season-banner.tone-pink{--sb-bg:var(--c-pink)}.season-banner.tone-mint{--sb-bg:var(--c-mint)}.season-banner.tone-butter{--sb-bg:var(--c-butter)}.season-banner.tone-lilac{--sb-bg:var(--c-lilac)}.sb-emoji{background:#ffffffb3;border-radius:16px;flex:none;padding:8px;font-size:34px;line-height:1}.sb-text{flex:1;min-width:0;display:grid}.sb-text strong{font-size:17px}.sb-text small{color:var(--ink-soft);font-size:13px}.sb-cta{white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:8px 14px;font-size:14px;font-weight:800}@media (width<=560px){.season-banner{flex-wrap:wrap}.sb-cta{text-align:center;width:100%}}.share-bar{background:var(--bg-soft);border:1px solid var(--line);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:28px 0 0;padding:14px 16px;display:flex;position:relative}.share-bar-label{font-weight:800}.share-bar-btns{flex-wrap:wrap;gap:6px;display:flex}.share-bar-btns button{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700}.share-bar-btns button.kakao{color:#191600;background:#fee500;border-color:#fee500}.share-bar-msg{background:var(--ink);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:-14px;right:16px}.embed-btn{border:1.5px dashed var(--line);background:var(--surface);cursor:pointer;color:var(--ink-soft);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700}.embed-btn:hover{color:var(--ink);border-color:var(--ink-soft)}.promo-backdrop{z-index:120;background:#3b334666;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.promo-modal{background:var(--surface);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-lift);border-radius:26px;padding:24px 20px 20px;position:relative;overflow-y:auto}.promo-modal h2{font-family:var(--font-display);margin:0 0 4px;font-size:26px;font-weight:400}.promo-close{background:var(--bg-soft);cursor:pointer;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;position:absolute;top:12px;right:14px}.embed-sizes{gap:6px;margin:12px 0;display:flex}.embed-sizes button{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;flex:1;padding:8px;font-weight:700;display:grid}.embed-sizes button small{color:var(--ink-soft);font-size:11px;font-weight:500}.embed-sizes button.on{border-color:var(--c-coral);background:var(--c-peach)}.promo-modal textarea{border:1.5px solid var(--line);background:var(--bg);width:100%;color:var(--ink);resize:vertical;border-radius:14px;margin-bottom:10px;padding:10px 12px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.promo-modal .btn{width:100%}.embed-notes{color:var(--ink-soft);margin:12px 0 0;padding-left:18px;font-size:12px}.embed-shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.embed-body{flex:1;padding-top:12px}.embed-credit{color:var(--ink-soft);border-top:1px solid var(--line);background:var(--bg-soft);justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.embed-credit:hover{color:var(--ink)}.tool-extras{flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 0;display:flex}.grp-NT{--g-bg:var(--c-lilac);--g-ink:#4e3a8c;--g-bar:#b9a6ef}.grp-NF{--g-bg:var(--c-mint);--g-ink:#1d6a4e;--g-bar:#86d6b6}.grp-SJ{--g-bg:var(--c-sky);--g-ink:#1e4f86;--g-bar:#8fbdf0}.grp-SP{--g-bg:var(--c-butter);--g-ink:#7a5d00;--g-bar:#ecd06a}.types-page{max-width:900px}.types-section{margin-top:28px}.small{font-size:14px}.pt-disclaimer{color:var(--ink-soft);margin:20px 4px 0;font-size:12px;line-height:1.6}.type-map{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:14px 14px 16px}.tm-axis{color:var(--ink-soft);text-align:center;font-size:11px;font-weight:700;display:grid}.tm-cols{grid-template-columns:repeat(4,1fr);margin:0 0 6px 36px}.tm-body{grid-template-columns:30px 1fr;gap:6px;display:grid}.tm-rows{grid-template-rows:repeat(4,1fr);gap:6px}.tm-rows span{place-items:center;line-height:1.25;display:grid}.tm-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tm-cell{text-align:center;background:var(--g-bg);color:var(--g-ink);border:2px solid #0000;border-radius:16px;align-content:center;justify-items:center;gap:2px;min-height:92px;padding:10px 4px;text-decoration:none;transition:transform .12s,opacity .2s,box-shadow .12s;display:grid}.tm-cell:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.tm-emoji{font-size:22px;line-height:1}.tm-cell strong{font-family:var(--font-display);letter-spacing:.03em;font-size:18px;font-weight:400}.tm-cell small{opacity:.85;font-size:11px;font-weight:600;line-height:1.3}.type-map.compact .tm-cell{min-height:64px;padding:6px 2px}.type-map.compact .tm-cell strong{font-size:15px}.tm-cell.is-dim{opacity:.35}.tm-cell.is-current{border-color:var(--ink);box-shadow:0 0 0 3px #ffffffe6, var(--shadow-lift);opacity:1;transform:scale(1.04)}.tm-cell.is-near{border-color:var(--g-ink)}.tm-cell.is-opp{border:2px dashed var(--g-ink)}.tm-legend{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px;font-size:12px;display:flex}.tm-legend i{vertical-align:-2px;background:var(--bg-soft);border-radius:5px;width:14px;height:14px;margin-right:4px;display:inline-block}.lg-cur{border:2px solid var(--ink)}.lg-near{border:2px solid var(--ink-soft)}.lg-opp{border:2px dashed var(--ink-soft)}@media (width<=420px){.tm-cell small{display:none}.tm-cell{min-height:70px}.tm-axis{font-size:10px}}.grp-legend{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:12px;font-size:13px;font-weight:700;display:flex}.grp-legend i,.grp-dot{background:var(--g-bg);border:2px solid var(--g-bar);vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-right:6px;display:inline-block}.grp-legend small{color:var(--ink-soft);font-weight:500}.axis-cards{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:10px;display:grid}@media (width<=440px){.axis-cards{grid-template-columns:1fr}}.axis-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:14px;display:grid}.ac-side{text-align:center}.ac-side b{font-family:var(--font-display);color:var(--c-coral);font-size:30px;font-weight:400;line-height:1;display:block}.ac-side strong{margin:2px 0;display:block}.ac-side p{color:var(--ink-soft);margin:0;font-size:12px}.ac-vs{color:var(--ink-soft);font-size:20px}.section-title .grp-dot{width:16px;height:16px}.type-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.type-card{background:var(--g-bg);color:var(--g-ink);border-radius:22px;align-items:flex-start;gap:12px;padding:16px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.type-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.tc-emoji{background:#ffffffa6;border-radius:14px;padding:8px;font-size:30px;line-height:1}.type-card strong{font-family:var(--font-display);font-size:22px;font-weight:400;line-height:1.1;display:block}.tc-nick{font-size:14px;font-weight:800}.type-card p{color:var(--ink);opacity:.8;margin:4px 0 0;font-size:13px}.types-cta{text-align:center;background:var(--c-peach);border-radius:28px;margin-top:32px;padding:24px 16px}.types-cta p{font-family:var(--font-display);margin:0 0 12px;font-size:24px}.td-hero{background:var(--g-bg);color:var(--g-ink);box-shadow:var(--shadow-lift);border-radius:32px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:26px 24px;display:grid}@media (width<=560px){.td-hero{text-align:center;grid-template-columns:1fr}.td-letters{justify-content:center}}.td-group{background:#ffffffb3;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:800}.td-hero h1{gap:2px;margin:12px 0 4px;font-weight:400;display:grid}.td-code{font-family:var(--font-display);letter-spacing:.05em;font-size:clamp(52px,12vw,72px);line-height:1}.td-nick{font-family:var(--font-display);font-size:26px}.td-summary{margin:4px 0 0;font-weight:600}.td-letters{grid-template-columns:repeat(2,56px);gap:8px;display:grid;position:relative}.td-letters span{width:56px;height:56px;font-family:var(--font-display);animation:2.6s ease-in-out infinite float;animation-delay:calc(var(--i) * .25s);background:#ffffffbf;border-radius:18px;place-items:center;font-size:30px;display:grid}.td-letters em{text-align:center;grid-column:1/-1;font-size:40px;font-style:normal;line-height:1}@keyframes float{50%{transform:translateY(-5px)}}@media (width<=560px){.td-letters{grid-template-columns:repeat(4,52px)}.td-letters span{width:52px;height:52px}.td-letters em{display:none}}.td-block{margin-top:28px}.td-desc{margin:0 0 14px;font-size:17px}.td-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=560px){.td-two{grid-template-columns:1fr}}.td-list{border-radius:22px;padding:14px 16px}.td-list.good{background:var(--g-bg);color:var(--g-ink)}.td-list.care{background:var(--bg-soft)}.td-list h3{margin:0 0 6px;font-size:16px}.td-list ul{margin:0;padding-left:18px;font-size:15px}.axis-profile{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:16px 16px 4px}.ap-row{grid-template-columns:74px 1fr 74px;align-items:center;gap:10px;margin-bottom:14px;display:grid}.ap-pole{color:var(--ink-soft);align-items:baseline;gap:4px;font-size:13px;display:flex}.ap-pole.right{justify-content:flex-end}.ap-pole b{font-family:var(--font-display);font-size:22px;font-weight:400}.ap-pole.on{color:var(--g-ink);font-weight:800}.ap-track{background:var(--bg-soft);border-radius:999px;height:16px;position:relative;overflow:hidden}.ap-track i{background:var(--g-bar);width:50%;animation:.7s ease-out fill;position:absolute;top:0;bottom:0}.ap-track i.l{border-radius:999px 0 0 999px;right:50%}.ap-track i.r{border-radius:0 999px 999px 0;left:50%}@keyframes fill{0%{width:0}}.ap-mid{background:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%}.ap-desc{color:var(--ink-soft);text-align:center;grid-column:1/-1;margin:-6px 0 0;font-size:13px}.ap-desc b{color:var(--g-ink)}.td-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=560px){.td-cards{grid-template-columns:1fr}}.td-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:16px}.td-card h3{align-items:center;gap:6px;margin:0 0 6px;font-size:16px;display:flex}.td-card p{margin:0;font-size:15px}.td-env{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.td-env-label{color:var(--ink-soft);margin-right:4px;font-size:13px;font-weight:800}.chip.env{background:var(--g-bg);color:var(--g-ink);padding:4px 12px;font-size:13px}.td-neighbors{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=680px){.td-neighbors{grid-template-columns:1fr 1fr}}.nb-card{background:var(--g-bg);color:var(--g-ink);border-radius:18px;gap:2px;padding:12px;text-decoration:none;display:grid}.nb-change{color:var(--ink-soft);font-size:11px}.nb-change b{color:var(--g-ink)}.nb-card strong{font-family:var(--font-display);font-size:20px;font-weight:400}.nb-nick{font-size:12px;font-weight:700}.opp-card{border:2px dashed var(--g-bar);background:var(--surface);border-radius:20px;gap:2px;margin-top:10px;padding:14px 16px;text-decoration:none;display:grid}.opp-card span{color:var(--ink-soft);font-size:12px;font-weight:700}.opp-card strong{color:var(--g-ink);font-size:18px}.opp-card small{color:var(--ink-soft);font-size:13px}.td-pager{justify-content:space-between;margin-top:24px;font-weight:800;display:flex}.td-pager a{background:var(--bg-soft);border-radius:999px;padding:8px 14px;text-decoration:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bp{--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}.bp-sheet{border:2.5px solid var(--g-ink);background-color:#fffdf8;background-image:linear-gradient(color-mix(in srgb, var(--g-ink) 12%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--g-ink) 12%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--g-ink) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--g-ink) 5%, transparent) 1px, transparent 1px);box-shadow:0 0 0 6px #fff, 0 0 0 7.5px color-mix(in srgb, var(--g-ink) 30%, transparent), var(--shadow-lift);background-size:100px 100px,100px 100px,20px 20px,20px 20px;border-radius:26px;padding:14px;position:relative}.bp-titleblock{border:1.5px solid var(--g-ink);background:#fff;border-radius:12px;grid-template-columns:1fr 2fr 1fr 1fr;display:grid;overflow:hidden}.bp-titleblock>div{border-right:1.5px solid var(--g-ink);padding:6px 10px;display:grid}.bp-titleblock>div:last-child{border-right:0}.bp-titleblock small{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-soft);font-size:10px}.bp-titleblock b{color:var(--g-ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}@media (width<=560px){.bp-titleblock{grid-template-columns:1fr 1fr}.bp-titleblock>div:nth-child(2){border-right:0}.bp-titleblock>div:nth-child(-n+2){border-bottom:1.5px solid var(--g-ink)}}.bp-stage{grid-template-columns:1fr 290px 1fr;align-items:center;gap:8px;margin:14px 0 6px;display:grid}.bp-figure{justify-items:center;margin:0;display:grid;position:relative}.bp-figure .type-char{filter:drop-shadow(0 8px 14px #503c321f);overflow:visible}.bp-bubble{border:2px solid var(--g-ink);font-family:var(--font-display);color:var(--g-ink);text-align:center;z-index:1;background:#fff;border-radius:18px;max-width:260px;margin-bottom:-6px;padding:8px 14px;font-size:17px;position:relative}.bp-bubble:after{content:"";border-right:2px solid var(--g-ink);border-bottom:2px solid var(--g-ink);background:#fff;width:14px;height:14px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.bp-dim{text-align:center;width:82%;font-family:var(--mono);color:var(--g-ink);border-top:1.5px solid var(--g-ink);margin-top:2px;padding-top:4px;font-size:11px;position:relative}.bp-dim:before,.bp-dim:after{content:"";background:var(--g-ink);width:1.5px;height:12px;position:absolute;top:-7px}.bp-dim:before{left:0}.bp-dim:after{right:0}.bp-notes{gap:26px;margin:0;padding:0;list-style:none;display:grid}.bp-note{border:1.5px solid var(--g-ink);background:#ffffffeb;border-radius:16px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex;position:relative}.bp-num{background:var(--g-ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.bp-note small{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-soft);font-size:10px}.bp-note strong{color:var(--g-ink);font-size:15px;line-height:1.3;display:block}.bp-note p{margin:2px 0 0;font-size:13px;line-height:1.45}@media (width>=761px){.bp-notes.left .bp-note:after,.bp-notes.right .bp-note:before{content:"";border-top:2px dashed var(--g-ink);width:26px;position:absolute;top:22px}.bp-notes.left .bp-note:after{right:-28px}.bp-notes.right .bp-note:before{left:-28px}.bp-notes.right{text-align:left}}@media (width<=760px){.bp-stage{grid-template-columns:1fr 1fr}.bp-figure{order:-1;grid-column:1/-1}.bp-notes{gap:8px}.bp-notes.left,.bp-notes.right{grid-column:span 2;grid-template-columns:1fr 1fr}}@media (width<=420px){.bp-notes.left,.bp-notes.right{grid-template-columns:1fr}}.bp-bottom{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}@media (width<=640px){.bp-bottom{grid-template-columns:1fr}}.bp-box{border:1.5px solid var(--g-ink);background:#ffffffeb;border-radius:16px;padding:12px 14px}.bp-box h3{font-family:var(--mono);letter-spacing:.08em;color:var(--g-ink);margin:0 0 8px;font-size:12px}.bp-spec{gap:6px;margin:0;display:grid}.bp-spec div{border-bottom:1px dashed color-mix(in srgb, var(--g-ink) 30%, transparent);grid-template-columns:76px 1fr;gap:8px;padding-bottom:6px;font-size:14px;display:grid}.bp-spec div:last-child{border-bottom:0;padding-bottom:0}.bp-spec dt{color:var(--ink-soft);font-size:13px}.bp-spec dd{margin:0}.bp-spec dd b{background:var(--g-bg);width:22px;height:22px;color:var(--g-ink);border-radius:6px;place-items:center;margin-right:4px;font-size:13px;display:inline-grid}.bp-stats{gap:7px;margin:0;padding:0;list-style:none;display:grid}.bp-stats li{grid-template-columns:52px 1fr 28px;align-items:center;gap:8px;font-size:13px;display:grid}.bp-stats i{background:var(--bg-soft);border-radius:999px;height:10px;overflow:hidden}.bp-stats em{border-radius:inherit;background:repeating-linear-gradient(90deg, var(--g-bar) 0 8px, color-mix(in srgb, var(--g-bar) 70%, #fff) 8px 10px);height:100%;animation:.8s ease-out fill;display:block}.bp-stats b{font-family:var(--mono);color:var(--g-ink);text-align:right;font-size:12px}.bp-footnote{color:var(--ink-soft);margin:8px 0 0;font-size:11px}.bp-special{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}@media (width<=480px){.bp-special{grid-template-columns:1fr}}.bp-tag{border-radius:16px;padding:10px 14px;display:grid}.bp-tag small{font-family:var(--mono);letter-spacing:.1em;opacity:.75;font-size:10px}.bp-tag b{font-size:15px}.bp-tag.skill{background:var(--g-bg);color:var(--g-ink)}.bp-tag.weak{border:1.5px dashed var(--g-ink);color:var(--ink);background:#fff}.bp-actions{justify-content:center;margin-top:18px;display:flex}.bp-offscreen{width:1px;height:1px;position:absolute;top:0;left:-99999px;overflow:hidden}.type-card .type-char{flex:none;margin:-6px -4px -8px -6px}.td-hero-char{background:#ffffff8c;border-radius:26px;place-items:center;padding:6px 10px;display:grid}@media (width<=560px){.td-hero-char{justify-self:center}}.td-lead{margin:-8px 0 14px}:root{--bg:#fff8f1;--bg-soft:#fdf0e6;--surface:#fff;--ink:#3b3346;--ink-soft:#6f6680;--line:#efe3d8;--c-peach:#ffd8c8;--c-coral:#ff9f8a;--c-sky:#d4e8ff;--c-pink:#ffdbe6;--c-mint:#ccf1e2;--c-butter:#fff0b8;--c-lilac:#e7defe;--c-sage:#e3efd2;--lin-self-bg:#ffb9a6;--lin-self-ink:#7a2e1d;--lin-paternal-bg:#d4e8ff;--lin-paternal-ink:#1e4f86;--lin-paternal-line:#8fbdf0;--lin-maternal-bg:#ffdbe6;--lin-maternal-ink:#8a2a4c;--lin-maternal-line:#f2a3bd;--lin-sibling-bg:#e7defe;--lin-sibling-ink:#4e3a8c;--lin-sibling-line:#b9a6ef;--lin-descendant-bg:#fff0b8;--lin-descendant-ink:#7a5d00;--lin-descendant-line:#ecd06a;--lin-spouse-bg:#ffe2cc;--lin-spouse-ink:#8a4313;--lin-spouse-line:#f5b88c;--lin-wifeSide-bg:#ccf1e2;--lin-wifeSide-ink:#1d6a4e;--lin-wifeSide-line:#86d6b6;--lin-husbandSide-bg:#ccf1e2;--lin-husbandSide-ink:#1d6a4e;--lin-husbandSide-line:#86d6b6;--radius-s:10px;--radius:18px;--radius-l:28px;--shadow:0 6px 24px -10px #6e503c40;--shadow-lift:0 14px 34px -14px #6e503c59;--font-body:"Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", sans-serif;--font-display:"Jua", "Gowun Dodum", var(--font-body);--font-soft:"Gowun Dodum", var(--font-body);--maxw:1080px;--gutter:16px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.65}a{color:inherit}img{max-width:100%}button{font:inherit;color:inherit}.container{width:100%;max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.shell{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1}.muted{color:var(--ink-soft)}.center{text-align:center}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{align-items:center;gap:16px;height:60px;display:flex}.brand{font-family:var(--font-display);align-items:center;gap:8px;font-size:20px;text-decoration:none;display:flex}.nav{gap:4px;margin-left:auto;display:flex}.nav a{color:var(--ink-soft);border-radius:999px;padding:6px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.nav a:hover{background:var(--bg-soft);color:var(--ink)}.nav a.active{background:var(--c-peach);color:var(--ink)}.menu-btn{cursor:pointer;background:0 0;border:0;width:40px;height:40px;margin-left:auto;padding:10px 8px;display:none}.menu-btn span{background:var(--ink);border-radius:2px;height:2px;margin:4px 0;display:block}@media (width<=720px){.menu-btn{display:block}.nav{padding:8px var(--gutter) 16px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;display:none;position:absolute;top:60px;left:0;right:0}.nav.is-open{display:flex}.nav a{padding:12px 14px}}.site-footer{background:var(--bg-soft);border-top:1px solid var(--line);color:var(--ink-soft);margin-top:64px;padding:32px 0;font-size:14px}.footer-inner{gap:14px;display:grid}.footer-inner strong{color:var(--ink);font-family:var(--font-display);font-size:17px;font-weight:400}.footer-inner p{margin:4px 0 0}.footer-inner nav{flex-wrap:wrap;gap:16px;display:flex}.footer-inner nav a{text-decoration:none}.footer-inner nav a:hover{text-decoration:underline}.btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:46px;padding:0 22px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--c-coral);color:#fff;box-shadow:0 8px 20px -10px var(--c-coral)}.btn-primary:hover{box-shadow:0 12px 24px -10px var(--c-coral)}.btn-ghost{background:var(--surface);border:1.5px solid var(--line)}.chip{background:var(--c-lilac);color:#4e3a8c;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.hero{background:radial-gradient(600px 300px at 10% 0%, var(--c-pink) 0%, transparent 70%), radial-gradient(500px 280px at 95% 20%, var(--c-sky) 0%, transparent 70%), radial-gradient(500px 260px at 60% 110%, var(--c-mint) 0%, transparent 70%);padding:48px 0 32px}.hero-inner{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;display:grid}.eyebrow{color:var(--c-coral);letter-spacing:.02em;margin:0 0 8px;font-weight:700}.hero h1{font-family:var(--font-display);margin:0 0 16px;font-size:clamp(34px,6vw,54px);font-weight:400;line-height:1.2}.lead{color:var(--ink-soft);max-width:34em;margin:0 0 24px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-sample{grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}.sample-card{background:var(--lb);color:var(--li);border-radius:var(--radius);box-shadow:var(--shadow);transform:rotate(var(--r,0deg));gap:2px;padding:16px 18px;display:grid}.sample-card:first-child{--r:-2deg}.sample-card:nth-child(2){--r:1.5deg;margin-top:18px}.sample-card:nth-child(3){--r:1deg}.sample-card:nth-child(4){--r:-1.5deg;margin-top:18px}.sample-card strong{font-family:var(--font-display);font-size:24px;font-weight:400}.sample-card span{opacity:.85;font-size:14px}.sample-card em{background:#ffffffa6;border-radius:999px;justify-self:start;margin-top:6px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:700}@media (width<=820px){.hero-inner{grid-template-columns:1fr;gap:28px}.hero{padding-top:32px}}.lin-self{--lb:var(--lin-self-bg);--li:var(--lin-self-ink)}.lin-paternal{--lb:var(--lin-paternal-bg);--li:var(--lin-paternal-ink);--ll:var(--lin-paternal-line)}.lin-maternal{--lb:var(--lin-maternal-bg);--li:var(--lin-maternal-ink);--ll:var(--lin-maternal-line)}.lin-sibling{--lb:var(--lin-sibling-bg);--li:var(--lin-sibling-ink);--ll:var(--lin-sibling-line)}.lin-descendant{--lb:var(--lin-descendant-bg);--li:var(--lin-descendant-ink);--ll:var(--lin-descendant-line)}.lin-spouse{--lb:var(--lin-spouse-bg);--li:var(--lin-spouse-ink);--ll:var(--lin-spouse-line)}.lin-wifeSide{--lb:var(--lin-wifeSide-bg);--li:var(--lin-wifeSide-ink);--ll:var(--lin-wifeSide-line)}.lin-husbandSide{--lb:var(--lin-husbandSide-bg);--li:var(--lin-husbandSide-ink);--ll:var(--lin-husbandSide-line)}.section{margin-top:44px}.section-head{justify-content:space-between;align-items:baseline;display:flex}.section-title{font-family:var(--font-display);margin:0 0 16px;font-size:26px;font-weight:400}.more{color:var(--ink-soft);font-size:14px;font-weight:700;text-decoration:none}.tool-grid,.guide-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.tool-card{border-radius:var(--radius-l);background:var(--accent,var(--c-peach));box-shadow:var(--shadow);align-items:flex-start;gap:16px;padding:22px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.tool-card:hover,.guide-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.tool-emoji{background:#ffffffb3;border-radius:16px;padding:10px;font-size:38px;line-height:1}.tool-card h3{margin:0 0 4px;font-size:19px}.tool-card p{color:var(--ink-soft);margin:0;font-size:14px}.guide-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.guide-card h3{margin:10px 0 6px;font-size:18px;line-height:1.4}.guide-card p{color:var(--ink-soft);margin:0;font-size:14px}.page{padding-top:32px}.page-title{font-family:var(--font-display);margin:0 0 8px;font-size:clamp(28px,5vw,38px);font-weight:400;line-height:1.3}.page-lead{color:var(--ink-soft);margin:0 0 20px;font-size:17px}.crumbs{color:var(--ink-soft);margin-bottom:8px;font-size:13px}.crumbs a{font-weight:700;text-decoration:none}.article,.prose-page{max-width:760px}.prose{font-size:17px}.prose h2{font-family:var(--font-display);margin:36px 0 12px;font-size:25px;font-weight:400}.prose h3{margin:24px 0 8px;font-size:19px}.prose a{color:#c4553f;font-weight:600}.prose table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-s);border:1px solid var(--line);width:100%;margin:16px 0;font-size:15px;display:block;overflow:auto hidden}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px}.prose th{background:var(--bg-soft);font-weight:700}.prose tr:last-child td{border-bottom:0}.prose blockquote{background:var(--c-butter);border-radius:var(--radius);border:0;margin:24px 0;padding:14px 18px}.prose blockquote p{margin:0}.prose code{background:var(--bg-soft);border-radius:6px;padding:1px 6px;font-size:.9em}.big-emoji{margin:40px 0 8px;font-size:56px}.ad-slot{min-height:90px;margin:28px 0}.ad-placeholder{border:2px dashed var(--line);border-radius:var(--radius);color:var(--ink-soft);background:repeating-linear-gradient(45deg, transparent 0 10px, var(--bg-soft) 10px 20px);place-items:center;font-size:13px;display:grid}.tool-head{padding-top:24px}.tool-head h1{font-family:var(--font-display);margin:0 0 4px;font-size:clamp(26px,5vw,34px);font-weight:400}.tool-head p{color:var(--ink-soft);margin:0 0 16px}.tool-loading{height:60vh;color:var(--ink-soft);place-items:center;display:grid}.text-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;margin-top:10px;padding:8px 0;font-weight:700}.link-box{gap:8px;display:flex}.link-box input{min-width:0;font:inherit;color:var(--ink-soft);border:1.5px solid var(--line);background:var(--bg);text-overflow:ellipsis;border-radius:999px;flex:1;padding:0 14px;font-size:14px}.link-box .btn{flex:none;min-height:46px;padding:0 20px}.share-btn{cursor:pointer;border:1.5px solid var(--line);background:var(--surface);border-radius:18px;justify-items:center;gap:4px;padding:12px 6px;font-size:13px;font-weight:700;display:grid}.share-btn i{font-size:22px;font-style:normal;line-height:1}.share-btn.on{background:var(--c-lilac);border-color:var(--c-lilac)}.share-btn.kakao{color:#191600;background:#fee500;border-color:#fee500}.btn.sm{min-height:38px;padding:0 14px;font-size:14px}.text-btn:disabled{opacity:.35;cursor:default}.tool-page.container .container{padding-left:0;padding-right:0}.hero-chars{grid-template-columns:repeat(2,1fr);justify-items:center;gap:10px;display:grid}.hero-char{width:100%;max-width:180px;box-shadow:var(--shadow);animation:3s ease-in-out infinite heroFloat;animation-delay:calc(var(--i) * .4s);background:#fff9;border-radius:26px;justify-items:center;padding:10px 8px 8px;text-decoration:none;display:grid}.hero-char span{font-family:var(--font-display);margin-top:-6px;font-size:18px}.hero-char:nth-child(2),.hero-char:nth-child(4){margin-top:22px}@keyframes heroFloat{50%{transform:translateY(-6px)}}@media (width<=820px){.hero-chars{grid-template-columns:repeat(4,1fr);gap:6px}.hero-char{border-radius:18px;padding:6px 2px}.hero-char .type-char{width:100%;height:auto}.hero-char span{font-size:14px}.hero-char:nth-child(2),.hero-char:nth-child(4){margin-top:12px}}