:root{--primary-color:#2563eb;--secondary-color:#1e40af;--accent-color:#dc2626;--success-color:#16a34a;--warning-color:#ea580c;--saju-color:#7c3aed;--background:#f8fafc;--surface:#ffffff;--text-primary:#1f2937;--text-secondary:#6b7280;--border:#d1d5db;--border-light:#e5e7eb;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--background);color:var(--text-primary);line-height:1.6;min-height:100vh}.hidden{display:none}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.header{text-align:center;margin-bottom:var(--spacing-xs);padding:var(--spacing-sm);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.header h1,.header h3{font-family:'Noto Serif KR',serif;font-size:1.1rem;font-weight:700;color:var(--primary-color);margin-bottom:0}.subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:500}.current-saju-section{margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-radius:var(--radius-lg);border:2px solid var(--saju-color);overflow:hidden}.saju-container{padding:var(--spacing-xl)}.saju-container h3{color:var(--saju-color);margin-bottom:var(--spacing-lg);font-family:'Noto Serif KR',serif;font-size:1.5rem;font-weight:600;text-align:center}.current-time-display{background:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;margin-bottom:var(--spacing-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-md)}.loading-text{color:var(--text-secondary);font-style:italic;animation:pulse 1.5s infinite ease-in-out}.pillar-container{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.pillar{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;border:3px solid transparent;transition:all 0.3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.pillar::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--saju-color),var(--primary-color))}.pillar:hover{border-color:var(--saju-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.year-pillar{border-color:#ef4444}.year-pillar::before{background:linear-gradient(90deg,#ef4444,#dc2626)}.month-pillar{border-color:#10b981}.month-pillar::before{background:linear-gradient(90deg,#10b981,#059669)}.day-pillar{border-color:#3b82f6}.day-pillar::before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.hour-pillar{border-color:#8b5cf6}.hour-pillar::before{background:linear-gradient(90deg,#8b5cf6,var(--saju-color))}.pillar-label{font-size:0.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:500}.pillar-value{font-family:'Noto Serif KR',serif;font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);text-shadow:1px 1px 2px rgba(0,0,0,0.1);display:none!important}#yearPillar,#monthPillar,#dayPillar,#hourPillar{display:none!important;visibility:hidden!important;position:absolute!important;left:-9999px!important;width:0!important;height:0!important;overflow:hidden!important}.current-saju-section,.saju-container,.saju-pillars,.pillar-container,.pillar,.pillar-description,.saju-time-info,#currentTimeDisplay,#currentSajuSection{display:none!important;visibility:hidden!important;height:0!important;width:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:none!important}.hexagram-display{position:relative}.pillar-description{font-size:0.75rem;color:var(--text-secondary);font-style:italic}.saju-time-info{background:var(--surface);padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-light);font-size:0.875rem;color:var(--text-secondary)}.saju-time-info p{margin:0}.consultation-section{margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xs)}.consultation-container{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-sm);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.consultation-container h3{color:var(--primary-color);margin-bottom:var(--spacing-xs);font-family:'Noto Serif KR',serif;font-size:0.9rem;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:0.2rem;color:var(--text-primary);font-size:0.7rem}.form-control{padding:0.3rem 0.5rem;border:2px solid var(--border);border-radius:var(--radius-md);font-size:0.8rem;transition:all 0.2s ease;background:var(--surface)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.main-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.hexagram-section{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light);margin-top:0!important;margin-bottom:0!important}.hexagram-section h3{color:var(--primary-color);margin-bottom:0!important;margin-top:0!important;font-family:'Noto Serif KR',serif;font-size:1.375rem;text-align:center;font-weight:600}.hexagram-display{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:0!important;margin-top:0!important;padding:var(--spacing-lg);background:#fafbfc;border-radius:var(--radius-md);border:2px dashed var(--border);position:relative}.line-position{display:flex;align-items:center;gap:var(--spacing-md);min-height:60px;position:relative}.line-position[data-position="4"]{margin-top:calc(var(--spacing-sm) * -1)}.line-position[data-position="3"]{margin-top:calc(var(--spacing-sm) * -1)}.line-position[data-position="1"]{margin-top:calc(var(--spacing-sm) * -1)}.line-position[data-position="0"]{margin-top:calc(var(--spacing-sm) * -1)}.line-label{width:60px;font-weight:600;color:var(--primary-color);text-align:right;font-size:0.875rem}.line-label-right{text-align:left}.line-r-container{position:absolute;right:10px;top:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;gap:var(--spacing-xs)}.line-r5{width:60px;font-weight:900;color:var(--primary-color);text-align:left;font-size:0.875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px;height:60px;margin-bottom:var(--spacing-lg);box-sizing:border-box}.line-r4{width:60px;font-weight:900;color:var(--primary-color);text-align:left;font-size:0.875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px;height:60px;margin-bottom:var(--spacing-lg);box-sizing:border-box}.line-r3{width:60px;font-weight:900;color:var(--primary-color);text-align:left;font-size:0.875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px;height:60px;margin-bottom:var(--spacing-lg);box-sizing:border-box}.line-r2,.line-r1{width:60px;font-weight:900;color:var(--primary-color);text-align:left;font-size:0.875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px;height:60px;margin-bottom:var(--spacing-xs);box-sizing:border-box}.line-r6{width:60px;font-weight:900;color:var(--primary-color);text-align:left;font-size:0.875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:24px;height:24px;margin-bottom:var(--spacing-xs);box-sizing:border-box}.line-r5 .pillar-char{display:block;margin:1px 0;text-align:center;font-size:1.2rem;font-family:'Noto Serif KR',serif;font-weight:900;color:var(--saju-color);text-shadow:0.5px 0.5px 0.5px rgba(0,0,0,0.3);line-height:1.2;height:auto}.line-r4 .pillar-char{display:block;margin:1px 0;text-align:center;font-size:1.2rem;font-family:'Noto Serif KR',serif;font-weight:900;color:var(--saju-color);text-shadow:0.5px 0.5px 0.5px rgba(0,0,0,0.3);line-height:1.2;height:auto}.line-r3 .pillar-char{display:block;margin:1px 0;text-align:center;font-size:1.2rem;font-family:'Noto Serif KR',serif;font-weight:900;color:var(--saju-color);text-shadow:0.5px 0.5px 0.5px rgba(0,0,0,0.3);line-height:1.2;height:auto}.line-r2 .pillar-char{display:block;margin:1px 0;text-align:center;font-size:1.2rem;font-family:'Noto Serif KR',serif;font-weight:900;color:var(--saju-color);text-shadow:0.5px 0.5px 0.5px rgba(0,0,0,0.3);line-height:1.2;height:auto}.line-r1 .pillar-char,.line-r6 .pillar-char{display:block;margin:1px 0;text-align:center;font-size:1.2rem;font-family:'Noto Serif KR',serif;font-weight:900;color:var(--saju-color);text-shadow:0.5px 0.5px 0.5px rgba(0,0,0,0.3)}.line-r5 .pillar-label,.line-r4 .pillar-label,.line-r3 .pillar-label,.line-r2 .pillar-label,.line-r1 .pillar-label,.line-r6 .pillar-label{display:block!important;visibility:visible!important;font-size:0.8rem;font-weight:900;color:var(--saju-color);text-align:center;margin-top:2px;margin-bottom:var(--spacing-xs);line-height:1.2;opacity:1!important;height:auto!important;text-shadow:0.3px 0.3px 0.3px rgba(0,0,0,0.3)}.line-slots-container{display:flex;gap:5px;align-items:stretch;flex-grow:1;justify-content:center}.line-slot{width:45px;height:60px;border:none;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--surface);transition:all 0.3s ease;position:relative;flex-shrink:0}.line-slot.filled{border:none;background:rgba(37,99,235,0.05)}.extra-slot,[class^="extra-slot"],[class*="extra-slot"]{width:45px!important;min-width:45px!important;max-width:45px!important;height:60px!important;min-height:60px!important;max-height:60px!important;border:1px solid #e0e0e0;border-radius:3px;background-color:#f8f9fa;flex-shrink:0!important;flex-grow:0!important;display:flex!important;align-items:center;justify-content:center;font-size:0.75rem;color:#666;visibility:visible!important;opacity:1!important;position:relative;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.extra-slot105{display:flex!important;visibility:visible!important;opacity:1!important;color:var(--primary-color)!important;font-weight:600!important;font-size:1.3rem!important}.extra-slot105,.extra-slot205,.extra-slot305,.extra-slot405,.extra-slot505,.extra-slot605{font-size:1.3rem!important}.extra-slot103,.extra-slot203,.extra-slot303,.extra-slot403,.extra-slot503,.extra-slot603{font-size:1.3rem!important}.extra-slot101,.extra-slot201,.extra-slot301,.extra-slot401,.extra-slot501,.extra-slot601{font-size:0.9rem!important}.extra-slot104,.extra-slot204,.extra-slot304,.extra-slot404,.extra-slot504,.extra-slot604{width:22.5px!important;min-width:22.5px!important;max-width:22.5px!important;height:60px!important;min-height:60px!important;max-height:60px!important}.extra-slot102,.extra-slot202,.extra-slot302,.extra-slot402,.extra-slot502,.extra-slot602{width:22.5px!important;min-width:22.5px!important;max-width:22.5px!important;height:60px!important;min-height:60px!important;max-height:60px!important}.najia-label{position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:0.75rem;font-weight:600;color:var(--saju-color);background:rgba(124,58,237,0.1);padding:2px 8px;border-radius:4px;z-index:5}.yang-line{position:relative}.yang-line::before{content:'';position:absolute;width:8px;height:38px;background:#1f2937;border-radius:2px;left:50%;top:50%;transform:translate(-50%,-50%)}.yin-line{position:relative}.yin-line::before{content:'';position:absolute;width:6px;height:38px;background:#1f2937;border-radius:1px;left:calc(50% - 7px);top:50%;transform:translateY(-50%)}.yin-line::after{content:'';position:absolute;width:6px;height:38px;background:#1f2937;border-radius:1px;left:calc(50% + 1px);top:50%;transform:translateY(-50%)}.yang-moving-line{position:relative;border-color:var(--accent-color);animation:pulse 1.5s infinite ease-in-out}.yang-moving-line::before{content:'';position:absolute;width:8px;height:38px;background:#1f2937;border-radius:2px;left:50%;top:50%;transform:translate(-50%,-50%)}.yang-moving-line::after{content:'';position:absolute;width:4px;height:35px;background:var(--accent-color);left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);border-radius:2px}.yin-moving-line{position:relative;border-color:var(--accent-color);animation:pulse 1.5s infinite ease-in-out}.yin-moving-line::before{content:'';position:absolute;width:6px;height:38px;background:#1f2937;border-radius:1px;left:calc(50% - 7px);top:50%;transform:translateY(-50%);box-shadow:8px 0 0 0 #1f2937}.yin-moving-line::after{content:'';position:absolute;width:3px;height:35px;background:var(--accent-color);left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);border-radius:2px;z-index:10}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}.hexagram-summary{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:2px solid var(--primary-color);border-radius:var(--radius-md);padding:0.5rem!important;margin-bottom:0!important;margin-top:0!important;display:flex;flex-wrap:wrap;gap:0.25rem!important;align-items:center;justify-content:flex-start;text-align:center;height:auto!important;min-height:auto!important;max-height:none!important}.hexagram-summary .summary-item{padding:0.25rem 0.5rem!important;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border-light);font-size:0.875rem;color:var(--text-primary);height:auto!important;min-height:auto!important;max-height:none!important;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;line-height:1.3!important;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:0;white-space:nowrap;margin:0!important}.hexagram-summary .summary-item strong{color:var(--primary-color);font-weight:600;margin-right:0.5rem}.hexagram-summary .kong-wang-summary{border-left:3px solid #f59e0b}.hexagram-summary .original-special-summary{border-left:3px solid #3b82f6}.hexagram-summary-arrow{color:var(--primary-color);font-size:0.875rem;font-weight:bold;padding:0 0.25rem!important;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0!important}.hexagram-summary .changing-special-summary{border-left:3px solid #8b5cf6}.hexagram-summary .gua-shen-summary{border-left:3px solid #10b981}.hexagram-controls{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;flex-wrap:wrap}.control-buttons{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center}.reset-btn,.analyze-btn{padding:0.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.2s ease;min-width:140px;font-family:inherit}.reset-btn{background:var(--text-secondary);color:white;min-width:80px!important;padding:0.5rem 1rem!important;font-size:0.875rem!important}.analyze-btn{padding:0.2rem 0.4rem!important;font-size:0.5rem!important;min-width:40px!important;max-width:50px!important;height:20px!important;line-height:1!important;display:none!important}.reset-btn:hover{background:var(--text-primary);transform:translateY(-1px)}.analyze-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:white;position:relative;overflow:hidden}.analyze-btn:disabled{background:var(--border);cursor:not-allowed;transform:none}.analyze-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.coin-selection-section{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light);width:100%;margin-top:var(--spacing-xs)}.instruction-panel{text-align:center;margin-bottom:var(--spacing-xl)}.instruction-panel h2{color:var(--primary-color);margin-bottom:var(--spacing-md);font-family:'Noto Serif KR',serif;font-weight:600}.current-line{font-size:1.125rem;font-weight:600;color:var(--accent-color);margin-bottom:var(--spacing-sm)}.instruction{color:var(--text-secondary);font-size:0.875rem}.coin-grid{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:nowrap;justify-content:center;margin:0;flex-shrink:0}.coin-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all 0.3s ease;padding:calc(var(--spacing-xs) * 0.5);border-radius:var(--radius-md);border:2px solid transparent;min-width:60px;max-width:70px;flex-shrink:0}.coin-option:hover{background:rgba(37,99,235,0.05);border-color:var(--primary-color);transform:translateY(-2px)}.coin{width:35px;height:50px;margin:0 auto var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.3s ease;box-shadow:none;background:transparent;border:none;padding:0}.coin-face{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.yang-coin .coin-face::before{content:'';width:8px;height:42px;background:#1f2937;border-radius:1px}.yin-coin .coin-face::before{content:'';position:absolute;width:5px;height:42px;background:#1f2937;border-radius:1px;left:calc(50% - 6px);top:50%;transform:translateY(-50%)}.yin-coin .coin-face::after{content:'';position:absolute;width:5px;height:42px;background:#1f2937;border-radius:1px;left:calc(50% + 1px);top:50%;transform:translateY(-50%)}.yang-moving-coin{animation:pulse 1.5s infinite ease-in-out}.yang-moving-coin .coin-face::before{content:'';width:6px;height:42px;background:#1f2937;border-radius:1px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.yang-moving-coin::before{content:'';position:absolute;top:50%;left:50%;width:3px;height:46px;background:var(--accent-color);transform:translate(-50%,-50%) rotate(45deg);border-radius:2px;z-index:10;pointer-events:none}.yin-moving-coin{animation:pulse 1.5s infinite ease-in-out}.yin-moving-coin .coin-face::before{content:'';position:absolute;width:5px;height:42px;background:#1f2937;border-radius:1px;left:calc(50% - 6px);top:50%;transform:translateY(-50%)}.yin-moving-coin .coin-face::after{content:'';position:absolute;width:5px;height:42px;background:#1f2937;border-radius:1px;left:calc(50% + 1px);top:50%;transform:translateY(-50%)}.yin-moving-coin::before{content:'';position:absolute;top:50%;left:50%;width:2.5px;height:46px;background:var(--accent-color);transform:translate(-50%,-50%) rotate(45deg);border-radius:2px;z-index:10;pointer-events:none}.coin-label{font-weight:600;color:var(--text-primary);margin-bottom:2px;font-size:0.7rem}.coin-desc{font-size:0.6rem;color:var(--text-secondary);text-align:center}.analysis-section{grid-column:1 / -1;background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);display:none;border:1px solid var(--border-light);margin-top:var(--spacing-xl)}.analysis-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-light)}.analysis-header h2{color:var(--primary-color);font-family:'Noto Serif KR',serif;font-size:1.875rem;margin-bottom:var(--spacing-md);font-weight:700}.main-hexagram h4{color:var(--accent-color);font-size:1.1rem;margin-bottom:var(--spacing-sm);font-weight:600}#hexagramName{font-size:1.1rem!important}.professional-najia-section{background:#f8fafc;border:2px solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-xl) 0}.professional-najia-section h4{color:var(--primary-color);text-align:center;margin-bottom:var(--spacing-lg);font-family:'Noto Serif KR',serif;font-size:1.5rem;font-weight:600}.base-info{background:var(--surface);padding:0.5rem!important;border-radius:var(--radius-md);margin-bottom:0!important;margin-top:0!important;text-align:center;border:1px solid var(--border-light);height:auto!important;min-height:auto!important;max-height:none!important}.base-info p{margin:0.125rem 0!important;font-size:1.2rem!important;color:var(--text-secondary);line-height:1.4!important;font-weight:700!important}.base-info strong{color:var(--primary-color);font-weight:600;font-size:0.875rem}.professional-najia-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg)}.professional-najia-table th{background:var(--primary-color)!important;color:white;padding:1rem 0.75rem;text-align:center;font-weight:600;font-size:0.875rem;border:none}.professional-najia-table td{padding:0.875rem 0.75rem;text-align:center;border:1px solid var(--border-light);font-size:0.875rem;transition:background-color 0.2s ease}.professional-najia-table tr:nth-child(even){background:#fafbfc}.professional-najia-table tr:hover td{background:rgba(37,99,235,0.05)}.professional-najia-table tr[data-moving='true']{background:#fef2f2!important;border-left:4px solid var(--accent-color)}.professional-najia-table tr[data-moving='true']:hover td{background:#fecaca!important}.kong-wang-marker{display:inline-block;width:6px;height:6px;background-color:#ef4444;border-radius:50%;margin-left:4px;vertical-align:middle;animation:kong-wang-pulse 2s infinite}@keyframes kong-wang-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(1.2)}}.professional-najia-table tr[data-kong-wang='true']{background:linear-gradient(90deg,#fef2f2 0%,transparent 100%)!important;border-right:3px solid #ef4444}.changing-yao-detail{display:flex;flex-direction:column;gap:2px;font-size:0.75rem;line-height:1.2}.changing-yao-detail .original-info,.changing-yao-detail .changed-info{display:flex;align-items:center;gap:4px}.changing-yao-detail .original-info{color:#6b7280}.changing-yao-detail .changed-info{color:#f59e0b;font-weight:600}.changing-yao-detail .arrow{text-align:center;color:#8b5cf6;font-weight:bold;font-size:0.8rem}.changing-yao-detail .wang-shuai-info{text-align:right;color:var(--text-muted);font-size:0.7rem}.professional-najia-table tr[data-moving='true'][data-kong-wang='true']{background:linear-gradient(90deg,#fef2f2 0%,#fef3c7 50%,transparent 100%)!important;border-left:4px solid var(--accent-color);border-right:3px solid #ef4444}.professional-najia-table td:nth-child(8){min-width:180px}.yao-position-cell{display:flex;align-items:center;gap:8px;justify-content:center}.yao-position-cell .line-visual{width:20px;height:16px;position:relative;flex-shrink:0}.yao-position-cell .yao-pos-text{font-weight:600;color:var(--text-primary)}.yao-position-cell .kong-wang-marker{margin-left:4px}.hexagram-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-lg);align-items:start;margin:var(--spacing-md) 0}.original-hexagram,.changing-hexagram{border:1px solid var(--border-light);border-radius:var(--border-radius);padding:var(--spacing-md);background:var(--background-secondary)}.arrow-divider{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;color:var(--primary-color);padding:var(--spacing-md) 0}@media (max-width:768px){.main-content{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.pillar-container{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.hexagram-controls{flex-direction:column;gap:var(--spacing-sm)}.control-buttons{width:100%;justify-content:center}.coin-grid{width:100%;justify-content:center;flex-wrap:wrap}.coin{width:30px;height:45px}.coin-option{min-width:50px;max-width:60px;padding:var(--spacing-xs)}.professional-najia-table{font-size:0.75rem}.professional-najia-table th,.professional-najia-table td{padding:0.5rem 0.25rem}.changing-yao-detail{font-size:0.7rem}.professional-najia-table td:nth-child(8){min-width:150px}}@media (max-width:480px){.container{padding:var(--spacing-md)}.header h1{font-size:1.75rem}.pillar-container{grid-template-columns:1fr}.hexagram-controls{flex-direction:column;gap:var(--spacing-xs)}.control-buttons{width:100%;justify-content:center}.reset-btn{min-width:70px!important;padding:0.4rem 0.8rem!important;font-size:0.75rem!important}.coin-grid{width:100%;justify-content:center;flex-wrap:wrap;gap:var(--spacing-xs)}.coin{width:35px;height:50px}.coin-option{min-width:45px;max-width:55px;padding:calc(var(--spacing-xs) * 0.5)}.professional-najia-table{font-size:0.7rem}.pillar-value{font-size:1.5rem}}.comprehensive-analysis-section{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:2px solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-xl) 0}.comprehensive-analysis-section h3{color:var(--primary-color);text-align:center;margin-bottom:var(--spacing-xl);font-family:'Noto Serif KR',serif;font-size:1.75rem;font-weight:700}.analysis-steps{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.analysis-step{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all 0.3s ease}.analysis-step:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.analysis-step h4{color:var(--primary-color);margin-bottom:var(--spacing-md);font-family:'Noto Serif KR',serif;font-weight:600;font-size:1.125rem;border-bottom:2px solid var(--border-light);padding-bottom:var(--spacing-sm)}.step-content{color:var(--text-primary);line-height:1.6}.complete-hexagram-display{border:2px solid var(--primary-color);border-radius:var(--radius-md);padding:var(--spacing-lg);background:#fafbfc}.complete-hexagram-display h5{color:var(--primary-color);margin-bottom:var(--spacing-md);text-align:center}.hexagram-numbers-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.hexagram-line-display{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.hexagram-line-display.moving{background:#fef2f2;border-color:var(--accent-color);animation:pulse 1.5s infinite ease-in-out}.line-label{width:60px;font-weight:600;color:var(--primary-color);text-align:right;font-size:0.875rem}.line-visual{width:30px;height:25px;position:relative;display:flex;align-items:center;justify-content:center}.line-number-badge{background:var(--primary-color);color:white;padding:0.25rem 0.5rem;border-radius:var(--radius-sm);font-weight:700;font-size:1.3rem;min-width:40px;text-align:center}.line-number-badge.moving{background:var(--accent-color);animation:glow 1.5s infinite ease-in-out}.line-binary{font-family:'Courier New',monospace;font-weight:700;font-size:1.1rem;color:var(--text-secondary)}.line-description{flex:1;font-size:0.875rem;color:var(--text-secondary)}.yang-visual::before{content:'';position:absolute;width:8px;height:25px;background:#1f2937;border-radius:2px}.yin-visual::before{content:'';position:absolute;width:8px;height:10px;background:#1f2937;border-radius:2px;top:3px}.yin-visual::after{content:'';position:absolute;width:8px;height:10px;background:#1f2937;border-radius:2px;bottom:3px}.yang-moving-visual{position:relative}.yang-moving-visual::before{content:'';position:absolute;width:8px;height:25px;background:#1f2937;border-radius:2px}.yang-moving-visual::after{content:'';position:absolute;width:4px;height:30px;background:var(--accent-color);transform:rotate(45deg);border-radius:2px}.yin-moving-visual{position:relative}.yin-moving-visual::before{content:'';position:absolute;width:8px;height:10px;background:#1f2937;border-radius:2px;top:3px;box-shadow:0 15px 0 0 #1f2937}.yin-moving-visual::after{content:'';position:absolute;width:4px;height:30px;background:var(--accent-color);transform:rotate(45deg);border-radius:2px}.najia-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);background:#eff6ff;padding:var(--spacing-lg);border-radius:var(--radius-md)}.world-line-info,.moving-lines-info,.strength-summary{background:var(--surface);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border)}.world-line-info h6,.moving-lines-info h6,.strength-summary h6{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-weight:600}.moving-line-item{background:#fef2f2;padding:var(--spacing-sm);border-radius:var(--radius-sm);border-left:4px solid var(--accent-color);margin-bottom:var(--spacing-xs);font-size:0.875rem}.line-positions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.line-position-analysis{background:var(--surface);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border);transition:all 0.3s ease}.line-position-analysis.moving-line{border-color:var(--accent-color);background:#fef2f2;animation:pulse 1.5s infinite ease-in-out}.line-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.position-name{font-weight:600;color:var(--primary-color)}.line-number-large{background:var(--primary-color);color:white;padding:0.25rem 0.5rem;border-radius:var(--radius-sm);font-weight:700;font-size:1.8rem}.moving-badge{background:var(--accent-color);color:white;padding:0.25rem 0.5rem;border-radius:var(--radius-sm);font-size:0.75rem;font-weight:600;animation:pulse 1.5s infinite ease-in-out}.static-badge{background:var(--text-secondary);color:white;padding:0.25rem 0.5rem;border-radius:var(--radius-sm);font-size:0.75rem;font-weight:600}.transformation-display{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-lg);align-items:center;padding:var(--spacing-lg);background:#f8fafc;border-radius:var(--radius-md);border:1px solid var(--border)}.original-hexagram,.changing-hexagram{text-align:center;padding:var(--spacing-md);background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.original-hexagram h6,.changing-hexagram h6{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-weight:600}.arrow{font-size:1.5rem;color:var(--accent-color);font-weight:700}.world-response-analysis{background:#eff6ff;padding:var(--spacing-lg);border-radius:var(--radius-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.world-line,.response-line{background:var(--surface);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border)}.world-line h6,.response-line h6{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-weight:600}.relation-analysis{grid-column:1 / -1;background:#f0fdf4;padding:var(--spacing-md);border-radius:var(--radius-sm);border-left:4px solid var(--success-color)}.timing-prediction{background:#fffbeb;padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid var(--warning-color)}.timing-prediction h6{color:var(--warning-color);margin-bottom:var(--spacing-sm);font-weight:600}.detailed-timing{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.judgment-checklist ul{list-style-type:none;padding:0}.judgment-checklist li{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);background:#f0fdf4;border-left:4px solid var(--success-color);border-radius:var(--radius-sm)}.final-judgment{background:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--primary-color);text-align:center;margin-top:var(--spacing-md)}.judgment-level{padding:0.5rem 1rem;border-radius:var(--radius-md);font-weight:700;font-size:1.125rem}.judgment-level.대길{background:var(--success-color);color:white}.judgment-level.길{background:#06b6d4;color:white}.judgment-level.평{background:var(--primary-color);color:white}.judgment-level.흉{background:var(--warning-color);color:white}.judgment-level.대흉{background:var(--accent-color);color:white}.final-advice{background:#eff6ff;padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--primary-color)}.final-advice h6{color:var(--primary-color);margin-bottom:var(--spacing-md);font-weight:600;font-size:1.125rem}.advice-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.situation-diagnosis,.positive-advice,.negative-advice,.timing-advice,.najia-specific-advice{background:var(--surface);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border)}.positive-advice{border-left:4px solid var(--success-color)}.negative-advice{background:#fef2f2;border-left:4px solid var(--accent-color)}.timing-advice{background:#fffbeb;border-left:4px solid var(--warning-color)}.najia-specific-advice{background:#f0fdf4;border-left:4px solid var(--success-color)}.advice-sections h6{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-weight:600}.spirit-analysis,.hidden-void-analysis{background:#eff6ff;padding:var(--spacing-lg);border-radius:var(--radius-md)}.spirit-presence,.hidden-spirits,.void-calculation{background:var(--surface);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:var(--spacing-md)}.strength-analysis,.moving-strength-analysis{background:var(--surface);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:var(--spacing-md)}.moving-effect,.change-analysis{background:#f8fafc;padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:var(--spacing-md)}@keyframes glow{0%,100%{box-shadow:0 0 5px var(--accent-color)}50%{box-shadow:0 0 15px var(--accent-color)}}.special-hexagram-analysis{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:2px solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.special-hexagram-analysis h5{color:var(--primary-color);text-align:center;margin-bottom:var(--spacing-lg);font-family:'Noto Serif KR',serif;font-size:1.25rem;font-weight:700}.special-hexagram-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.original-special,.changing-special{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.original-special h6,.changing-special h6{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-weight:600;border-bottom:2px solid var(--border-light);padding-bottom:var(--spacing-xs)}.kong-wang-analysis{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:2px solid #ef4444;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.kong-wang-analysis h5{color:#ef4444;text-align:center;margin-bottom:var(--spacing-lg);font-family:'Noto Serif KR',serif;font-size:1.25rem;font-weight:700}.kong-wang-info,.kong-wang-summary{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border);margin-bottom:var(--spacing-md)}.kong-wang-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.kong-wang-yao{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.kong-wang-branch,.kong-wang-kin,.yao-position{padding:0.25rem 0.5rem;border-radius:var(--radius-xs);font-weight:600;font-size:0.875rem}.kong-wang-branch{background:#dc2626;color:white}.kong-wang-kin{background:#f87171;color:white}.kong-wang-meaning{width:100%;margin-top:var(--spacing-xs);font-size:0.875rem;color:var(--text-secondary);font-style:italic}.no-kong-wang{text-align:center;color:var(--text-secondary);font-style:italic;background:#f8fafc;padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px dashed var(--border)}.fu-shen-analysis{background:linear-gradient(135deg,#f0f9ff 0%,#dbeafe 100%);border:2px solid #3b82f6;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.fu-shen-analysis h5{color:#3b82f6;text-align:center;margin-bottom:var(--spacing-lg);font-family:'Noto Serif KR',serif;font-size:1.25rem;font-weight:700}.fu-shen-info,.fu-shen-summary{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border);margin-bottom:var(--spacing-md)}.fu-shen-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.fu-shen-item{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:var(--radius-sm);padding:var(--spacing-md)}.fu-shen-branch,.fu-shen-kin{display:inline-block;padding:0.25rem 0.75rem;border-radius:var(--radius-sm);font-weight:600;font-size:0.875rem;margin:0 var(--spacing-xs) var(--spacing-sm) 0}.fu-shen-branch{background:#3b82f6;color:white}.fu-shen-kin{background:#60a5fa;color:white}.fu-shen-meaning,.fu-shen-action{font-size:0.875rem;margin:var(--spacing-xs) 0}.fu-shen-meaning{color:var(--text-primary);font-weight:500}.fu-shen-action{color:var(--text-secondary);font-style:italic}.no-fu-shen{text-align:center;color:var(--text-secondary);font-style:italic;background:#f8fafc;padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px dashed var(--border)}.changing-yao-detailed-analysis{background:linear-gradient(135deg,#fefce8 0%,#fef3c7 100%);border:2px solid #f59e0b;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.changing-yao-detailed-analysis h5{color:#f59e0b;text-align:center;margin-bottom:var(--spacing-lg);font-family:'Noto Serif KR',serif;font-size:1.25rem;font-weight:700}.changing-yao-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.changing-yao-item{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.yao-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-light)}.yao-header h6{color:#f59e0b;margin:0;font-weight:600}.change-nature{background:#f59e0b;color:white;padding:0.25rem 0.75rem;border-radius:var(--radius-sm);font-size:0.875rem;font-weight:600}.yao-transformation{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:#fefce8;border-radius:var(--radius-sm)}.original-state,.changed-state{display:flex;flex-direction:column;align-items:center;flex:1}.original-state .label,.changed-state .label{font-size:0.75rem;color:var(--text-muted);font-weight:600;margin-bottom:var(--spacing-xs)}.original-state .branch,.changed-state .branch,.original-state .kin,.changed-state .kin{display:inline-block;padding:0.25rem 0.5rem;border-radius:var(--radius-xs);font-weight:600;font-size:0.875rem;margin:2px}.original-state .branch,.changed-state .branch{background:#d97706;color:white}.original-state .kin,.changed-state .kin{background:#fbbf24;color:white}.yao-transformation .arrow{font-size:1.5rem;color:#f59e0b;font-weight:bold;margin:0 var(--spacing-md)}.change-meaning{font-size:0.875rem;color:var(--text-secondary);font-style:italic;background:#f8fafc;padding:var(--spacing-sm);border-radius:var(--radius-sm);border-left:4px solid #f59e0b}.fu-shen-branch-badge,.kong-wang-branch-badge{display:inline-block;padding:0.25rem 0.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:0.875rem;color:white;margin:0 var(--spacing-xs)}.fu-shen-branch-badge{background:#3b82f6}.kong-wang-branch-badge{background:#ef4444}.fu-shen-kin-badge,.kong-wang-kin-badge{display:inline-block;padding:0.25rem 0.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:0.875rem;color:white;margin:0 var(--spacing-xs)}.fu-shen-kin-badge{background:#60a5fa}.kong-wang-kin-badge{background:#f87171}.critical-void{background:#fef2f2;color:#dc2626;padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid #fecaca;margin:var(--spacing-sm) 0;font-weight:600}.world-void,.response-void{color:#dc2626;font-weight:600;font-size:0.875rem}.overall-relation{background:#f0f9ff;padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid #bfdbfe;margin-top:var(--spacing-md);font-weight:600;text-align:center}@media (max-width:768px){.kong-wang-details,.fu-shen-details,.changing-yao-grid{grid-template-columns:1fr}.yao-transformation{flex-direction:column;gap:var(--spacing-sm)}.yao-transformation .arrow{transform:rotate(90deg);margin:var(--spacing-sm) 0}}.hexagram-transformation-analysis{background:linear-gradient(135deg,#f0f4ff 0%,#e0e7ff 100%);border:2px solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.hexagram-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-lg);align-items:center;margin-bottom:var(--spacing-lg)}.original-hexagram-section,.changing-hexagram-section{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.original-hexagram-section h6,.changing-hexagram-section h6{color:var(--primary-color);text-align:center;margin-bottom:var(--spacing-md);font-weight:600;border-bottom:2px solid var(--border-light);padding-bottom:var(--spacing-xs)}.coin-hexagram{display:flex;flex-direction:column;align-items:center;background:#f8fafc;border:2px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.coin-line{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-xs) var(--spacing-sm);margin:2px 0;background:white;border-radius:var(--radius-xs);border:1px solid var(--border-light);transition:all 0.3s ease}.coin-line:hover{background:var(--background);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.coin-symbol{font-size:1.5rem;width:30px;text-align:center}.coin-symbol.moving{animation:pulse 2s infinite;filter:drop-shadow(0 0 5px rgba(59,130,246,0.5))}.coin-symbol.static{opacity:0.7}.coin-label{font-size:0.875rem;color:var(--text-secondary);min-width:60px;text-align:center}.line-position{font-size:0.75rem;color:var(--text-muted);font-weight:600;min-width:30px;text-align:right}.transformation-arrow{display:flex;justify-content:center;align-items:center}.arrow-container{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;padding:var(--spacing-md);border-radius:50%;width:80px;height:80px;justify-content:center;box-shadow:var(--shadow-lg);animation:breathe 3s ease-in-out infinite}.arrow-symbol{font-size:1.5rem;font-weight:bold}.arrow-label{font-size:0.75rem;margin-top:2px}@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}.hexagram-details{font-size:0.875rem}.hexagram-details p{margin:var(--spacing-xs) 0;padding:var(--spacing-xs);background:#f8fafc;border-radius:var(--radius-xs);border-left:3px solid var(--primary-color)}.transformation-analysis{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.transformation-analysis h6{color:var(--primary-color);margin-bottom:var(--spacing-md);font-weight:600;border-bottom:2px solid var(--border-light);padding-bottom:var(--spacing-xs)}.pattern-analysis p{margin:var(--spacing-sm) 0;padding:var(--spacing-sm);background:#f8fafc;border-radius:var(--radius-sm);border-left:4px solid var(--accent-color)}@media (max-width:768px){.hexagram-comparison{grid-template-columns:1fr;gap:var(--spacing-md)}.transformation-arrow{transform:rotate(90deg)}.arrow-container{width:60px;height:60px}.arrow-symbol{font-size:1.2rem}}.gua-shen-analysis{background:linear-gradient(135deg,#fefce8 0%,#fef3c7 100%);border:2px solid #f59e0b;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.gua-shen-analysis h5{color:#f59e0b;text-align:center;margin-bottom:var(--spacing-lg);font-family:'Noto Serif KR',serif;font-size:1.25rem;font-weight:700}.gua-shen-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.gua-shen-basic{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.gua-shen-meaning{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.gua-shen-meaning h6{color:#f59e0b;margin-bottom:var(--spacing-sm);font-weight:600;border-bottom:2px solid var(--border-light);padding-bottom:var(--spacing-xs)}.gua-shen-symbol{font-size:1rem;color:var(--text-primary);background:#fefce8;padding:var(--spacing-sm);border-radius:var(--radius-sm);border-left:4px solid #f59e0b;margin-bottom:var(--spacing-md)}.gua-shen-effect{font-size:0.875rem;color:var(--text-secondary);font-style:italic;background:#f8fafc;padding:var(--spacing-sm);border-radius:var(--radius-sm);border-left:4px solid var(--primary-color)}.six-kin-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:var(--radius-sm);font-weight:600;font-size:0.875rem;color:white;margin-left:var(--spacing-xs)}.six-kin-badge.妻財{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.six-kin-badge.官鬼{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.six-kin-badge.父母{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.six-kin-badge.兄弟{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.six-kin-badge.子孫{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.wang-shuai-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:var(--radius-sm);font-weight:600;font-size:0.875rem;color:white;margin-left:var(--spacing-xs)}.wang-shuai-badge.旺{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.wang-shuai-badge.相{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.wang-shuai-badge.休{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.wang-shuai-badge.囚{background:linear-gradient(135deg,#374151 0%,#1f2937 100%)}.wang-shuai-badge.死{background:linear-gradient(135deg,#111827 0%,#030712 100%)}.no-gua-shen{text-align:center;color:var(--text-secondary);font-style:italic;background:#f8fafc;padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px dashed var(--border)}.trigram-stack{display:inline-flex;flex-direction:column;align-items:center;background:#f8fafc;border:2px solid var(--primary-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);margin:var(--spacing-xs);font-family:'Noto Sans KR',sans-serif}.upper-trigram,.lower-trigram{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.2rem;font-weight:600;padding:2px 6px}.upper-trigram{color:var(--primary-color);border-bottom:1px solid var(--border-light);margin-bottom:2px}.lower-trigram{color:var(--secondary-color);margin-top:2px}.trigram-name{font-size:0.875rem;margin-left:var(--spacing-xs);color:var(--text-secondary)}.special-type-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:var(--radius-sm);font-weight:600;font-size:0.875rem;color:white;margin-left:var(--spacing-xs)}.special-type-badge.육충괘{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.special-type-badge.육합괘{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.special-type-badge.귀혼괘{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.special-type-badge.유혼괘{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.special-meaning{font-size:0.875rem;color:var(--text-secondary);font-style:italic;margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#f8fafc;border-radius:var(--radius-sm);border-left:4px solid var(--primary-color)}@media (max-width:768px){.extra-slot,[class^="extra-slot"],[class*="extra-slot"]{width:35px!important;min-width:35px!important;max-width:35px!important;height:45px!important;min-height:45px!important;max-height:45px!important;font-size:0.65rem!important}.extra-slot103,.extra-slot203,.extra-slot303,.extra-slot403,.extra-slot503,.extra-slot603{font-size:1.3rem!important}.extra-slot102,.extra-slot202,.extra-slot302,.extra-slot402,.extra-slot502,.extra-slot602{font-size:0.75rem!important}.line-slot{width:35px;height:45px}.line-slots-container{gap:3px}.line-label{width:45px;font-size:0.75rem}.line-position{min-height:45px;gap:var(--spacing-sm)}.hexagram-display{padding:var(--spacing-sm);gap:var(--spacing-xs)}.line-r-container{right:5px;gap:calc(var(--spacing-xs) * 0.5)}.line-r5{width:35px;min-height:45px;height:45px;font-size:0.75rem;margin-bottom:var(--spacing-md)}.line-r4{width:35px;min-height:45px;height:45px;font-size:0.75rem;margin-bottom:var(--spacing-md)}.line-r3{width:35px;min-height:45px;height:45px;font-size:0.75rem;margin-bottom:var(--spacing-md)}.line-r2{width:35px;min-height:45px;height:45px;font-size:0.75rem;margin-bottom:calc(var(--spacing-xs) * 0.5)}.line-r1,.line-r6{width:35px;min-height:18px;height:18px;font-size:0.75rem;margin-bottom:calc(var(--spacing-xs) * 0.5)}.line-r5 .pillar-char{font-size:1rem;line-height:1.1}.line-r4 .pillar-char{font-size:1rem;line-height:1.1}.line-r3 .pillar-char{font-size:1rem;line-height:1.1}.line-r2 .pillar-char{font-size:1rem;line-height:1.1}.line-r1 .pillar-char,.line-r6 .pillar-char{font-size:1rem}.line-r5 .pillar-label,.line-r4 .pillar-label,.line-r3 .pillar-label,.line-r2 .pillar-label,.line-r1 .pillar-label,.line-r6 .pillar-label{font-size:0.7rem;margin-bottom:calc(var(--spacing-xs) * 0.5)}.yang-line::before,.yin-line::before,.yin-line::after,.yang-moving-line::before,.yin-moving-line::before{height:30px!important}.yang-moving-line::after,.yin-moving-line::after{height:28px!important}}@media (max-width:480px){.extra-slot,[class^="extra-slot"],[class*="extra-slot"]{width:28px!important;min-width:28px!important;max-width:28px!important;height:38px!important;min-height:38px!important;max-height:38px!important;font-size:0.55rem!important}.extra-slot103,.extra-slot203,.extra-slot303,.extra-slot403,.extra-slot503,.extra-slot603{font-size:1.3rem!important}.extra-slot102,.extra-slot202,.extra-slot302,.extra-slot402,.extra-slot502,.extra-slot602{font-size:0.75rem!important}.line-slot{width:28px;height:38px}.line-slots-container{gap:2px}.line-label{width:35px;font-size:0.65rem}.line-position{min-height:38px;gap:var(--spacing-xs)}.hexagram-display{padding:var(--spacing-xs);gap:4px}.hexagram-section{padding:var(--spacing-md)}.line-r-container{right:3px;gap:calc(var(--spacing-xs) * 0.3)}.line-r5{width:28px;min-height:38px;height:38px;font-size:0.65rem;margin-bottom:var(--spacing-sm)}.line-r4{width:28px;min-height:38px;height:38px;font-size:0.65rem;margin-bottom:var(--spacing-sm)}.line-r3{width:28px;min-height:38px;height:38px;font-size:0.65rem;margin-bottom:var(--spacing-sm)}.line-r2{width:28px;min-height:38px;height:38px;font-size:0.65rem;margin-bottom:calc(var(--spacing-xs) * 0.3)}.line-r1,.line-r6{width:28px;min-height:15px;height:15px;font-size:0.65rem;margin-bottom:calc(var(--spacing-xs) * 0.3)}.line-r5 .pillar-char{font-size:0.85rem;line-height:1.1}.line-r4 .pillar-char{font-size:0.85rem;line-height:1.1}.line-r3 .pillar-char{font-size:0.85rem;line-height:1.1}.line-r2 .pillar-char{font-size:0.85rem;line-height:1.1}.line-r1 .pillar-char,.line-r6 .pillar-char{font-size:0.85rem}.line-r5 .pillar-label,.line-r4 .pillar-label,.line-r3 .pillar-label,.line-r2 .pillar-label,.line-r1 .pillar-label,.line-r6 .pillar-label{font-size:0.6rem;margin-bottom:calc(var(--spacing-xs) * 0.3)}.yang-line::before,.yin-line::before,.yin-line::after,.yang-moving-line::before,.yin-moving-line::before{height:25px!important}.yang-moving-line::after,.yin-moving-line::after{height:23px!important}}@media (min-width:481px) and (max-width:768px){.extra-slot,[class^="extra-slot"],[class*="extra-slot"]{width:clamp(28px,4vw,35px)!important;min-width:28px!important;max-width:35px!important;height:clamp(38px,5.5vw,45px)!important;min-height:38px!important;max-height:45px!important}.line-slot{width:clamp(28px,4vw,35px);height:clamp(38px,5.5vw,45px)}}@media (min-width:769px) and (max-width:1024px){.extra-slot,[class^="extra-slot"],[class*="extra-slot"]{width:clamp(35px,4.5vw,45px)!important;min-width:35px!important;max-width:45px!important;height:clamp(45px,6vw,60px)!important;min-height:45px!important;max-height:60px!important}.line-slot{width:clamp(35px,4.5vw,45px);height:clamp(45px,6vw,60px)}}