:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--fg:#262730;--muted:#6b6f7b;--border:#e3e5ea;--surface:#f6f7f9;--accent:#ff4b4b;--base:#1f77b4;--base-fill:#1f77b440;--added:#ff7f0e;--added-fill:#ff7f0e59;--info-bg:#e8f1fb;--info-fg:#1c4f86;--success-bg:#e6f4ea;--success-fg:#1e6b34;--warning-bg:#fff6dc;--warning-fg:#7a5a00;--error-bg:#fdecec;--error-fg:#9b1c1c}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1117;--fg:#e8e9ec;--muted:#a0a4ad;--border:#2d313a;--surface:#1a1d24;--base:#4ea3e0;--base-fill:#4ea3e040;--added:#ff9f43;--added-fill:#ff9f434d;--info-bg:#13263b;--info-fg:#a9cdf2;--success-bg:#12291a;--success-fg:#9ed9ad;--warning-bg:#2e2610;--warning-fg:#f0d58a;--error-bg:#331617;--error-fg:#f4a9a9}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand h1{margin:0}.brand-text{min-width:0}.tagline{color:var(--muted);margin:2px 0 0;font-size:.95rem}.brand-logo{flex:none;width:48px;height:48px;transform:rotate(-6deg)}.brand-logo:hover{animation:.5s ease-in-out logo-wiggle}@keyframes logo-wiggle{25%{transform:rotate(4deg)scale(1.08)}50%{transform:rotate(-12deg)scale(1.08)}75%{transform:rotate(-3deg)scale(1.04)}}:root[data-theme=dark] .brand-logo{filter:brightness(1.4)}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.page-header h1{margin:0}.theme-toggle{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:.9rem}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;line-height:1.55}main{max-width:1280px;margin:0 auto;padding:32px 16px 64px}h1{margin:0 0 16px;font-size:2rem}h2{margin:8px 0 12px;font-size:1.3rem}h4{margin:16px 0 8px;font-size:1.05rem}h5{margin:16px 0 8px;font-size:.95rem}hr{border:0;border-top:1px solid var(--border);margin:28px 0}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset:disabled{opacity:.55}label{margin:8px 0 4px;font-size:.9rem;display:block}.gender-pick{flex-wrap:wrap;align-items:center;gap:4px 20px;margin-top:12px;display:flex}.gender-pick legend{width:100%;margin-bottom:4px;padding:0;font-size:.9rem}.gender-pick label{cursor:pointer;align-items:center;gap:6px;margin:0;font-size:1rem;display:inline-flex}.gender-pick input{width:18px;height:18px;accent-color:var(--accent)}input[type=text],input[type=search],input[type=date],select{width:100%;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px}input:focus-visible,select:focus-visible,button:focus-visible,th:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button.primary{font:inherit;color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:9px 16px;font-weight:600}.muted{color:var(--muted);margin:4px 0;font-size:.9rem}.grid-1-2{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@media (width<=800px){.grid-1-2,.grid-2{grid-template-columns:minmax(0,1fr)}}.alert{border-radius:8px;margin:10px 0;padding:10px 14px;font-size:.95rem}.alert-info{background:var(--info-bg);color:var(--info-fg)}.alert-success{background:var(--success-bg);color:var(--success-fg)}.alert-warning{background:var(--warning-bg);color:var(--warning-fg)}.alert-error{background:var(--error-bg);color:var(--error-fg)}.gender-labels{color:var(--muted);justify-content:space-between;padding-bottom:4px;font-weight:600;display:flex}.dual-range{--thumb:18px;--lo:0;--hi:100;height:28px;position:relative}.dual-track{background:var(--border);border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.dual-fill{top:0;bottom:0;left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--lo) / 100);right:calc(var(--thumb) / 2 + (100% - var(--thumb)) * (100 - var(--hi)) / 100);background:var(--accent);border-radius:2px;position:absolute}.dual-range input[type=range]{appearance:none;pointer-events:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.dual-range input[type=range]:focus{outline:none}.dual-range input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;height:4px}.dual-range input[type=range]::-moz-range-track{background:0 0;border:0;height:4px}.dual-range input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((4px - var(--thumb)) / 2);background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 0 1px var(--accent);cursor:pointer;pointer-events:auto;border-radius:50%}.dual-range input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 0 1px var(--accent);cursor:pointer;pointer-events:auto;border-radius:50%}.dual-range input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--accent), 0 0 0 4px var(--base-fill)}.dual-range input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px var(--accent), 0 0 0 4px var(--base-fill)}.table-search-bar{align-items:center;gap:10px;margin-top:10px;display:flex}.table-search-input{flex:1;min-width:0}.table-search-count{color:var(--muted);white-space:nowrap;font-size:.9em}.table-select-bar{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:.9em;display:flex}.table-select-clear{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:8px;padding:4px 10px}.table-select-clear:disabled{opacity:.5;cursor:default}tr.selectable{cursor:pointer}tr.selectable:hover td{background:var(--surface)}tr.selected td{background:var(--base-fill)}td.pick,th.pick{text-align:center;width:2.5em}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.table-wrap{border:1px solid var(--border);border-radius:8px;margin:10px 0;overflow:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:6px 10px}.table-wrap thead th{background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0}.table-wrap th[aria-sort=ascending]:after{content:" ▲"}.table-wrap th[aria-sort=descending]:after{content:" ▼"}th.wrap,td.wrap{white-space:normal;min-width:7em;max-width:16em}.num{text-align:right;font-variant-numeric:tabular-nums}table.saju{border:1px solid var(--border)}table.saju th[scope=row]{background:var(--surface)}.saju-form{grid-template-columns:1fr 1fr;align-items:end;gap:4px 12px;display:grid}.saju-date,.saju-location{grid-column:1/-1}.saju-form button{grid-column:1/-1;justify-self:start}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.step{border-bottom:1px solid var(--border);margin-bottom:20px;padding:8px 0 28px;scroll-margin-top:64px}.step:last-child{border-bottom:0}.step h2{align-items:center;gap:10px;display:flex}.step-no{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.95rem;display:inline-grid}.step-help{color:var(--muted);margin:0 0 12px}.summary{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);gap:8px;margin-bottom:12px;padding:10px 0;display:flex;position:sticky;top:0;overflow-x:auto}.chip{border:1px solid var(--border);background:var(--surface);color:var(--fg);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 12px;font-size:.9rem;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--accent)}.chip-label{color:var(--muted);font-size:.8rem}.chip-empty{color:var(--muted);border-style:dashed}.saju-panel{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-self:start;padding:12px 16px}.saju-panel summary{cursor:pointer;font-weight:600}.saju-panel summary .muted{font-weight:400;display:block}.saju-panel[open] summary{margin-bottom:8px}.saju-done{margin:10px 0 0;font-size:.9rem}.saju-strip{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:10px;margin-bottom:16px;padding:12px 16px;display:grid}.saju-strip-row{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.saju-strip-actions{justify-content:space-between}.saju-strip-label{font-weight:600}.el-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.el-chip{border:1px solid var(--border);background:var(--bg);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.9rem;display:inline-flex}.el-chip .el-icon{width:15px;height:15px}.el-chip.el-missing{border:1.5px dashed var(--error-fg);color:var(--error-fg)}.el-missing-tag{font-size:.75rem;font-weight:700}.saju-toggle{font:inherit;color:var(--base);cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem}.saju-pillars table{background:var(--bg)}#saju-table:not(:empty){margin-bottom:16px}.ratio-filter{max-width:480px;margin-bottom:12px}.gender-labels #gender-value{font-weight:400}.direct-name{max-width:320px;margin-top:16px}label.check{cursor:pointer;align-items:center;gap:6px;display:inline-flex}label.check input{width:18px;height:18px;accent-color:var(--accent)}.saju-card{border:1px solid var(--border);border-radius:12px;margin-top:24px;padding:16px}.saju-card h3{margin-top:0}@media (width<=600px){h1{font-size:1.4rem}.brand-logo{width:40px;height:40px}}.card{min-width:0}.radar{width:100%;max-width:360px;margin:0 auto;display:block}.radar-grid{fill:none;stroke:var(--border)}.radar-axis{stroke:var(--border)}.radar-tick{fill:var(--muted);font-size:10px}.radar-label{fill:var(--fg);font-size:14px;font-weight:600}.series-base .radar-area{fill:var(--base-fill);stroke:var(--base);stroke-width:2px}.series-base .radar-dot{fill:var(--base)}.series-added .radar-area{fill:var(--added-fill);stroke:var(--added);stroke-width:2px}.series-added .radar-dot{fill:var(--added)}.legend{justify-content:center;gap:16px;margin:4px 0 8px;font-size:.85rem;display:flex}.legend-item i{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.legend-item.series-base i{background:var(--base)}.legend-item.series-added i{background:var(--added)}.el-counts{flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:8px 0;padding:0;list-style:none;display:flex}:root{--serif:"Noto Serif KR", "Nanum Myeongjo", "AppleMyungjo", "Batang", serif;--good:#1e6b34;--good-bg:#e6f4ea;--bad:#9b1c1c;--bad-bg:#fdecec;--mixed:#7a5a00;--mixed-bg:#fff6dc;--seal:#c0392b;--wood:#2e8b57;--fire:#d64545;--earth:#d4a017;--metal:#9aa0a8;--water:#1f3a68}:root[data-theme=dark]{--good:#9ed9ad;--good-bg:#12291a;--bad:#f4a9a9;--bad-bg:#331617;--mixed:#f0d58a;--mixed-bg:#2e2610;--seal:#e0604f;--metal:#e8e9ec;--water:#6f8fc9}.name-card{text-align:center;border:1px solid var(--border);background:linear-gradient(180deg, var(--surface), var(--bg));border-radius:12px;padding:32px 16px 20px;position:relative}.name-chars{justify-content:center;gap:clamp(16px,6vw,56px);display:flex}.name-char{min-width:0;max-width:11em;animation:.6s ease-out both name-rise;animation-delay:calc(var(--i) * .15s);flex-direction:column;flex:1 1 0;align-items:center;gap:4px;display:flex}.name-hanja{font-family:var(--serif);font-size:clamp(48px,12vw,80px);font-weight:700;line-height:1.1}.name-um{font-size:1.1rem;font-weight:600}.name-mean{color:var(--muted);max-width:9em;font-size:.9rem}.name-el{white-space:nowrap;color:var(--muted);font-size:.8rem}.name-el .el-icon{vertical-align:-2px;width:13px;height:13px;margin-right:4px}.el-icon{flex:none;display:inline-block}.el-icon.el-wood{fill:var(--wood)}.el-icon.el-fire{fill:var(--fire)}.el-icon.el-earth{fill:var(--earth)}.el-icon.el-metal{fill:var(--metal)}.el-icon.el-water{fill:var(--water)}.name-seal{width:60px;height:60px;position:absolute;top:14px;right:14px;transform:rotate(-5deg)}.seal-ring{fill:none;stroke:var(--seal);stroke-width:5.5px}.seal-char{font-family:"Yuji Boku", var(--serif);fill:var(--seal);stroke:var(--seal);stroke-width:2.2px;stroke-linejoin:round;font-size:40px}.name-meta{color:var(--muted);margin:16px 0 0;font-size:.85rem}@keyframes name-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.name-char,.brand-logo:hover{animation:none}}.timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 16px;padding:0;list-style:none;display:grid;position:relative}.timeline:before{content:"";background:var(--border);height:2px;position:absolute;top:7px;left:8px;right:8px}.stage{min-width:0;position:relative}.stage-dot{border:3px solid var(--tone);background:var(--bg);border-radius:50%;width:16px;height:16px;margin-bottom:12px;display:block}.tone-good{--tone:var(--good);--tone-bg:var(--good-bg)}.tone-bad{--tone:var(--bad);--tone-bg:var(--bad-bg)}.tone-mixed{--tone:var(--mixed);--tone-bg:var(--mixed-bg)}.tone-good .stage-dot{background:var(--tone)}.stage-head{align-items:baseline;gap:8px;display:flex}.stage-age{font-weight:700}.stage-gyeok{color:var(--muted);font-size:.85rem}.stage-title{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.stage-badge{color:var(--tone);background:var(--tone-bg);border-radius:999px;padding:1px 8px;font-size:.8rem;font-weight:700}.stage-text{margin:0;font-size:.92rem;line-height:1.7}.stage-text.clamp{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stage-more{font:inherit;color:var(--base);cursor:pointer;background:0 0;border:0;margin-top:4px;padding:0;font-size:.85rem}.stage-total{border:1px solid var(--border);border-left:4px solid var(--tone);background:var(--surface);border-radius:8px;padding:16px}.chronicle-note{margin-top:12px}@media (width<=800px){.name-card{padding-top:80px}.name-chars{gap:8px}.timeline{grid-template-columns:minmax(0,1fr);padding-left:28px}.timeline:before{width:2px;height:auto;inset:8px auto 8px 7px}.stage-dot{position:absolute;top:4px;left:-28px}}.people-card{border:1px solid var(--border);border-radius:12px;margin-top:24px;padding:16px}.people-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.people-head h3{margin:0 0 8px;font-size:1rem}.people-list{margin:0;padding:0;list-style:none}.person{border-top:1px solid var(--border);align-items:center;gap:12px;padding:8px 0;display:flex}.person-body{flex-direction:column;flex:1;min-width:0;display:flex}.person-desc{color:var(--muted);font-size:.9rem}.person-photo,.person-placeholder{object-fit:cover;border-radius:50%;flex:none;width:48px;height:48px}.person-photo-link{flex:none;line-height:0}.person-placeholder{background:var(--surface);border:1px solid var(--border);color:var(--seal);font-family:var(--serif);place-items:center;font-size:1.2rem;font-weight:700;display:inline-grid}.people-more{margin:8px 0 0}.people-foot{margin:12px 0 0;font-size:.9rem}a.brand{color:inherit;text-decoration:none}.brand-name{font-size:1.4rem;font-weight:700}.doc{max-width:760px;line-height:1.75}.doc h1{margin:8px 0 4px;font-size:1.6rem}.doc h2{margin:28px 0 8px;font-size:1.15rem}.doc p,.doc li{margin:6px 0}.doc-date{color:var(--muted);font-size:.9rem}.doc table{border:1px solid var(--border);border-radius:8px;margin:8px 0}.doc th,.doc td{white-space:normal}.contact-email{font-size:1.1rem}.placeholder{background:var(--warning-bg);color:var(--warning-fg);border-radius:4px;padding:0 6px}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:48px;padding-top:16px;font-size:.9rem}.site-footer a{color:inherit}.site-footer p{margin:8px 0 0}.name-actions{margin:14px 0 0}.compare-add{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:999px;padding:8px 16px}.compare-add.is-saved{background:var(--surface);color:var(--fg);border-color:var(--border)}.compare-add:disabled{opacity:.5;cursor:default}.compare-bar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:.9em;display:flex}.compare-wrap{max-height:none}table.compare th[scope=row],table.compare thead th:first-child{z-index:2;background:var(--surface);white-space:nowrap;box-shadow:1px 0 0 var(--border);position:sticky;left:0}table.compare thead th:first-child{z-index:3}table.compare{table-layout:fixed;width:auto}table.compare th[scope=col]{width:20em;font-family:var(--serif);font-size:1.15rem}table.compare th[scope=col]:first-child{width:11em;font-family:inherit;font-size:inherit}table.compare td{white-space:normal;vertical-align:top;width:20em}.gyeok-head{white-space:nowrap}.gyeok-text{color:var(--muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}table.compare.expanded .gyeok-text{-webkit-line-clamp:unset;line-clamp:none;color:var(--fg);display:block}.compare-actions{gap:8px;display:flex}.compare-name{margin-right:6px}.compare-remove{font:inherit;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:0 6px;font-size:.85rem}.compare-remove:hover{color:var(--error-fg);border-color:var(--error-fg)}.share{margin-left:8px;display:inline-block;position:relative}.share-button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:999px;padding:8px 16px}.share-menu{z-index:20;background:var(--bg);border:1px solid var(--border);text-align:left;border-radius:10px;min-width:12em;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0000001f}.share.open .share-menu{display:block}.share-menu button{width:100%;font:inherit;text-align:left;color:var(--fg);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:8px 10px;display:block}.share-menu button:hover{background:var(--surface)}.share-status{color:var(--muted);margin-left:8px;font-size:.85rem}.compare-actions .share{margin-left:0}.compare-actions .share-button{border-radius:8px;padding:4px 10px}