@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap";:root{--text-xs: .75rem;--text-sm: .8125rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.625rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.04);--wood-bg: #e8f2e8;--wood-border: #3a7d3a;--wood-text: #1f5c1f;--fire-bg: #fce8e8;--fire-border: #c0392b;--fire-text: #922b21;--earth-bg: #fef3dc;--earth-border: #c8870a;--earth-text: #7d5807;--metal-bg: #eff0f2;--metal-border: #8a9099;--metal-text: #3d4349;--water-bg: #e2e8f0;--water-border: #3a4a5c;--water-text: #1e2d3d;--bg: #f5f6fa;--card-bg: #fff;--text: #212529;--text-muted: #6c757d;--border: #e2e5ea;--primary: #4a6cf7;--primary-hover: #3b5de7}@media(prefers-color-scheme:dark){:root{--bg: #13131f;--card-bg: #1e1e30;--text: #e0e0e0;--text-muted: #a0a0a0;--border: #2d2d44;--primary: #6c8cff;--primary-hover: #5a7af0;--shadow-sm: 0 1px 3px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.15);--shadow-md: 0 4px 12px rgba(0,0,0,.25), 0 2px 4px rgba(0,0,0,.15);--shadow-lg: 0 10px 24px rgba(0,0,0,.35), 0 4px 8px rgba(0,0,0,.2);--wood-bg: #1b3a1b;--wood-border: #4caf50;--wood-text: #81c784;--fire-bg: #3a1b1b;--fire-border: #ef5350;--fire-text: #ef9a9a;--earth-bg: #3a3520;--earth-border: #ffc107;--earth-text: #fff176;--metal-bg: #2a2a32;--metal-border: #b0b5be;--metal-text: #d5d8dd;--water-bg: #1a1e2a;--water-border: #7a8ea5;--water-text: #b0c4de}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans KR,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.container{max-width:1080px;margin:0 auto;padding:var(--space-8) var(--space-4)}header{text-align:center;margin-bottom:var(--space-8)}.container.container-guide header{margin-bottom:var(--space-2)}header h1{font-size:1.8rem;font-weight:700;letter-spacing:.12em}header h1:before,header h1:after{content:"";display:block;height:1px;max-width:200px;margin:var(--space-2) auto;background:linear-gradient(90deg,transparent,var(--border),var(--primary),var(--border),transparent)}header h1:before{margin-bottom:var(--space-3)}header h1:after{margin-top:var(--space-3)}header .subtitle{color:var(--text-muted);margin-top:var(--space-1)}.page-tabs{margin-top:var(--space-4);display:inline-flex;gap:var(--space-2);padding:.25rem;border:1px solid var(--border);border-radius:999px;background:var(--card-bg)}.page-tab{border:none;border-radius:999px;padding:.38rem .85rem;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--text-sm);font-weight:700;cursor:pointer;text-decoration:none;transition:background .16s ease,color .16s ease}.page-tab:hover{color:var(--text)}.page-tab.is-active{background:var(--primary);color:#fff}.guide-page{display:flex;flex-direction:column;gap:var(--space-3)}.guide-topic-bar{display:flex;justify-content:center;padding:0}.guide-section{overflow:hidden}.guide-topic-panel{min-height:320px}.guide-topic-tabs{margin-top:0;display:flex;justify-content:center;flex-wrap:nowrap;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-width:100%}.guide-topic-tab{border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-muted);font-size:var(--text-sm);font-weight:700;padding:.35rem .75rem;white-space:nowrap;flex:0 0 auto;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.guide-topic-tab:hover{border-color:var(--primary);color:var(--text)}.guide-topic-tab.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.guide-lead{font-size:var(--text-base);color:var(--text-muted);line-height:1.65}.guide-steps{margin:0;padding-left:1.15rem;display:grid;gap:.45rem}.guide-paragraph{font-size:var(--text-sm);color:var(--text);line-height:1.65;margin-bottom:var(--space-3)}.guide-grid{display:grid;gap:var(--space-4)}.guide-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--bg);box-shadow:inset 0 1px #ffffff59}.guide-card h4{margin-bottom:var(--space-2);font-size:var(--text-sm)}.guide-element-legend{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:var(--space-2)}.guide-element-chip{display:inline-flex;align-items:center;justify-content:center;min-width:3.9rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border);font-size:var(--text-xs);font-weight:700;line-height:1.3}.guide-element-chip-wood{background:var(--wood-bg);color:var(--wood-text);border-color:var(--wood-border)}.guide-element-chip-fire{background:var(--fire-bg);color:var(--fire-text);border-color:var(--fire-border)}.guide-element-chip-earth{background:var(--earth-bg);color:var(--earth-text);border-color:var(--earth-border)}.guide-element-chip-metal{background:var(--metal-bg);color:var(--metal-text);border-color:var(--metal-border)}.guide-element-chip-water{background:var(--water-bg);color:var(--water-text);border-color:var(--water-border)}.guide-ganzhi-tag{display:inline-flex;align-items:center;justify-content:space-between;gap:.38rem;padding:.18rem .22rem .18rem .52rem;border-radius:999px;border:1px solid var(--border);font-size:var(--text-sm);font-weight:700;letter-spacing:.02em}.guide-ganzhi-tag-yang{box-shadow:inset 0 0 0 1px #ffffff59}.guide-ganzhi-tag-yin{box-shadow:inset 0 0 0 1px #0000000a}.guide-ganzhi-text{white-space:nowrap}.guide-ganzhi-polarity-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;padding:.03rem .34rem;border-radius:999px;font-size:.68rem;font-weight:800;border:1px solid transparent;line-height:1.2}.guide-ganzhi-polarity-badge-yang{color:#8f5f00;background:#ffd68059;border-color:#b0790047}.guide-ganzhi-polarity-badge-yin{color:#294e93;background:#a8c2f659;border-color:#3961a847}.guide-ganzhi-tag-wood{background:var(--wood-bg);color:var(--wood-text);border-color:var(--wood-border)}.guide-ganzhi-tag-fire{background:var(--fire-bg);color:var(--fire-text);border-color:var(--fire-border)}.guide-ganzhi-tag-earth{background:var(--earth-bg);color:var(--earth-text);border-color:var(--earth-border)}.guide-ganzhi-tag-metal{background:var(--metal-bg);color:var(--metal-text);border-color:var(--metal-border)}.guide-ganzhi-tag-water{background:var(--water-bg);color:var(--water-text);border-color:var(--water-border)}.guide-polarity{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;padding:.18rem .5rem;border-radius:999px;font-size:var(--text-xs);font-weight:700;border:1px solid var(--border)}.guide-polarity-yang{background:#fef2da;color:#8a5a00;border-color:#e6bb62}.guide-polarity-yin{background:#e7f0ff;color:#2f5da8;border-color:#9bb8e9}.guide-diagram{width:100%;max-width:280px;margin:0 auto;display:block;background:radial-gradient(circle at 50% 50%,rgba(74,108,247,.08),transparent 68%),radial-gradient(circle at 70% 24%,rgba(192,57,43,.08),transparent 44%);border-radius:14px}.guide-diagram-edge{stroke-width:2.5;fill:none;stroke-linecap:round;opacity:.96}.guide-diagram-edge-generate{stroke:var(--primary)}.guide-diagram-edge-control{stroke:var(--fire-border)}.guide-arrow-generate{fill:var(--primary)}.guide-arrow-control{fill:var(--fire-border)}.guide-diagram-node{stroke-width:1.4;filter:drop-shadow(0 1px 2px rgba(0,0,0,.16))}.guide-node-wood{fill:var(--wood-bg);stroke:var(--wood-border)}.guide-node-fire{fill:var(--fire-bg);stroke:var(--fire-border)}.guide-node-earth{fill:var(--earth-bg);stroke:var(--earth-border)}.guide-node-metal{fill:var(--metal-bg);stroke:var(--metal-border)}.guide-node-water{fill:var(--water-bg);stroke:var(--water-border)}.guide-diagram-label{text-anchor:middle;dominant-baseline:middle;font-size:11px;font-weight:700;fill:var(--text)}.guide-diagram-caption{margin-top:.35rem;text-align:center;font-size:var(--text-xs);color:var(--text-muted)}.hidden-chart-list{margin-top:var(--space-3);display:grid;grid-template-columns:1fr;gap:var(--space-3)}.hidden-chart-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);padding:var(--space-3);overflow-x:auto;-webkit-overflow-scrolling:touch}.hidden-chart-line{display:flex;align-items:center;gap:var(--space-3);min-width:560px}.hidden-chart-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:nowrap;flex:0 0 auto}.hidden-chart-head h4{margin:0;font-size:var(--text-base);white-space:nowrap;flex:0 0 auto}.hidden-chart-meta{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;flex:0 0 auto}.hidden-single-bar{display:flex;width:100%;min-width:260px;margin-top:0;flex:1 1 auto;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--card-bg)}.hidden-single-segment{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:.34rem .3rem;font-size:var(--text-xs);font-weight:700;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hidden-single-segment+.hidden-single-segment{border-left:1px solid rgba(255,255,255,.28)}.hidden-single-segment-wood{background:var(--wood-bg);color:var(--wood-text)}.hidden-single-segment-fire{background:var(--fire-bg);color:var(--fire-text)}.hidden-single-segment-earth{background:var(--earth-bg);color:var(--earth-text)}.hidden-single-segment-metal{background:var(--metal-bg);color:var(--metal-text)}.hidden-single-segment-water{background:var(--water-bg);color:var(--water-text)}.guide-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.guide-table th,.guide-table td{border:1px solid var(--border);padding:.45rem .5rem;text-align:left;vertical-align:top}.guide-table th{background:#00000005;font-weight:700}.guide-table-center th,.guide-table-center td{text-align:center}.guide-row-wood td:first-child{border-left:3px solid var(--wood-border)}.guide-row-fire td:first-child{border-left:3px solid var(--fire-border)}.guide-row-earth td:first-child{border-left:3px solid var(--earth-border)}.guide-row-metal td:first-child{border-left:3px solid var(--metal-border)}.guide-row-water td:first-child{border-left:3px solid var(--water-border)}@media(prefers-color-scheme:dark){.guide-table th{background:#ffffff0d}.guide-polarity-yang{background:#4a3a10;color:#ffd88a;border-color:#8a6a27}.guide-polarity-yin{background:#1d2e49;color:#b5d0ff;border-color:#476a9f}.guide-ganzhi-polarity-badge-yang{color:#ffd88a;background:#ffd88a26;border-color:#ffd88a47}.guide-ganzhi-polarity-badge-yin{color:#b5d0ff;background:#b5d0ff24;border-color:#b5d0ff47}.hidden-single-segment+.hidden-single-segment{border-left-color:#00000059}}.guide-formula-block{margin-top:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);padding:var(--space-3);display:grid;gap:var(--space-2)}.guide-formula{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--text-xs);color:var(--text-muted);line-height:1.55}.guide-topic-jump{margin-top:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);padding:var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.guide-topic-jump-text{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.guide-topic-jump-button{border:1px solid var(--primary);border-radius:999px;background:var(--primary);color:#fff;font-size:var(--text-xs);font-weight:700;padding:.28rem .72rem;white-space:nowrap;cursor:pointer;transition:filter .16s ease,transform .16s ease}.guide-topic-jump-button:hover{filter:brightness(.96)}.guide-topic-jump-button:active{transform:translateY(1px)}.guide-relation-card{margin-top:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--bg)}.guide-relation-card h4{margin:0 0 var(--space-2) 0;font-size:var(--text-sm)}.guide-relation-legend{display:flex;flex-wrap:wrap;gap:.36rem;margin-bottom:var(--space-2)}.guide-relation-legend-chip{display:inline-flex;align-items:center;border:1px dashed var(--border);border-radius:999px;background:var(--card-bg);color:var(--text-muted);font-size:.68rem;font-weight:700;padding:.16rem .5rem;white-space:nowrap}.guide-relation-tabs{display:flex;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.guide-relation-tab{border:1px solid var(--border);border-radius:999px;padding:.22rem .58rem;background:var(--card-bg);color:var(--text-muted);font-size:var(--text-xs);font-weight:700;white-space:nowrap;cursor:pointer}.guide-relation-tab.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.guide-relation-list{margin-top:var(--space-2);display:grid;gap:var(--space-2)}.guide-relation-content{margin-top:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);padding:var(--space-3);display:grid;gap:var(--space-2)}.guide-relation-content-same{border-top:3px solid var(--wood-border)}.guide-relation-content-output{border-top:3px solid var(--fire-border)}.guide-relation-content-wealth{border-top:3px solid var(--earth-border)}.guide-relation-content-officer{border-top:3px solid var(--metal-border)}.guide-relation-content-resource{border-top:3px solid var(--water-border)}.guide-relation-summary{margin:0;font-size:var(--text-xs);color:var(--text);line-height:1.6}.guide-relation-visual{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.guide-relation-visual-inline{justify-content:center;flex-wrap:nowrap}.guide-relation-visual-inline .guide-relation-node{min-width:3.75rem;padding:.16rem .42rem;font-size:.68rem}.guide-relation-visual-inline .guide-relation-connector{min-width:3.4rem;padding:.16rem .4rem;font-size:.68rem}.guide-relation-node{display:inline-flex;align-items:center;justify-content:center;min-width:4.4rem;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text);font-size:var(--text-xs);font-weight:700;padding:.22rem .6rem;line-height:1.2}.guide-relation-connector{display:inline-flex;align-items:center;justify-content:center;min-width:4rem;border-radius:999px;border:1px solid var(--border);font-size:.74rem;font-weight:800;letter-spacing:.01em;padding:.2rem .5rem;line-height:1.2}.guide-relation-connector-same{background:var(--wood-bg);color:var(--wood-text);border-color:var(--wood-border)}.guide-relation-connector-output{background:var(--fire-bg);color:var(--fire-text);border-color:var(--fire-border)}.guide-relation-connector-wealth{background:var(--earth-bg);color:var(--earth-text);border-color:var(--earth-border)}.guide-relation-connector-officer{background:var(--metal-bg);color:var(--metal-text);border-color:var(--metal-border)}.guide-relation-connector-resource{background:var(--water-bg);color:var(--water-text);border-color:var(--water-border)}.guide-relation-visual-caption{margin:-.1rem 0 0;font-size:.72rem;color:var(--text-muted)}.guide-relation-flowline{display:flex;align-items:center;gap:.38rem;flex-wrap:wrap}.guide-relation-flow-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:var(--text-xs);color:var(--text-muted)}.guide-relation-flow-arrow{color:var(--text-muted);font-size:var(--text-sm);font-weight:700}.guide-tengod-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.guide-tengod-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:var(--space-2);display:grid;gap:.14rem}.guide-tengod-criterion{margin:0;font-size:.7rem;font-weight:700;color:var(--text-muted)}.guide-tengod-name{margin:0;font-size:var(--text-sm);font-weight:800;color:var(--text)}.guide-tengod-desc{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.45}.guide-relation-note{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.55}.guide-relation-matrix-wrap{margin-top:var(--space-3)}.guide-relation-matrix-title{margin:0 0 .45rem;font-size:var(--text-xs);font-weight:700;color:var(--text-muted)}.guide-relation-matrix td,.guide-relation-matrix th{white-space:nowrap}.guide-relation-matrix td{vertical-align:middle}.guide-relation-title{margin:0;font-size:var(--text-sm);font-weight:700}.guide-relation-line{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.guide-interaction-flow{margin-bottom:var(--space-3);display:flex;align-items:center;gap:.38rem;flex-wrap:wrap}.guide-interaction-grid{margin-bottom:var(--space-3)}.guide-interaction-card{background:var(--bg)}.guide-interaction-list{display:grid;gap:var(--space-2)}.guide-interaction-list-triple{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-interaction-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);padding:var(--space-2);display:grid;gap:.2rem}.guide-interaction-item-stem{border-left:3px solid var(--primary)}.guide-interaction-item-branch{border-left:3px solid var(--fire-border)}.guide-interaction-kind{margin:0;font-size:var(--text-sm);font-weight:800;color:var(--text)}.guide-interaction-line{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.guide-interaction-label{display:inline-block;min-width:4.4rem;font-weight:700;color:var(--text)}.guide-shinsal-flow{margin-bottom:var(--space-3)}.guide-shinsal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.guide-shinsal-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);padding:var(--space-3);display:grid;gap:var(--space-2);border-left:3px solid var(--primary)}.guide-shinsal-basis{margin:0;font-size:var(--text-sm);font-weight:800;color:var(--text)}.guide-shinsal-stars{display:flex;flex-wrap:wrap;gap:.34rem}.guide-shinsal-star-chip{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;background:var(--card-bg);color:var(--text-muted);font-size:.7rem;font-weight:700;padding:.16rem .48rem;white-space:nowrap}.guide-shinsal-line{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.55}@media(max-width:820px){.guide-tengod-grid,.guide-interaction-list-triple,.guide-shinsal-grid{grid-template-columns:1fr}}form{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3) var(--space-4)}.form-group label{display:block;font-size:.8125rem;font-weight:600;margin-bottom:.3rem;color:var(--text-muted)}.form-group .label-hint{font-size:var(--text-xs);font-weight:500;color:var(--text-muted)}.form-group input:not([type=checkbox]),.form-group select{width:100%;height:38px;padding:0 .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9375rem;background:var(--bg);color:var(--text);transition:border-color .2s,box-shadow .2s}.form-group input:hover,.form-group select:hover{border-color:var(--primary)}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:14px;padding-right:2.25rem}.form-group input:not([type=checkbox]):focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a6cf726}.form-group.has-error input:not([type=checkbox]),.form-group.has-error select{border-color:var(--fire-border);box-shadow:0 0 0 3px #c0392b24}.form-field-error{margin-top:.25rem;font-size:var(--text-xs);color:var(--fire-border);font-weight:600;line-height:1.4}.form-validation-summary{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--fire-border);border-radius:var(--radius-md);background:var(--fire-bg);color:var(--fire-text);font-size:var(--text-sm)}.form-divider{border:none;border-top:1px dashed var(--border);margin:var(--space-3) 0}.form-primary{grid-template-columns:3fr 2fr 4fr 3fr}.form-saju{grid-template-columns:1fr auto 3fr 2fr;gap:var(--space-2) var(--space-3)}.form-group label.checkbox-control{display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;font-size:.9375rem;font-weight:400;color:var(--text);width:100%;height:38px;padding:0 .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);margin-bottom:0;white-space:nowrap}.checkbox-control input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;border-radius:10px;background:var(--border);position:relative;cursor:pointer;flex-shrink:0;transition:background .2s;margin:0}.checkbox-control input[type=checkbox]:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s}.checkbox-control input[type=checkbox]:checked{background:var(--primary)}.checkbox-control input[type=checkbox]:checked:before{transform:translate(16px)}.loading-indicator{display:flex;justify-content:center;align-items:center;gap:.75rem;text-align:center;padding:var(--space-8);color:var(--text-muted)}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-dashboard{display:flex;flex-direction:column;gap:var(--space-6)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-dashboard>*{animation:fadeInUp .4s ease-out both}.result-dashboard>*:nth-child(1){animation-delay:0s}.result-dashboard>*:nth-child(2){animation-delay:.06s}.result-dashboard>*:nth-child(3){animation-delay:.12s}.result-dashboard>*:nth-child(4){animation-delay:.18s}.result-dashboard>*:nth-child(5){animation-delay:.24s}.result-dashboard>*:nth-child(6){animation-delay:.3s}.result-dashboard>*:nth-child(7){animation-delay:.36s}.result-dashboard>*:nth-child(8){animation-delay:.42s}.result-dashboard>*:nth-child(9){animation-delay:.48s}.result-dashboard>*:nth-child(10){animation-delay:.54s}@media(prefers-reduced-motion:reduce){.result-dashboard>*{animation:none}}.section{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.section h2{font-size:var(--text-lg);margin-bottom:var(--space-3)}.section h3{font-size:1.1rem;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--border);position:relative;padding-left:var(--space-4)}.section h3:before{content:"";position:absolute;left:0;top:.15em;bottom:.55em;width:3px;border-radius:2px;background:var(--primary)}.profile-summary{font-size:.9rem;color:var(--text-muted);line-height:1.6}.strength-summary{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg);border-radius:var(--radius-md)}.verdict-badge{font-size:var(--text-md);font-weight:700;padding:.35rem 1rem;border-radius:20px;white-space:nowrap}.verdict-strong{background:var(--fire-bg);color:var(--fire-text);border:1px solid var(--fire-border)}.verdict-weak{background:var(--water-bg);color:var(--water-text);border:1px solid var(--water-border)}.verdict-neutral{background:var(--earth-bg);color:var(--earth-text);border:1px solid var(--earth-border)}.strength-score{display:flex;align-items:baseline;gap:.3rem}.score-number{font-size:1.5rem;font-weight:700}.score-unit{font-size:var(--text-sm);color:var(--text-muted)}.strength-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.strength-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem .75rem;border-radius:var(--radius-sm);background:var(--bg);font-size:.9rem}.strength-label{font-weight:600;color:var(--text-muted)}.strength-value{font-weight:600}.strength-positive{color:var(--wood-text)}.strength-negative{color:var(--fire-text)}.strength-detail{font-weight:400;font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:640px){.strength-details{grid-template-columns:1fr}}.pillar-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.pillar-table-wrap::-webkit-scrollbar{height:4px}.pillar-table-wrap::-webkit-scrollbar-track{background:transparent}.pillar-table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.pillar-table{display:grid;width:100%;min-width:calc(var(--pt-cols, 6) * 88px);grid-template-columns:repeat(var(--pt-cols, 6),minmax(0,1fr));gap:0}.pt-row{display:contents}.pt-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;display:flex;align-items:center;padding:var(--space-1) var(--space-2)}.pt-cell{text-align:center;padding:var(--space-1)}.pt-header .pt-cell{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);padding-bottom:var(--space-2)}.pt-card{font-size:var(--text-md);font-weight:700;padding:.5rem .35rem;border-radius:var(--radius-md);min-width:2.25rem}.pt-card.pt-day{box-shadow:0 0 0 2.5px var(--primary),var(--shadow-sm);position:relative}.pt-sub{font-size:var(--text-sm);color:var(--text-muted);margin-top:.15rem}.pt-god{font-size:var(--text-sm);color:var(--text-muted);padding:.15rem}.pt-text{font-size:var(--text-sm);padding:.15rem}.pt-divider{border-left:2px solid var(--border)}.pt-row:nth-child(2) .pt-cell,.pt-row:nth-child(2) .pt-label{background:#00000005}.pt-row:nth-child(4) .pt-cell,.pt-row:nth-child(4) .pt-label{border-top:1px solid var(--border)}.pt-row:nth-child(n+6) .pt-cell{background:#00000004}.pt-row:nth-child(n+6) .pt-god,.pt-row:nth-child(n+6) .pt-text{font-size:var(--text-xs)}@media(prefers-color-scheme:dark){.pt-row:nth-child(2) .pt-cell,.pt-row:nth-child(2) .pt-label{background:#ffffff05}.pt-row:nth-child(n+6) .pt-cell{background:#ffffff05}}.element-wood{background:var(--wood-bg);border-color:var(--wood-border);color:var(--wood-text)}.element-fire{background:var(--fire-bg);border-color:var(--fire-border);color:var(--fire-text)}.element-earth{background:var(--earth-bg);border-color:var(--earth-border);color:var(--earth-text)}.element-metal{background:var(--metal-bg);border-color:var(--metal-border);color:var(--metal-text)}.element-water{background:var(--water-bg);border-color:var(--water-border);color:var(--water-text)}.info-list{display:flex;flex-direction:column;gap:.4rem}.info-row{display:flex;gap:.5rem;font-size:.95rem;padding:.3rem 0}.info-label{font-weight:600;white-space:nowrap;min-width:5rem}.info-label:after{content:":"}.info-value{flex:1}.yongshin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-3)}.yongshin-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border)}.yongshin-good{border-left:3px solid var(--wood-border)}.yongshin-bad{border-left:3px solid var(--fire-border)}.yongshin-label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.yongshin-element{font-size:var(--text-md);min-width:3rem;text-align:center}.yongshin-method{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-3);text-align:center}.yongshin-rationale{margin-top:var(--space-3);margin-bottom:var(--space-3);padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.yongshin-rationale-title{font-size:var(--text-sm);font-weight:700;margin-bottom:.2rem}.yongshin-rationale-line{font-size:var(--text-xs);color:var(--text-muted);line-height:1.45}@media(max-width:640px){.yongshin-grid{grid-template-columns:repeat(2,1fr)}}.elements-section{display:grid;grid-template-columns:1fr 200px;gap:var(--space-6);align-items:center}.elements-bars{display:flex;flex-direction:column;gap:var(--space-2)}.element-bar-group{display:flex;align-items:center;gap:var(--space-2)}.element-bar-label{min-width:2.5rem;font-weight:600;font-size:.85rem;text-align:center;padding:.15rem .4rem;border-radius:4px}.element-bar-track{flex:1;height:20px;background:var(--bg);border-radius:var(--radius-md);overflow:hidden}.element-bar-fill{height:100%;border-radius:var(--radius-md);min-width:2px;animation:barGrow .6s ease-out both}.element-bar-fill.element-wood{background:var(--wood-border);animation-delay:0s}.element-bar-fill.element-fire{background:var(--fire-border);animation-delay:.08s}.element-bar-fill.element-earth{background:var(--earth-border);animation-delay:.16s}.element-bar-fill.element-metal{background:var(--metal-border);animation-delay:.24s}.element-bar-fill.element-water{background:var(--water-border);animation-delay:.32s}@keyframes barGrow{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@media(prefers-reduced-motion:reduce){.element-bar-fill{animation:none}}.element-bar-count{min-width:1.5rem;text-align:right;font-weight:600;font-size:.9rem}.chart-container{max-width:200px}.luck-timeline{display:flex;flex-direction:row-reverse;gap:var(--space-2);overflow-x:auto;padding:var(--space-2) 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;background:linear-gradient(90deg,var(--card-bg) 20px,transparent) left / 40px 100%,linear-gradient(-90deg,var(--card-bg) 20px,transparent) right / 40px 100%,linear-gradient(90deg,rgba(0,0,0,.08),transparent) left / 14px 100%,linear-gradient(-90deg,rgba(0,0,0,.08),transparent) right / 14px 100%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}.luck-timeline::-webkit-scrollbar{height:4px}.luck-timeline::-webkit-scrollbar-track{background:transparent}.luck-timeline::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.luck-timeline::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.luck-card{min-width:90px;flex-shrink:0;border-radius:var(--radius-md);padding:.4rem;text-align:center;border:1px solid var(--border);scroll-snap-align:start;min-height:120px;min-width:60px;transition:box-shadow .2s,border-color .2s}.luck-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.luck-card .pt-card{font-size:.85rem;padding:.35rem .25rem;margin:0 auto}.luck-card .pt-sub{font-size:var(--text-xs);margin-top:.1rem;margin-bottom:.15rem}.luck-age{font-size:var(--text-xs);font-weight:600;margin-bottom:.2rem}.luck-god{font-size:var(--text-xs);color:var(--text-muted);padding:.1rem 0}.luck-stage{font-size:var(--text-xs);color:var(--text-muted);margin-top:.1rem}.luck-period{font-size:var(--text-xs);color:var(--text-muted);margin-top:.2rem;white-space:nowrap}.luck-compact{gap:.3rem;overflow-x:visible;flex-wrap:nowrap}.luck-compact .luck-card{min-width:0;min-height:0;flex:1 1 0;padding:.3rem .15rem}.luck-compact .luck-card .pt-card{font-size:.8rem;padding:.3rem .1rem}.luck-compact .luck-card .pt-sub{font-size:var(--text-xs)}.luck-compact .luck-age{font-size:var(--text-xs);margin-bottom:.15rem}.luck-compact .luck-god,.luck-compact .luck-stage{font-size:var(--text-xs)}.luck-compact .luck-period{font-size:var(--text-xs);line-height:1.3}.luck-card.luck-current{box-shadow:0 0 0 2px var(--primary),var(--shadow-md);background:#4a6cf70a}@media(prefers-color-scheme:dark){.luck-card.luck-current{background:#6c8cff0f}}.section-relations{position:relative;z-index:11;overflow:visible}.relations-list{display:flex;flex-direction:column;gap:.4rem}.relation-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.9rem;overflow:visible;transition:box-shadow .2s,background .15s}.relation-item:hover{box-shadow:var(--shadow-sm);background:#00000003}@media(prefers-color-scheme:dark){.relation-item:hover{background:#ffffff05}}.relation-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:0}.relation-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.relation-title-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.relation-type{font-weight:700}.relation-easy{font-size:var(--text-xs);font-weight:700;padding:.1rem .45rem;border-radius:999px;border:1px solid var(--border)}.relation-easy-good{background:var(--wood-bg);color:var(--wood-text);border-color:var(--wood-border)}.relation-easy-warn{background:var(--fire-bg);color:var(--fire-text);border-color:var(--fire-border)}.relation-easy-neutral{background:var(--water-bg);color:var(--water-text);border-color:var(--water-border)}.relation-meta{font-size:var(--text-xs);color:var(--text-muted);display:block}.relation-help{font-size:var(--text-sm);font-weight:600;display:block}.relation-hover{position:absolute;left:50%;bottom:calc(100% + .35rem);z-index:1200;width:max-content;min-width:240px;max-width:min(92vw,560px);padding:.45rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;pointer-events:none}.relation-item.is-open .relation-hover{opacity:1;visibility:visible;transform:translate(-50%)}.relation-hover-title,.relation-hover-legend{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:.3rem}.relation-mini-table{display:grid;grid-template-columns:repeat(var(--rel-cols, 4),minmax(0,1fr));gap:.3rem .28rem;min-width:calc(var(--rel-cols, 4) * 82px)}.relation-mini-row{display:contents}.relation-mini-cell{text-align:center}.relation-mini-header .relation-mini-cell{display:flex;flex-direction:column;gap:.08rem}.relation-mini-pos{font-size:var(--text-xs);font-weight:700;white-space:nowrap}.relation-mini-card{font-size:.7rem;padding:.25rem .2rem;border-radius:8px;min-width:0;white-space:nowrap}.relation-mini-cell.is-stem-involved .relation-mini-card{box-shadow:0 0 0 2px var(--water-border)}.relation-mini-cell.is-branch-involved .relation-mini-card{box-shadow:0 0 0 2px var(--wood-border)}.interaction-hap,.interaction-yukhap,.interaction-banghap,.interaction-samhap{border-left:4px solid var(--wood-border);background:#3a7d3a0a}.interaction-chung,.interaction-hyung{border-left:4px solid var(--fire-border);background:#c0392b0a}.interaction-pa{border-left:4px solid var(--earth-border);background:#c8870a0a}.interaction-hae{border-left:4px solid var(--metal-border);background:#8a90990a}@media(prefers-color-scheme:dark){.interaction-hap,.interaction-yukhap,.interaction-banghap,.interaction-samhap{background:#4caf500f}.interaction-chung,.interaction-hyung{background:#ef53500f}.interaction-pa{background:#ffc1070f}.interaction-hae{background:#b0b5be0f}}.info-list .info-row:nth-child(2n){background:#00000005;border-radius:var(--radius-sm);padding:.3rem var(--space-2)}@media(prefers-color-scheme:dark){.info-list .info-row:nth-child(2n){background:#ffffff05}}.shinsal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.4rem}.section-shinsal{position:relative;z-index:12;overflow:visible}.shinsal-item{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:visible;transition:box-shadow .2s,border-color .2s}.shinsal-item:hover{box-shadow:var(--shadow-sm);border-color:var(--primary)}.shinsal-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;width:100%;display:flex;flex-direction:column;gap:.3rem;padding:0}.shinsal-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.shinsal-head{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.shinsal-name{font-weight:700;font-size:.9rem}.shinsal-tone{font-size:var(--text-xs);font-weight:700;padding:.1rem .45rem;border-radius:999px;border:1px solid var(--border)}.shinsal-tone-good{background:var(--wood-bg);color:var(--wood-text);border-color:var(--wood-border)}.shinsal-tone-warn{background:var(--fire-bg);color:var(--fire-text);border-color:var(--fire-border)}.shinsal-tone-neutral{background:var(--water-bg);color:var(--water-text);border-color:var(--water-border)}.shinsal-desc{font-size:var(--text-sm);display:block}.shinsal-meta{font-size:var(--text-xs);color:var(--text-muted);display:block}.shinsal-hover{position:absolute;left:50%;bottom:calc(100% + .35rem);z-index:1200;width:max-content;min-width:240px;max-width:min(92vw,560px);padding:.45rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;pointer-events:none}.shinsal-item.is-open .shinsal-hover{opacity:1;visibility:visible;transform:translate(-50%)}.shinsal-hover-title{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:.3rem}.shinsal-hover-legend{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:.2rem}.shinsal-mini-table{display:grid;grid-template-columns:repeat(var(--sh-cols, 4),minmax(0,1fr));gap:.3rem .28rem;min-width:calc(var(--sh-cols, 4) * 82px)}.shinsal-mini-row{display:contents}.shinsal-mini-cell{text-align:center}.shinsal-mini-header .shinsal-mini-cell{display:flex;flex-direction:column;gap:.08rem}.shinsal-mini-pos{font-size:var(--text-xs);font-weight:700;white-space:nowrap}.shinsal-mini-card{font-size:.7rem;padding:.25rem .2rem;border-radius:8px;min-width:0;white-space:nowrap}.shinsal-mini-cell.is-basis .shinsal-mini-card{box-shadow:0 0 0 2px var(--water-border)}.shinsal-mini-cell.is-found .shinsal-mini-card{box-shadow:0 0 0 2px var(--wood-border)}.shinsal-mini-cell.is-basis.is-found .shinsal-mini-card{box-shadow:0 0 0 2px var(--water-border),0 0 0 4px var(--wood-border)}.error-message{background:var(--fire-bg);border:2px solid var(--fire-border);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--fire-text)}.error-message h3{border:none;margin-bottom:var(--space-2)}.error-message h3:before{display:none}@media(max-width:640px){.container{padding:var(--space-4) var(--space-3)}.page-tabs{width:100%;justify-content:center}.page-tab{flex:1 1 0}.hidden-chart-list,.guide-grid-2{grid-template-columns:1fr}.guide-table{font-size:var(--text-xs)}.pillar-table{min-width:calc(var(--pt-cols, 6) * 76px)}.pt-label{display:none}.elements-section{grid-template-columns:1fr}.chart-container{max-width:180px;margin:0 auto}.form-grid{grid-template-columns:1fr 1fr}.form-primary{grid-template-columns:1fr 1fr;max-width:none}.form-saju{grid-template-columns:repeat(3,1fr);gap:var(--space-2) var(--space-3)}.luck-card{min-width:120px}}@media(max-width:400px){.form-grid,.form-primary{grid-template-columns:1fr}.form-saju{grid-template-columns:1fr 1fr}}