@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Noto+Serif+KR:wght@400;700;900&display=swap";:root{--bg-primary: #0a0a1a;--bg-secondary: #111128;--bg-card: rgba(20, 20, 50, .8);--bg-card-hover: rgba(30, 30, 70, .9);--gold-primary: #d4a843;--gold-light: #f0d68a;--gold-dark: #b8860b;--gold-glow: rgba(212, 168, 67, .3);--text-primary: #e8e4d9;--text-secondary: #a09882;--text-muted: #6b6555;--border-gold: rgba(212, 168, 67, .3);--border-light: rgba(255, 255, 255, .08);--oheng-wood: #2ECC71;--oheng-fire: #E74C3C;--oheng-earth: #F1C40F;--oheng-metal: #ECF0F1;--oheng-water: #3498DB;--lucky-color: #2ECC71;--unlucky-color: #E74C3C;--neutral-color: #F39C12;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-gold: 0 0 20px rgba(212, 168, 67, .15);--shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--font-serif: "Noto Serif KR", serif;--font-sans: "Noto Sans KR", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.7;overflow-x:hidden;background-image:radial-gradient(ellipse at 20% 0%,rgba(212,168,67,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(52,152,219,.05) 0%,transparent 50%)}.hidden{display:none!important}.app-header{position:relative;text-align:center;padding:60px 20px 50px;overflow:hidden}.header-bg-effect{position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(212,168,67,.08) 0%,transparent 60%);pointer-events:none}.header-content{position:relative;z-index:2}.logo-area{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.logo-symbol{font-size:48px;animation:spin-slow 12s linear infinite;filter:drop-shadow(0 0 10px var(--gold-glow))}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-title{display:flex;flex-direction:column;text-align:left}.title-hanja-main{font-family:var(--font-serif);font-size:36px;font-weight:900;color:var(--gold-primary);letter-spacing:8px;text-shadow:0 0 30px var(--gold-glow);line-height:1.2}.title-korean{font-size:14px;font-weight:300;color:var(--text-secondary);letter-spacing:6px}.app-description{font-size:14px;color:var(--text-muted);letter-spacing:2px}.floating-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;color:var(--gold-primary);opacity:.2;animation:float 6s ease-in-out infinite}.p1{top:15%;left:10%;animation-delay:0s;font-size:12px}.p2{top:25%;right:15%;animation-delay:1s;font-size:16px}.p3{bottom:20%;left:20%;animation-delay:2s;font-size:10px}.p4{top:40%;right:25%;animation-delay:3s;font-size:14px}.p5{bottom:30%;right:10%;animation-delay:4s;font-size:12px}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.2}50%{transform:translateY(-20px) rotate(180deg);opacity:.5}}.app-main{max-width:900px;margin:0 auto;padding:0 20px 60px}.section{margin-bottom:40px}.input-form-wrapper{position:relative;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-xl);padding:48px 40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-gold),var(--shadow-card)}.form-decoration{position:absolute;width:30px;height:30px;border-color:var(--gold-primary);opacity:.4}.form-decoration.top-left{top:12px;left:12px;border-top:2px solid;border-left:2px solid}.form-decoration.top-right{top:12px;right:12px;border-top:2px solid;border-right:2px solid}.form-decoration.bottom-left{bottom:12px;left:12px;border-bottom:2px solid;border-left:2px solid}.form-decoration.bottom-right{bottom:12px;right:12px;border-bottom:2px solid;border-right:2px solid}.form-header{text-align:center;margin-bottom:36px}.form-icon{font-size:40px;margin-bottom:12px;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 5px var(--gold-glow))}50%{filter:drop-shadow(0 0 20px var(--gold-glow))}}.form-title{font-family:var(--font-serif);font-size:24px;color:var(--gold-primary);letter-spacing:4px}.form-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.saju-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:16px}.form-group{flex:1;display:flex;flex-direction:column;gap:6px}.form-group.full-width{flex:1}.form-group label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.label-hanja{font-family:var(--font-serif);font-size:16px;color:var(--gold-primary);font-weight:700}.label-text{font-size:13px}.form-group select,.form-group input{background:#ffffff0d;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px 32px 12px 14px;font-size:14px;color:var(--text-primary);font-family:var(--font-sans);transition:all .3s ease;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a09882' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 3px var(--gold-glow)}.form-group select option{background:#1a1a3a;color:var(--text-primary)}.gender-group>label{margin-bottom:4px}.gender-options{display:flex;gap:16px}.gender-option{flex:1;cursor:pointer}.gender-option input[type=radio]{display:none}.gender-card{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all .3s ease;font-size:14px}.gender-icon{font-size:20px}.gender-option input[type=radio]:checked+.gender-card{border-color:var(--gold-primary);background:#d4a8431a;box-shadow:0 0 15px var(--gold-glow)}.gender-option:hover .gender-card{border-color:var(--gold-dark);background:#d4a8430d}.submit-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 32px;margin-top:12px;background:linear-gradient(135deg,var(--gold-dark),var(--gold-primary),var(--gold-light));border:none;border-radius:var(--radius-md);color:#1a1a2e;font-size:16px;font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:all .3s ease;overflow:hidden}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4a84366}.submit-btn:active{transform:translateY(0)}.btn-icon{font-size:20px}.btn-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:rotate(30deg);animation:btn-shine 3s ease-in-out infinite}@keyframes btn-shine{0%,to{transform:translate(-100%) rotate(30deg)}50%{transform:translate(100%) rotate(30deg)}}.birth-info{margin-bottom:36px}.birth-info-card{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 28px;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);flex-wrap:wrap}.birth-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.birth-date{font-family:var(--font-serif);font-size:18px;color:var(--gold-primary);font-weight:700}.birth-gender{font-size:14px;color:var(--text-secondary)}.section-header{text-align:center;margin-bottom:32px}.section-title{display:flex;flex-direction:column;align-items:center;gap:4px}.title-hanja{font-family:var(--font-serif);font-size:28px;font-weight:900;color:var(--gold-primary);letter-spacing:6px;text-shadow:0 0 20px var(--gold-glow)}.title-text{font-size:13px;font-weight:300;color:var(--text-secondary);letter-spacing:4px}.section-subtitle{font-size:13px;color:var(--text-muted);margin-top:8px}.pillar-section{margin-bottom:48px}.pillars-container{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.pillar-card{flex:0 1 190px;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);padding:20px 16px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;animation:card-appear .6s ease-out both;box-shadow:var(--shadow-card)}@keyframes card-appear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pillar-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-gold),0 12px 40px #0006;border-color:var(--gold-primary)}.pillar-label{margin-bottom:16px}.pillar-label-hanja{font-family:var(--font-serif);font-size:16px;color:var(--gold-primary);font-weight:700}.pillar-label-text{display:block;font-size:11px;color:var(--text-muted);letter-spacing:2px;margin-top:2px}.pillar-body{display:flex;flex-direction:column;gap:10px}.sipsung-badge{font-size:11px;color:var(--gold-light);padding:3px 10px;border:1px solid rgba(212,168,67,.2);border-radius:20px;display:inline-block;margin:0 auto 4px;letter-spacing:1px}.gan-card,.jiji-card{border-radius:var(--radius-md);padding:16px 10px;border:1px solid;position:relative;transition:all .3s ease}.gan-card:hover,.jiji-card:hover{transform:scale(1.03)}.gan-oheng-icon,.jiji-oheng-icon{font-size:18px;margin-bottom:4px}.gan-hanja,.jiji-hanja{font-family:var(--font-serif);font-size:36px;font-weight:900;line-height:1.2}.gan-name,.jiji-name{font-size:14px;color:var(--text-secondary);margin-top:4px}.gan-info,.jiji-info{display:flex;justify-content:center;gap:6px;margin-top:8px}.oheng-tag{font-size:10px;padding:2px 8px;border-radius:10px;color:#1a1a2e;font-weight:700}.yinyang-tag{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:500}.yinyang-tag.yang{background:#ffffff26;color:#fff}.yinyang-tag.yin{background:#0000004d;color:#aaa;border:1px solid rgba(255,255,255,.1)}.animal-tag{font-size:10px;padding:2px 8px;border-radius:10px;background:#ffffff14;color:var(--text-secondary)}.ohaeng-section{margin-bottom:48px}.ohaeng-chart{display:flex;justify-content:center;align-items:flex-end;gap:24px;height:220px;padding:20px;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);margin-bottom:20px}.ohaeng-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px;animation:bar-appear .6s ease-out both}@keyframes bar-appear{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.ohaeng-bar-container{width:50px;height:140px;display:flex;align-items:flex-end;position:relative}.ohaeng-bar{width:100%;border-radius:8px 8px 4px 4px;position:relative;transition:height 1s ease-out;min-height:8px}.ohaeng-bar-value{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:14px;font-weight:700;color:var(--text-primary)}.ohaeng-label{display:flex;flex-direction:column;align-items:center;gap:2px}.ohaeng-emoji{font-size:20px}.ohaeng-name{font-family:var(--font-serif);font-size:16px;font-weight:700}.ohaeng-percent{font-size:11px;color:var(--text-muted)}.ohaeng-analysis{margin-top:16px}.analysis-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:16px}.analysis-item{display:flex;align-items:flex-start;gap:14px}.analysis-icon{font-size:28px;flex-shrink:0}.analysis-text strong{display:block;font-size:14px;color:var(--gold-primary);margin-bottom:4px}.analysis-text p{font-size:13px;color:var(--text-secondary);line-height:1.6}.pillar-oheng-section{margin-top:32px}.pillar-oheng-title,.relation-title{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:18px;color:var(--gold-primary);margin-bottom:16px;letter-spacing:2px}.section-icon{font-size:22px}.pillar-oheng-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;transition:all .3s ease;animation:card-appear .5s ease-out both}.pillar-oheng-card:hover{border-color:var(--gold-primary);transform:translate(4px)}.pillar-oheng-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.pillar-oheng-label{display:flex;align-items:center;gap:8px}.po-hanja{font-family:var(--font-serif);font-size:20px;font-weight:900;color:var(--gold-primary)}.po-label{font-size:14px;color:var(--text-secondary)}.pillar-oheng-tags{display:flex;gap:8px;flex-wrap:wrap}.po-tag{font-size:11px;padding:4px 10px;border-radius:20px;font-weight:600;white-space:nowrap}.pillar-oheng-body{padding-top:8px;border-top:1px solid var(--border-light)}.po-meta{display:flex;gap:16px;margin-bottom:10px;flex-wrap:wrap}.po-period,.po-scope{font-size:11px;color:var(--text-muted)}.po-interpretation p{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.po-interpretation strong{color:var(--gold-primary);font-size:12px}.po-same{font-style:italic;color:var(--gold-light)!important}.relation-section{margin-top:32px}.relation-card{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);padding:24px}.relation-center{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.relation-emoji{display:block;font-size:36px;margin-bottom:4px}.relation-label{font-family:var(--font-serif);font-size:22px;font-weight:900;color:var(--gold-primary)}.relation-sub{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.relation-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}.relation-item{display:flex;align-items:center;gap:8px;padding:12px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--border-light)}.relation-item.generates{border-left:3px solid var(--lucky-color)}.relation-item.generatedby{border-left:3px solid #3498DB}.relation-item.controls{border-left:3px solid var(--unlucky-color)}.relation-item.controlledby{border-left:3px solid #9B59B6}.ri-arrow{font-size:16px;flex-shrink:0;width:20px;text-align:center}.ri-emoji{font-size:20px;flex-shrink:0}.relation-item strong{font-family:var(--font-serif);font-size:16px;color:var(--text-primary)}.ri-desc{font-size:10px;color:var(--text-muted);line-height:1.3}.shinsal-basis{font-size:10px;color:var(--text-muted);margin-bottom:6px;padding:2px 8px;background:#d4a84314;border-radius:4px;display:inline-block}.shinsal-section{margin-bottom:48px}.shinsal-group{margin-bottom:32px}.group-title{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:18px;margin-bottom:6px}.shinsal-group.lucky .group-title{color:var(--lucky-color)}.shinsal-group.unlucky .group-title{color:var(--unlucky-color)}.shinsal-group.neutral .group-title{color:var(--neutral-color)}.group-subtitle{font-size:12px;color:var(--text-muted);margin-bottom:16px;padding-left:30px}.shinsal-cards{display:flex;flex-direction:column;gap:12px}.shinsal-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .3s ease;animation:card-appear .5s ease-out both}.shinsal-card.lucky{border-left:3px solid var(--lucky-color)}.shinsal-card.unlucky{border-left:3px solid var(--unlucky-color)}.shinsal-card.neutral{border-left:3px solid var(--neutral-color)}.shinsal-card:hover{background:var(--bg-card-hover);transform:translate(4px)}.shinsal-card-header{display:flex;align-items:center;gap:12px;padding:16px 20px}.shinsal-emoji{font-size:28px;flex-shrink:0}.shinsal-names{flex:1;display:flex;flex-direction:column}.shinsal-name{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--text-primary)}.shinsal-hanja{font-size:12px;color:var(--text-muted)}.shinsal-expand-icon{font-size:10px;color:var(--text-muted);transition:transform .3s ease}.shinsal-card.expanded .shinsal-expand-icon{transform:rotate(180deg)}.shinsal-card-body{padding:0 20px 16px}.shinsal-description{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.shinsal-matched{font-size:12px;color:var(--text-muted)}.matched-jiji{display:inline-block;padding:2px 8px;margin:0 4px;background:#d4a84326;border:1px solid var(--border-gold);border-radius:6px;color:var(--gold-primary);font-family:var(--font-serif);font-weight:700}.shinsal-card-detail{max-height:0;overflow:hidden;transition:max-height .4s ease}.shinsal-card.expanded .shinsal-card-detail{max-height:300px}.detail-divider{height:1px;background:var(--border-light);margin:0 20px}.shinsal-detail-text{padding:16px 20px;font-size:13px;color:var(--text-secondary);line-height:1.8;background:#ffffff05}.shinsal-empty{text-align:center;padding:40px;color:var(--text-muted)}.empty-icon{font-size:40px;margin-bottom:12px}.form-help-text{display:flex;align-items:flex-start;gap:6px;margin-top:6px;padding:8px 12px;background:#3498db14;border:1px solid rgba(52,152,219,.15);border-radius:var(--radius-sm);font-size:11px;color:var(--text-muted);line-height:1.5}.help-icon{flex-shrink:0;font-size:13px}.birth-location{font-size:14px;color:var(--text-secondary)}.time-correction-card{background:var(--bg-card);border:1px solid rgba(52,152,219,.3);border-radius:var(--radius-lg);padding:24px;margin-bottom:32px;animation:card-appear .5s ease-out both}.correction-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.correction-icon{font-size:24px}.correction-title{font-family:var(--font-serif);font-size:16px;color:#3498db;font-weight:700;letter-spacing:2px}.correction-body{display:flex;flex-direction:column;gap:16px}.correction-row{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.correction-item{display:flex;flex-direction:column;align-items:center;gap:4px}.correction-label{font-size:11px;color:var(--text-muted);letter-spacing:1px}.correction-value{font-family:var(--font-serif);font-size:28px;font-weight:900}.correction-value.original{color:var(--text-secondary)}.correction-value.corrected{color:#3498db;text-shadow:0 0 15px rgba(52,152,219,.3)}.correction-arrow{font-size:24px;color:var(--gold-primary)}.correction-details{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#ffffff05;border-radius:var(--radius-sm)}.correction-detail{display:flex;align-items:center;gap:12px;font-size:12px}.correction-detail .detail-label{min-width:80px;color:var(--text-secondary);font-weight:500}.correction-detail .detail-value{min-width:60px;font-weight:700;color:var(--text-primary);font-family:monospace}.correction-detail .detail-desc{color:var(--text-muted);font-size:11px}.correction-detail.total{border-top:1px solid var(--border-light);padding-top:8px;margin-top:4px}.correction-detail.total .detail-value{color:#3498db}.form-group select:disabled{opacity:.4;cursor:not-allowed}.sijin-display{padding:12px 16px;background:#d4a8430d;border:1px solid rgba(212,168,67,.15);border-radius:var(--radius-sm);text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center}.sijin-label{font-size:12px;color:var(--text-muted)}.sijin-info{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;width:100%}.sijin-original,.sijin-corrected{display:flex;flex-direction:column;align-items:center;gap:2px}.sijin-time-label{font-size:10px;color:var(--text-muted);letter-spacing:1px}.sijin-time{font-family:var(--font-serif);font-size:20px;font-weight:900;color:var(--text-primary)}.sijin-corrected .sijin-time{color:#3498db}.sijin-name{font-size:13px;color:var(--gold-primary);font-family:var(--font-serif);font-weight:700}.sijin-arrow{font-size:12px;color:var(--gold-primary);white-space:nowrap}.sijin-corrected.changed .sijin-name{color:#e74c3c}.sijin-changed-badge{font-size:10px;color:#e74c3c;padding:1px 6px;border:1px solid rgba(231,76,60,.3);border-radius:4px;background:#e74c3c1a}.correction-sijin{font-size:13px;color:var(--text-secondary);font-family:var(--font-serif);margin-top:4px}.correction-sijin.changed{color:#e74c3c;font-weight:700}.correction-arrow-block{display:flex;flex-direction:column;align-items:center;gap:2px}.correction-arrow-text{font-size:12px;color:var(--gold-primary);font-weight:700}.correction-note{text-align:center;font-size:11px;color:var(--text-muted);padding-top:8px;border-top:1px solid var(--border-light)}.reset-area{text-align:center;margin-top:40px}.reset-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:transparent;border:1px solid var(--border-gold);border-radius:var(--radius-md);color:var(--gold-primary);font-size:14px;font-family:var(--font-sans);cursor:pointer;transition:all .3s ease}.reset-btn:hover{background:#d4a8431a;box-shadow:0 0 20px var(--gold-glow);transform:translateY(-2px)}.app-footer{text-align:center;padding:40px 20px;border-top:1px solid var(--border-light);margin-top:60px}.app-footer p{font-size:12px;color:var(--text-muted);line-height:1.8}.copyright{margin-top:8px;opacity:.5}@media(max-width:768px){.app-header{padding:40px 16px 30px}.title-hanja-main{font-size:28px;letter-spacing:4px}.input-form-wrapper{padding:32px 20px}.form-row{flex-direction:column;gap:12px}.pillars-container{gap:10px}.pillar-card{flex:0 1 calc(50% - 5px);padding:16px 12px}.gan-hanja,.jiji-hanja{font-size:28px}.ohaeng-chart{gap:12px;padding:16px 10px}.ohaeng-bar-container{width:40px}.birth-info-card{flex-direction:column;gap:8px}.relation-items{grid-template-columns:1fr}.pillar-oheng-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.pillar-card{flex:0 1 calc(50% - 5px)}.title-hanja-main{font-size:24px}.title-hanja{font-size:22px}}.auto-correction-info{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-light);font-size:11px;color:var(--text-muted);flex-wrap:wrap}.dst-badge{font-size:10px;padding:2px 8px;border-radius:12px;background:#f1c40f26;color:#f1c40f;border:1px solid rgba(241,196,15,.3);font-weight:600;white-space:nowrap}.tab-nav{display:flex;justify-content:center;gap:4px;padding:0 20px;margin:-10px auto 20px;max-width:500px}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);font-size:14px;font-family:var(--font-sans);cursor:pointer;transition:all .3s ease}.tab-btn:hover{border-color:var(--gold-primary);color:var(--text-secondary)}.tab-btn.active{background:#d4a8431a;border-color:var(--gold-primary);color:var(--gold-primary);font-weight:700;box-shadow:0 0 15px var(--gold-glow)}.tab-icon{font-size:18px}.tab-label{letter-spacing:1px}.compat-form .form-header .form-icon{font-size:48px}.compat-person{background:#ffffff05;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;margin-bottom:8px}.compat-person-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.compat-person-icon{font-size:24px}.compat-person-label{font-family:var(--font-serif);font-size:18px;color:var(--gold-primary);font-weight:700;letter-spacing:2px}.compat-divider{display:flex;justify-content:center;padding:12px 0}.compat-heart{font-size:32px;animation:pulse-heart 1.5s ease infinite}@keyframes pulse-heart{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.sijin-display.mini{padding:8px 12px;font-size:12px}.sijin-mini{font-size:11px;color:var(--text-muted);font-family:var(--font-mono, monospace)}.compat-result-section{display:flex;flex-direction:column;gap:24px}.compat-header-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px}.compat-versus{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.compat-vs-icon{font-size:36px;animation:pulse-heart 1.5s ease infinite}.compat-saju-summary{text-align:center}.compat-saju-label{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.compat-pillars-mini{display:flex;gap:8px;justify-content:center}.mini-pillar{display:flex;flex-direction:column;align-items:center;padding:6px 10px;background:#d4a84314;border:1px solid var(--border-gold);border-radius:var(--radius-sm);font-family:var(--font-serif);font-size:16px;color:var(--text-primary);line-height:1.4}.mini-pillar b{color:var(--gold-primary)}.compat-score-card{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);padding:32px;text-align:center}.compat-gauge-wrapper{position:relative;width:180px;height:180px;margin:0 auto 20px}.compat-gauge{width:100%;height:100%;transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:var(--border-light);stroke-width:10}.gauge-fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dasharray 1.5s ease-out}.compat-gauge-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gauge-score{font-family:var(--font-serif);font-size:48px;font-weight:900;color:var(--gold-primary);line-height:1}.gauge-unit{font-size:16px;color:var(--text-muted);display:block}.compat-grade{margin-bottom:8px}.grade-emoji{font-size:32px;margin-right:8px}.grade-label{font-family:var(--font-serif);font-size:28px;font-weight:900;letter-spacing:4px}.grade-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.compat-categories-card,.compat-advice-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px}.compat-section-title{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:18px;color:var(--gold-primary);margin-bottom:20px;letter-spacing:2px}.compat-cat-row{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.compat-cat-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.compat-cat-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.compat-cat-emoji{font-size:18px}.compat-cat-name{font-weight:700;color:var(--text-primary);font-size:14px}.compat-cat-score{font-family:var(--font-serif);font-size:18px;font-weight:900;color:var(--gold-primary);margin-left:auto}.compat-cat-weight{font-size:11px;color:var(--text-muted)}.compat-bar-bg{width:100%;height:8px;background:var(--border-light);border-radius:4px;overflow:hidden;margin-bottom:8px}.compat-bar-fill{height:100%;border-radius:4px;transition:width 1s ease-out}.compat-cat-desc{font-size:12px;color:var(--text-secondary);line-height:1.5}.compat-advice-list{list-style:none;padding:0;margin:0}.compat-advice-list li{padding:12px 16px 12px 32px;position:relative;font-size:13px;color:var(--text-secondary);line-height:1.6;border-bottom:1px solid var(--border-light)}.compat-advice-list li:last-child{border-bottom:none}.compat-advice-list li:before{content:"💡";position:absolute;left:8px;top:12px}@media(max-width:768px){.tab-nav{padding:0 16px}.tab-btn{padding:10px 12px;font-size:13px}.compat-versus{flex-direction:column}.compat-person{padding:16px}}