:root{color:#293e33;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f8f7f1;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:14px;font-weight:400;line-height:1.65}*{box-sizing:border-box}body{min-width:0;margin:0}[hidden]{display:none!important}button,input,select{font:inherit;min-width:0}button{cursor:pointer;touch-action:manipulation}a{color:inherit;text-decoration:none}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:2px solid #416d50}button:disabled{opacity:.65;cursor:wait}h1,h2,h3,h4,p{overflow-wrap:anywhere}h1,h2,h3,h4{font-weight:600;line-height:1.5}a,button,summary{touch-action:manipulation}.header{justify-content:space-between;align-items:center;gap:12px;max-width:960px;margin:auto;padding:17px 16px;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:7px;min-width:0;font-size:21px;font-weight:700;display:flex}.brand svg{color:#315740;flex-shrink:0;width:42px;height:42px}.brand small{letter-spacing:.1px;color:#78816f;font-size:9px;font-weight:400;display:block}.header-link{white-space:nowrap;color:#65765e;align-items:center;min-height:44px;font-size:12px;display:flex}main{max-width:792px;margin:auto;padding:0 16px}.mode-switch{background:#eeefe6;border:1px solid #dfe4d6;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-width:560px;margin:8px auto 0;padding:5px;display:grid}.mode-switch button{text-align:left;color:#76806b;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:11px 12px;display:grid}.mode-switch button[aria-pressed=true]{color:#315740;background:#fff;border-color:#d9e1cf;box-shadow:0 2px 6px #2a47240a}.mode-switch button>span{white-space:nowrap;grid-row:1/3;font-size:18px}.mode-switch strong{overflow-wrap:anywhere;font-size:13px}.mode-switch small{overflow-wrap:anywhere;font-size:10px}.experience:focus{outline:none}.intro{text-align:center;max-width:560px;margin:auto;padding:28px 0 24px;position:relative}.intro-mark{color:#54754e;width:40px;height:40px;margin-bottom:2px}.eyebrow{letter-spacing:.8px;color:#79816b;margin:0 0 8px;font-size:11px}.intro h1{letter-spacing:-1px;margin:10px 0;font-family:Batang,serif;font-size:28px;font-weight:500}.intro em{color:#426848;font-style:normal}.intro>p:not(.eyebrow){color:#68765f;margin:12px 0;font-size:12px}.quiet-badge{color:#758064;background:#f2f3e9;border:1px solid #dfe2d2;border-radius:20px;padding:4px 10px;font-size:10px;display:inline-block}form{max-width:560px;margin:auto}.person-switch{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin:0 0 12px;display:grid}.person-switch button{color:#748168;background:#fff;border:1px solid #dce3d3;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:48px;padding:10px 12px;font-size:12px;display:flex}.person-switch button[aria-pressed=true]{color:#365638;background:#eaf0e3;border-color:#809c70;font-weight:600}.step{background:#dfe8d5;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:10px;display:inline-grid}.truncate{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.person-name{overflow-wrap:anywhere;word-break:break-word;min-width:0}.person-card{background:#fff;border:1px solid #e0e5d8;border-radius:18px;padding:20px 18px}.card-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.card-heading>div{flex:1;min-width:0}.person-icon{color:#738761;background:#f0f3e9;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:25px;display:grid}.person-1 .person-icon{color:#aa905c;background:#f5eedf}.card-eyebrow{letter-spacing:.8px;color:#7d8870;font-size:10px}.card-heading h3{margin:2px 0 0;font-size:17px}.name-field{margin-bottom:22px;font-size:12px;font-weight:600;display:block}.optional{color:#74806b;background:#f0f3eb;border-radius:5px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:400}.name-field input{margin-top:8px}fieldset{border:0;min-width:0;margin:0 0 22px;padding:0;position:relative}fieldset:last-of-type{margin-bottom:0}legend{margin-bottom:9px;padding:0;font-size:12px;font-weight:600}.segmented{background:#f4f5ef;border:1px solid #e7eadf;border-radius:10px;gap:4px;padding:4px;display:flex}.segmented label{cursor:pointer;flex:1;min-width:0;position:relative}.segmented input{opacity:0;width:100%;height:100%;margin:0;position:absolute}.segmented span{color:#77816b;border-radius:6px;place-items:center;min-height:44px;font-size:13px;display:grid}.segmented input:checked+span{color:#365638;background:#fff;font-weight:600;box-shadow:0 1px 5px #27402b0c}.segmented input:focus-visible+span{outline:2px solid #416d50}.calendar-row{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:8px;display:flex}.calendar-options{gap:16px;display:flex}.calendar-options label,.checkbox{color:#61725a;cursor:pointer;align-items:center;gap:6px;min-height:44px;font-size:12px;display:flex}input[type=radio],input[type=checkbox]{accent-color:#4d7054;flex-shrink:0;width:17px;height:17px;margin:0}.checkbox:has(input:disabled){color:#949d8d;cursor:default}.date-row{grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr));gap:6px;display:grid}.date-row>label{min-width:0}input:not([type=radio]):not([type=checkbox]),select{color:#3e5239;background:#fff;border:1px solid #dbe2d1;border-radius:9px;width:100%;height:48px;padding:0 8px;font-size:16px}input::placeholder{color:#909884;font-size:13px}select:disabled{color:#99a18f;cursor:not-allowed;background:#f4f5f0}.field-hint{color:#7c8770;margin:8px 0 0;font-size:11px;line-height:1.7}.unknown{font-size:11px;position:absolute;top:-38px;right:0}.time-row{align-items:center;gap:9px;display:flex}.time-row>label{flex:1;min-width:0}.time-row>span{color:#8c977e}.errors{color:#a24d36;background:#fff6ef;border-radius:8px;margin:18px 0 0;padding:12px 12px 12px 28px;font-size:12px;line-height:1.9}.calculation-policy,.guide{color:#6d7a62;border-top:1px solid #e0e5d7;margin-top:18px;font-size:12px}summary{cursor:pointer}.calculation-policy>summary,.guide>summary{color:#4c6444;min-height:48px;padding:13px 2px}.policy-content{padding:4px 0 12px}.policy-content label{margin-bottom:8px;font-weight:600;display:block}.policy-content select{font-size:13px}.policy-content p,.guide p{font-size:12px;line-height:1.9}.privacy{text-align:center;color:#7f8974;margin:12px 4px;font-size:10px}.submit{color:#fff;background:#315740;border:0;border-radius:12px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:54px;padding:12px 14px;font-size:14px;font-weight:600;display:flex;box-shadow:0 5px 12px #31574016}.submit:hover{background:#284a36}.result-message{text-align:center;color:#75846a;min-height:20px;margin:10px 0 0;font-size:11px}.guide{max-width:560px;margin:28px auto 0}.guide h2{margin-top:14px;font-size:13px}footer{text-align:center;color:#7f8974;border-top:1px solid #e1e5d8;max-width:792px;margin:30px auto 0;padding:24px 16px}footer>span{font-size:14px;font-weight:600}footer p{margin:6px 0;font-size:11px}footer small{font-size:10px}.back-button{color:#687b5d;background:0 0;border:0;min-height:44px;margin:12px 0;padding:8px 0;font-size:12px}.pair-names{text-align:center;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:4px 0 20px;display:grid}.pair-names h1{word-break:break-word;overflow-wrap:anywhere;margin:0;font-size:19px;font-weight:600;line-height:1.6}.pair-names>span{color:#99a087;font-size:12px}.compatibility-overview{text-align:center;background:linear-gradient(135deg,#eff3e8,#f7f4e9);border:1px solid #e0e5d5;border-radius:18px;padding:22px 16px}.compatibility-overview svg{color:#5d7953;width:54px;height:54px;margin:0 auto 8px;display:block}.compatibility-overview h2{margin:12px 0 8px;font-family:Batang,serif;font-size:20px}.compatibility-overview p{color:#728064;margin:8px 0;font-size:12px;line-height:1.9}.compatibility-overview .analysis-note{font-size:10px}.section-heading{margin:24px 0 12px}.section-heading h2{margin:0;font-size:16px}.section-heading p{color:#7c8770;margin:4px 0 0;font-size:11px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=768px){.header{padding:22px 28px}.brand{font-size:24px}.brand small{font-size:10px}main{padding:0 24px}.mode-switch{margin-top:16px}.intro{padding:32px 0}.intro h1{font-size:34px}.person-card{padding:28px}.pair-names h1{font-size:24px}.compatibility-overview{padding:26px}.mode-switch button{padding:14px 18px}.mode-switch strong{font-size:14px}}@media (width<=359px){.brand{font-size:19px}.brand small{font-size:8px}.header-link{font-size:11px}.mode-switch button{column-gap:5px;padding:10px 7px}.mode-switch strong{font-size:12px}.mode-switch small{font-size:9px}.mode-switch button>span{font-size:15px}.intro h1{font-size:26px}.person-card{padding:18px 14px}.calendar-options{gap:10px}}.header{max-width:792px;min-height:52px;padding:4px 16px}.brand{font-size:19px}.brand svg{width:32px;height:32px}.brand small{display:none}.mode-switch{margin:0 auto 10px}.mode-switch button{grid-template-columns:auto minmax(0,1fr);min-height:44px;padding:8px 10px}.mode-switch button>span{grid-row:auto}.birth-form .input-progress{color:#65765e;margin:0 0 5px;font-size:11px}.birth-form .person-switch{margin-bottom:8px}.birth-form .person-switch button{min-height:44px;padding:7px 10px}.birth-form .person-card{border-radius:14px;padding:14px}.birth-form .name-field{margin-bottom:12px}.birth-form .name-field input{margin-top:5px}.birth-form fieldset{margin-bottom:12px}.birth-form fieldset:last-of-type{margin-bottom:0}.birth-form legend{margin-bottom:4px}.birth-form .segmented{padding:2px}.birth-form .calendar-row{margin-bottom:4px}.birth-form .field-hint{margin-top:4px;font-size:11px}.birth-form .unknown{top:-33px}.birth-form .calculation-policy{margin-top:8px}.birth-form .privacy{margin:6px 0}.birth-form .result-message{margin-top:6px}@media (width>=768px){.header{padding:8px 24px}.brand{font-size:21px}.birth-form .person-card{padding:18px}}.meaning{min-width:0;font-weight:400;line-height:1.8}.meaning summary{cursor:pointer;text-underline-offset:4px;color:#46653c;overflow-wrap:anywhere;min-height:44px;padding:10px 0;font-size:12px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.meaning p{text-align:left;color:#6b7b60;overflow-wrap:anywhere;background:#f3f6ed;border-radius:7px;margin:4px 0 8px;padding:10px;font-size:12px;line-height:1.9}.myeongri-analysis{border-top:1px solid #e4e9db;min-width:0;margin-top:16px;padding-top:18px}.analysis-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.analysis-heading h4{margin:3px 0;font-size:16px;font-weight:600}.analysis-heading .card-eyebrow{font-size:9px}.count-badge{color:#70835e;white-space:nowrap;background:#f1f4e9;border-radius:20px;padding:6px 9px;font-size:10px}.distribution-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.distribution-options button{font:inherit;color:#7c896c;background:#fff;border:1px solid #e0e6d6;border-radius:8px;min-height:44px;padding:8px 4px;font-size:11px}.distribution-options button[aria-pressed=true]{color:#49613c;background:#eff4e6;border-color:#9ab086}.analysis-note{color:#7c8870;margin:10px 0;font-size:11px;line-height:1.85}.element-bars{text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0;padding:0;list-style:none;display:grid}.element-bars li{background:#fafbf7;border-radius:9px;flex-direction:column;align-items:center;gap:7px;padding:10px 0;font-size:12px;display:flex}.element-bars li>span:last-child{color:#768667;font-size:11px}.bar-track{background:#edf0e7;border-radius:4px;align-items:end;width:12px;height:56px;display:flex;overflow:hidden}.bar-fill{border-radius:4px;width:100%;min-height:0;display:block}.bar-목{background:#73997c}.bar-화{background:#c2856e}.bar-토{background:#c0a35d}.bar-금{background:#93a0b6}.bar-수{background:#6f9fb6}.element-counts{border-collapse:collapse;table-layout:fixed;text-align:center;width:100%;font-size:11px}.element-counts td,.element-counts th{border-bottom:1px solid #e4ead9;padding:7px 2px}.element-counts th{background:#f7f9f1;font-weight:500}.element-counts th:first-child{white-space:nowrap;width:54px}.pillar-details-area{border-top:1px solid #e5eadc;margin-top:18px;padding-top:18px}.pillar-details-area>h3{margin:0;font-size:14px}.detail-selector{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.detail-selector button{color:#70835d;background:#fafbf6;border:1px solid #dee5d3;border-radius:8px;min-height:44px;padding:8px 2px;font-size:12px}.detail-selector button[aria-expanded=true]{color:#3e5a32;background:#eaf1df;border-color:#8da876}.pillar-detail-panel{background:#fbfcf8;border:1px solid #dce5cf;border-radius:12px;margin-top:12px;padding:14px 12px;scroll-margin-top:20px}.pillar-detail-panel:focus{outline-offset:2px;outline:2px solid #90a67d}.detail-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.detail-heading h4{margin:0;font-size:14px}.detail-heading button{color:#778867;background:0 0;border:0;min-height:44px;padding:8px;font-size:11px}.detail-facts{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;display:grid}.detail-facts>div{background:#f2f6eb;border-radius:8px;min-width:0;padding:0 10px 6px;font-size:12px}.detail-facts>div>.meaning:first-child summary{color:#7e8c70;font-size:11px}.hidden-list{text-align:left;gap:2px;margin:0;padding:0;list-style:none;display:grid}.hidden-stem summary,.hidden-empty{white-space:nowrap;grid-template-columns:2.4em 4.2em 1em minmax(0,1fr);align-items:center;column-gap:4px;min-height:44px;padding:7px 0;font-size:12px;display:grid}.hidden-stem summary{overflow-wrap:normal;list-style:none}.hidden-stem summary::-webkit-details-marker{display:none}.hidden-stem summary strong{font:18px/1.5 Batang,serif}.hidden-stem summary small{font:12px/1.5 sans-serif}.hidden-stem summary>span:last-child{font-size:12px}.hidden-empty{color:#9aa58b}.relations-details{border-top:1px solid #e4e9db;margin-top:18px;padding-top:4px}.relations-details>summary{color:#526c44;min-height:48px;padding:13px 0;font-size:13px}.relations-details>summary>span{color:#8a967c;white-space:nowrap;margin-left:6px;font-size:10px}.relation-grid{gap:8px;display:grid}.relation-group{border:1px solid #e2e8d7;border-radius:10px;min-width:0;padding:4px 12px 12px}.relation-group>.meaning>summary{font-size:12px;font-weight:600}.relation-group ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.relation-group li strong{overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:1.9;display:block}.relation-group li span{color:#7c8a6d;overflow-wrap:anywhere;font-size:11px;line-height:1.8;display:block}@media (width>=768px){.element-bars{gap:14px}.relation-grid{grid-template-columns:1fr 1fr}.pillar-detail-panel{padding:18px}.analysis-heading h4{font-size:18px}}.chart-card{background:#fff;border:1px solid #dfe5d6;border-radius:18px;min-width:0;padding:20px 14px}.chart-heading h2{overflow-wrap:anywhere;margin:5px 0 8px;font-size:20px}.chart-heading p{color:#7b876e;margin:0 0 18px;font-size:11px;line-height:1.8}.pillar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;display:grid}.pillar-card{color:#44533c;text-align:center;background:#fafbf7;border:1px solid #e0e6d7;border-radius:10px;flex-direction:column;align-items:stretch;min-width:0;padding:0;display:flex;overflow:hidden}.pillar-card.day-pillar{background:#f2f6ed;border-color:#afc49d}.pillar-card[aria-expanded=true]{border-color:#527c47;box-shadow:0 0 0 1px #527c47}.pillar-label{white-space:nowrap;background:#eef2e7;padding:8px 1px;font-size:12px;font-weight:600;display:block}.pillar-symbol{flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:0;padding:6px 1px 8px;display:flex}.pillar-symbol+.pillar-symbol{border-top:1px solid #e6eadf}.symbol{font:32px/1.5 Batang,serif;display:block}.pillar-symbol>span{white-space:nowrap;font-size:11px;line-height:1.6}.element-목{color:#3e7152}.element-화{color:#a8593e}.element-토{color:#94701b}.element-금{color:#69758b}.element-수{color:#3b7594}.pillar-more{color:#7e8c71;white-space:nowrap;border-top:1px solid #e6eadf;margin-top:auto;padding:6px 1px;font-size:10px;display:block}.pillar-unresolved{color:#9b865d;flex-direction:column;flex:1;justify-content:space-evenly;min-height:150px;font-size:18px;display:flex}.pillar-unresolved>span{font-size:24px}.day-guide{color:#697d5b;margin:8px 0;font-size:11px}.day-guide summary{min-height:44px;padding:12px 0}.day-guide p{color:#718367;background:#f5f7ef;border-radius:8px;margin:0;padding:12px;line-height:1.9}.chart-warning{color:#8a713b;overflow-wrap:anywhere;background:#faf4e6;border:1px solid #eee3c9;border-radius:9px;margin:10px 0;padding:10px 12px;font-size:11px;line-height:1.85}.chart-details{color:#7b866e;border-top:1px solid #e7ebdf;margin-top:12px;font-size:11px}.chart-details>summary{cursor:pointer;color:#536e46;min-height:44px;padding:12px 0}.chart-details p,.chart-details li{overflow-wrap:anywhere;line-height:1.9}.chart-details ul{padding-left:18px}.term-line{display:block}.source-note a{text-underline-offset:3px;text-decoration:underline}@media (width>=768px){.chart-card{padding:28px}.pillar-grid{gap:12px}.pillar-label{font-size:14px}.symbol{font-size:40px}.pillar-symbol{padding:10px}.pillar-symbol>span{font-size:12px}.pillar-more{font-size:11px}.chart-heading h2{font-size:23px}}