:root{--bg-primary: #0b0f19;--bg-secondary: #131b2e;--bg-card: rgba(22, 30, 49, .75);--bg-card-hover: rgba(30, 41, 67, .85);--border-glow: rgba(212, 175, 55, .3);--border-subtle: rgba(255, 255, 255, .1);--gold-primary: #d4af37;--gold-light: #f3e5ab;--gold-glow: rgba(212, 175, 55, .4);--text-main: #f0f4f8;--text-muted: #94a3b8;--text-gold: #f6d365;--wood-color: #4caf50;--wood-bg: rgba(76, 175, 80, .12);--fire-color: #ef5350;--fire-bg: rgba(239, 83, 80, .12);--earth-color: #fbc02d;--earth-bg: rgba(251, 192, 45, .12);--metal-color: #cfd8dc;--metal-bg: rgba(207, 216, 220, .12);--water-color: #42a5f5;--water-bg: rgba(66, 165, 245, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-glow: 0 8px 32px 0 rgba(0, 0, 0, .45);--font-sans: "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);line-height:1.6;min-height:100vh;overflow-x:hidden}.app-container{position:relative;min-height:100vh;width:100%}.bg-decor-stars{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#ffffff 100%,transparent),radial-gradient(1.5px 1.5px at 40px 70px,rgba(255,255,255,.7) 100%,transparent),radial-gradient(2px 2px at 90px 40px,#ffd700 100%,transparent),radial-gradient(1px 1px at 130px 80px,#fff 100%,transparent),radial-gradient(2px 2px at 160px 120px,rgba(212,175,55,.8) 100%,transparent);background-repeat:repeat;background-size:200px 200px;opacity:.35;pointer-events:none;z-index:0}.bg-decor-nebula{position:fixed;top:-20%;left:50%;transform:translate(-50%);width:1200px;height:800px;background:radial-gradient(circle,rgba(100,70,180,.15) 0%,rgba(212,175,55,.08) 40%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.app-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.app-header{text-align:center;margin-bottom:2.5rem}.header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:50px;background:#d4af371f;border:1px solid var(--border-glow);color:var(--gold-light);font-size:.85rem;font-weight:500;margin-bottom:1rem;box-shadow:0 0 15px #d4af3726}.icon-spin{animation:spin 20s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:700;color:#fff;letter-spacing:-.5px;margin-bottom:.5rem;text-shadow:0 0 20px rgba(212,175,55,.3)}.title-sub{font-size:1.6rem;color:var(--gold-primary);margin-left:.4rem;font-weight:400}.header-subtitle{color:var(--text-muted);font-size:1rem}.saju-form-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-glow);transition:border-color .3s ease}.saju-form-card:hover{border-color:var(--border-glow)}.form-header{margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1rem}.form-header h2{font-family:var(--font-serif);color:var(--gold-light);font-size:1.5rem;margin-bottom:.4rem}.form-subtitle{color:var(--text-muted);font-size:.9rem}.form-grid{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.6rem}.row-group{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.field-label{display:flex;align-items:center;gap:.4rem;font-weight:600;color:#e2e8f0;font-size:.95rem}.label-hint{font-size:.8rem;color:var(--text-muted);font-weight:400}.segmented-control{display:flex;background:#0a0f1999;border-radius:var(--radius-sm);padding:4px;border:1px solid var(--border-subtle)}.segmented-btn{flex:1;padding:.6rem;border:none;background:transparent;color:var(--text-muted);font-weight:500;font-size:.9rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.segmented-btn.active{background:var(--gold-primary);color:#0b0f19;font-weight:700;box-shadow:0 2px 8px #d4af3766}.checkbox-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.leap-checkbox{margin-top:.5rem}.date-inputs,.time-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.time-inputs{grid-template-columns:repeat(2,1fr)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:.75rem 2.2rem .75rem 1rem;background:#0a0f1999;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#fff;font-size:1rem;font-weight:600;outline:none;transition:all .2s ease}.input-wrapper input::placeholder{color:#94a3b880!important;font-weight:400!important;font-style:italic}.input-wrapper input:focus{border-color:var(--gold-primary);box-shadow:0 0 10px #d4af3733}.input-wrapper .unit{position:absolute;right:1rem;color:var(--text-muted);font-size:.85rem;pointer-events:none}.date-selects-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%}.date-selects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.mobile-date-select{width:100%;padding:.65rem .4rem;font-size:.9rem;font-weight:600;text-align:center;text-align-last:center}.native-picker-row{position:relative;width:100%;margin-top:.2rem}.native-date-hidden-input{position:absolute;opacity:0;width:100%;height:100%;left:0;top:0;cursor:pointer;z-index:2}.native-picker-btn{width:100%;padding:.55rem .8rem;background-color:#6366f11f;border:1px dashed #6366f1;border-radius:var(--radius-sm);color:#a5b4fc;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s ease}.native-picker-btn:hover{background-color:#6366f140}.city-select-group{display:flex;gap:1rem}.city-select{flex:1;padding:.75rem 1rem;background:#0a0f1999;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#fff;font-size:.95rem;outline:none;cursor:pointer}.city-select:focus{border-color:var(--gold-primary)}.field-tip{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.submit-btn{width:100%;margin-top:2rem;padding:1rem;background:linear-gradient(135deg,#d4af37,#b8860b);color:#0a0e1a;font-weight:700;font-size:1.1rem;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 4px 20px #d4af3759;transition:all .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #d4af3780}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.result-wrapper{display:flex;flex-direction:column;gap:2rem}.result-controls{display:flex;justify-content:flex-end}.reset-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#ffffff14;border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;transition:all .2s ease}.reset-btn:hover{background:#ffffff26;border-color:var(--gold-primary)}.summary-info-card{background:linear-gradient(135deg,#d4af3726,#141e32b3);border:1px solid var(--border-glow);border-radius:var(--radius-md);padding:1.2rem 1.8rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.summary-badge{display:flex;align-items:center;gap:.4rem;font-weight:700;color:var(--gold-light);font-size:1.1rem}.summary-details{display:flex;gap:1.5rem;flex-wrap:wrap}.sum-item{display:flex;gap:.4rem;font-size:.9rem}.sum-lbl{color:var(--text-muted)}.sum-val{color:#fff;font-weight:600}.saju-result-section{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-glow)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1rem;flex-wrap:wrap;gap:1rem}.section-header h2{font-family:var(--font-serif);color:var(--gold-light);font-size:1.6rem}.reading-notice{font-size:.82rem;color:var(--text-muted);margin-left:.5rem}.copy-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:#d4af3726;border:1px solid var(--border-glow);color:var(--gold-light);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:all .2s ease}.copy-btn:hover{background:#d4af374d}.table-responsive-wrapper{width:100%;overflow-x:auto}.saju-table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:center;min-width:0}.saju-table td{width:25%;padding:.6rem .3rem;border:1px solid rgba(255,255,255,.08)}.saju-table th{background:#0a0f19cc;color:var(--gold-light);font-family:var(--font-serif);font-size:1.1rem}.col-label{width:15%;background:#0f172ae6!important}.col-pillar{width:21.25%}.row-label{background:#0f172a99;font-weight:600;color:var(--text-muted);font-size:.9rem}.sipsung-badge{display:inline-block;padding:.25rem .75rem;background:#ffffff14;border-radius:50px;font-size:.85rem;color:#e2e8f0}.sipsung-badge.me-badge{background:var(--gold-primary);color:#0b0f19;font-weight:700}.character-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;background:#0a0f19b3;border:2px solid var(--border-subtle);border-radius:var(--radius-md);margin:0 auto;max-width:110px}.character-card.unknown{color:var(--text-muted);border-style:dashed}.char-hanja{font-family:var(--font-serif);font-size:2.2rem;font-weight:700;line-height:1.1}.char-kor{font-size:.9rem;margin-top:.2rem;color:inherit;font-weight:600}.jijanggan-group{display:flex;justify-content:center;gap:.4rem;font-size:.82rem}.jj-item{color:var(--text-muted)}.jj-item.main{color:#fff;font-weight:600}.unseong-tag{font-size:.9rem;color:var(--gold-light);font-weight:500}.legend-bar{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-top:1.5rem;font-size:.85rem;color:var(--text-muted);flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:.3rem}.tst-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.8rem}.tst-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.8rem}.tst-card h3{font-family:var(--font-serif);color:var(--gold-light);font-size:1.3rem}.tst-badge{font-size:.8rem;color:var(--text-muted);background:#ffffff0d;padding:.2rem .6rem;border-radius:4px}.tst-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.2rem}.tst-item{background:#0a0f1980;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.8rem;display:flex;flex-direction:column;gap:.3rem}.tst-item.highlight{border-color:var(--border-glow);background:#d4af3714}.tst-item.tst-final{background:#d4af372e;border-color:var(--gold-primary)}.tst-label{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--text-muted)}.tst-val{font-size:1.1rem;font-weight:700;color:#fff}.tst-val.minus{color:#90caf9}.tst-val.plus{color:#ffab91}.tst-solar-time{color:var(--gold-light);font-size:1.3rem}.joja-badge{font-size:.8rem;color:#ffb74d;font-weight:400}.tst-explanation{background:#0f172a99;border-radius:var(--radius-sm);padding:.9rem;font-size:.85rem;color:var(--text-muted)}.exp-text{margin-top:.3rem;line-height:1.5}.element-chart-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.8rem}.element-chart-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.8rem}.element-chart-card h3{font-family:var(--font-serif);color:var(--gold-light);font-size:1.3rem}.total-badge{font-size:.85rem;color:var(--text-muted)}.element-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.element-card{border-radius:var(--radius-md);padding:1rem;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.8rem}.elem-top{display:flex;align-items:center;justify-content:space-between}.elem-name{font-weight:700;font-size:1rem}.status-pill{font-size:.75rem;padding:.2rem .5rem;border-radius:50px}.status-missing{background:#f4433633;color:#ef5350}.status-weak{background:#ff980033;color:#ffb74d}.status-balanced{background:#4caf5033;color:#81c784}.status-excess{background:#9c27b033;color:#ba68c8}.elem-middle{display:flex;justify-content:space-between;align-items:baseline}.elem-count{font-size:1.4rem;font-weight:800}.elem-ratio{font-size:.9rem;color:var(--text-muted)}.progress-bar-bg{height:6px;width:100%;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width .5s ease-out}.daeun-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.8rem}.daeun-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.8rem;flex-wrap:wrap;gap:.5rem}.daeun-card h3{font-family:var(--font-serif);color:var(--gold-light);font-size:1.3rem}.daeun-info-pill{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);background:#0a0f1999;padding:.4rem .8rem;border-radius:50px}.daeun-grid-container{display:grid;grid-template-columns:repeat(8,1fr);gap:.6rem;margin-bottom:1rem}.daeun-item-card{background:#0a0f1999;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.8rem .4rem;text-align:center;display:flex;flex-direction:column;gap:.3rem;transition:transform .2s ease,border-color .2s ease}.daeun-item-card:hover{transform:translateY(-3px);border-color:var(--gold-primary)}.daeun-age{font-size:.8rem;color:var(--gold-light);font-weight:700}.daeun-ganji{font-family:var(--font-serif);font-size:1.1rem;font-weight:700}.daeun-sipsung{font-size:.75rem;color:var(--text-muted)}.daeun-note{font-size:.8rem;color:var(--text-muted)}.app-footer{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);font-size:.85rem;color:var(--text-muted)}@media (max-width: 868px){.row-group{grid-template-columns:1fr}.daeun-grid-container{grid-template-columns:repeat(4,1fr)}}@media (max-width: 600px){.app-content{padding:.8rem .5rem}.header-title{font-size:1.7rem}.title-sub{font-size:1.1rem}.saju-form-card{padding:1.25rem .85rem}.date-inputs{grid-template-columns:repeat(3,1fr);gap:.4rem}.date-inputs .input-wrapper input{padding:.65rem 1.6rem .65rem .5rem;font-size:.85rem}.date-inputs .input-wrapper .unit{right:.4rem;font-size:.75rem}.mobile-date-select{padding:.65rem .2rem;font-size:.82rem}.saju-result-section{padding:1rem .6rem}.table-responsive-wrapper{overflow-x:hidden}.saju-table{min-width:0!important;width:100%;table-layout:fixed}.saju-table td{padding:.35rem .15rem;width:25%}.character-card{max-width:100%;aspect-ratio:1 / 1;padding:.35rem .15rem}.char-hanja{font-size:1.75rem}.char-kor{font-size:.78rem}.sipsung-badge{padding:.15rem .3rem;font-size:.76rem}.jj-item{font-size:.74rem}.unseong-tag,.gilsung-badge,.gongmang-badge,.nabeum-tag{font-size:.73rem;padding:.12rem .3rem}.daeun-grid-container,.seun-grid-container,.wolun-grid-container{grid-template-columns:repeat(2,1fr)}.summary-info-card{flex-direction:column;align-items:flex-start;padding:.8rem 1rem}}.badge-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem}.gilsung-badge{display:inline-block;padding:.2rem .5rem;background:#eab30826;border:1px solid rgba(234,179,8,.4);border-radius:4px;color:#fef08a;font-size:.78rem;font-weight:600}.silsang-badge{display:inline-block;padding:.2rem .5rem;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:4px;color:#93c5fd;font-size:.78rem}.silsang-badge.rooted{background:#22c55e26;border-color:#22c55e66;color:#86efac;font-weight:600}.gongmang-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.76rem;font-weight:600}.gongmang-badge.day{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5}.gongmang-badge.year{background:#a855f733;border:1px solid rgba(168,85,247,.4);color:#d8b4fe}.nabeum-tag{font-size:.84rem;color:#fef08a;font-weight:500}.text-gold{color:#fbbf24!important;font-weight:600}.expert-control-bar{background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);padding:.8rem 1.2rem;margin-bottom:1.2rem;display:flex;flex-direction:column;gap:.6rem}.control-bar-header{display:flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:700;color:#fef08a}.control-toggles-group{display:flex;flex-wrap:wrap;gap:.5rem}.toggle-pill-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:#94a3b8;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-pill-btn:hover{background:#ffffff1a;color:#fff}.toggle-pill-btn.active{background:#f59e0b26;border-color:#f59e0b99;color:#fbbf24;font-weight:600}.none-badge{color:var(--text-muted);font-size:.85rem}.sub-lbl{font-size:.72rem;color:var(--text-muted);font-weight:400}.relation-grid-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.35rem .2rem;background:#0a0f1999;border:1px solid rgba(239,68,68,.4);border-radius:6px;max-width:86px;margin:0 auto}.rel-row{font-size:.8rem;font-weight:600;line-height:1.2}.rel-row.samhab{color:#f8fafc}.rel-row.banghab{color:#cbd5e1}.rel-row.matched{color:#ef4444;font-weight:700}.rel-row.none{color:var(--text-muted)}.shinsal-tag{display:inline-block;padding:.2rem .6rem;background:#0ea5e926;border:1px solid rgba(14,165,233,.35);border-radius:4px;color:#7dd3fc;font-size:.82rem;font-weight:600}.daeun-item-card{cursor:pointer}.daeun-item-card.active{border-color:var(--gold-primary);background:#d9770633;box-shadow:0 0 12px #d977064d}.daeun-select-tag{font-size:.7rem;margin-top:.2rem;color:var(--gold-light);font-weight:500}.seun-section-card,.wolun-section-card{background:#0f172ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;margin-top:1.5rem}.header-title-group{display:flex;align-items:center;gap:.8rem}.header-title-group h3{font-size:1.25rem;color:var(--gold-light);margin:0;display:flex;align-items:center;gap:.5rem}.subtitle-pill{background:#ffffff1a;padding:.2rem .6rem;border-radius:20px;font-size:.8rem;color:#cbd5e1}.section-hint{font-size:.82rem;color:var(--text-muted);margin-top:.4rem;margin-bottom:1rem}.seun-grid-container{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.seun-item-card{background:#0a0f19b3;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.8rem .5rem;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;transition:all .2s ease}.seun-item-card:hover{transform:translateY(-3px);border-color:#38bdf8;box-shadow:0 4px 12px #38bdf833}.seun-item-card.active{border-color:#38bdf8;background:#0ea5e926;box-shadow:0 0 14px #38bdf859}.seun-card-top{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;padding-bottom:.2rem;border-bottom:1px solid rgba(255,255,255,.06)}.seun-year{color:#f1f5f9;font-weight:600}.seun-age{color:var(--gold-light);font-weight:700}.seun-ganji{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:#fff;margin:.2rem 0}.seun-sipsung{font-size:.78rem;color:#cbd5e1}.seun-unseong-shinsal{font-size:.74rem;color:var(--text-muted);display:flex;justify-content:center;align-items:center;gap:.3rem}.seun-unseong-shinsal .unseong{color:#a7f3d0}.seun-unseong-shinsal .shinsal{color:#fef08a}.click-indicator{display:flex;align-items:center;justify-content:center;gap:.1rem;font-size:.7rem;color:#38bdf8;margin-top:.3rem}.wolun-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.wolun-item-card{background:#0a0f19bf;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.8rem .6rem;text-align:center;display:flex;flex-direction:column;gap:.3rem}.wolun-card-top{display:flex;flex-direction:column;gap:.1rem;padding-bottom:.3rem;border-bottom:1px solid rgba(255,255,255,.06)}.wolun-month-name{font-size:.85rem;font-weight:700;color:#f1f5f9}.wolun-term-hint{font-size:.72rem;color:var(--text-muted)}.wolun-ganji{font-family:var(--font-serif);font-size:1.2rem;font-weight:700;color:#fff;margin:.1rem 0}.wolun-sipsung{font-size:.78rem;color:#e2e8f0}.wolun-unseong-badge{display:inline-block;align-self:center;padding:.15rem .5rem;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:12px;font-size:.72rem;color:#e9d5ff;font-weight:500}.icon-moon{color:#c084fc}.saju-flow-container{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.8rem}.flow-section{display:flex;flex-direction:column;gap:.8rem}.flow-section-title{font-size:1.35rem;font-weight:700;color:#f8fafc;margin:0 0 .5rem;letter-spacing:-.02em}.pillar-cards-row{display:flex;justify-content:flex-start;align-items:flex-start;gap:.5rem;overflow-x:auto;padding-bottom:.6rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.pillar-cards-row::-webkit-scrollbar{height:6px}.pillar-cards-row::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.pillar-column-card{display:flex;flex-direction:column;align-items:center;flex:1 0 72px;min-width:68px;max-width:86px;padding:.4rem .2rem;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s ease,filter .15s ease}.pillar-column-card:hover{transform:translateY(-4px)}.pillar-top-info{display:flex;flex-direction:column;align-items:center;margin-bottom:.45rem;gap:.15rem}.top-num{font-size:1.05rem;font-weight:700;color:#f1f5f9}.top-sipsung{font-size:.86rem;color:#94a3b8;font-weight:600;white-space:nowrap}.char-box{position:relative;width:100%;aspect-ratio:1 / 1;max-width:68px;max-height:68px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem;box-shadow:0 4px 10px #0000004d;transition:all .2s ease}.char-main{font-size:1.95rem;font-weight:800;font-family:Noto Sans KR,sans-serif;line-height:1}.char-sub{position:absolute;right:5px;bottom:4px;font-size:.78rem;font-weight:700;opacity:.95;line-height:1}.pillar-bottom-info{display:flex;flex-direction:column;align-items:center;gap:.15rem;margin-top:.2rem}.bottom-sipsung{font-size:.86rem;color:#94a3b8;font-weight:600;white-space:nowrap}.bottom-unseong{font-size:.84rem;color:#cbd5e1;font-weight:600;white-space:nowrap}.pillar-column-card.selected-pillar .char-box{outline:3.5px solid #f59e0b;outline-offset:2px;box-shadow:0 0 16px #f59e0bb3}.pillar-column-card.selected-pillar .top-num{color:#fbbf24;font-weight:800}.hab-chung-card{background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-lg);padding:1.5rem;margin-top:1.8rem}.card-header-title{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.card-header-title h3{font-size:1.2rem;font-weight:700;color:#fef08a;margin:0}.sub-tag{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3);padding:.2rem .6rem;border-radius:20px;font-size:.78rem;font-weight:600}.hab-chung-table-wrapper{overflow-x:auto}.hab-chung-table{width:100%;border-collapse:collapse;text-align:center;font-size:.88rem}.hab-chung-table th{background:#1e293bcc;color:#cbd5e1;padding:.6rem .8rem;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600}.hab-chung-table td{padding:.75rem .8rem;border-bottom:1px solid rgba(255,255,255,.05);color:#e2e8f0}.relation-badge{display:inline-block;padding:.25rem .6rem;border-radius:4px;font-size:.8rem;font-weight:700}.relation-badge.hab{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#86efac}.relation-badge.chung{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5}.pillar-tag{background:#ffffff14;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;color:#cbd5e1}.meaning-cell{text-align:left;color:#cbd5e1;font-size:.85rem}.no-hab-chung-notice{text-align:center;padding:1.2rem;color:#94a3b8;font-size:.88rem;background:#ffffff08;border-radius:var(--radius-md)}