@import"https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&display=swap";:root{--bg-primary: #0f1729;--bg-secondary: #1a2744;--bg-tertiary: #243352;--bg-modal: #0a1220;--bg-card: #1a2744;--bg-card-inner: #0d1420;--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-tertiary: #8b9cb8;--text-muted: #6b7a94;--text-disabled: #4a5568;--accent-primary: #7c8aff;--accent-secondary: #7c8aff;--accent-cyan: #7c8aff;--accent-teal: #7c8aff;--accent-blue: #7c8aff;--accent-pink: #f472b6;--accent-purple: #7c8aff;--accent-green: #4ade80;--accent-orange: #fb923c;--accent-yellow: #facc15;--border-primary: #2a3a5a;--border-secondary: #3a4a6a;--border-light: #4a5a7a;--border-card: rgba(124, 138, 255, .15);--element-water: #7c8aff;--element-metal: #e2e8f0;--element-earth: #fbbf24;--element-wood: #4ade80;--element-fire: #f472b6;--glass-blur: blur(12px);--glass-bg-strong: rgba(26, 39, 68, .5);--glass-bg-medium: rgba(26, 39, 68, .7);--glass-bg-weak: rgba(26, 39, 68, .85);--glass-border: rgba(124, 138, 255, .15);--glass-border-light: rgba(124, 138, 255, .3);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .2);--glass-shadow-hover: 0 12px 40px rgba(124, 138, 255, .15);--status-success: #4ade80;--status-warning: #fb923c;--status-error: #f472b6;--status-info: #7c8aff;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 3px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 40px}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--glass-shadow);border:1px solid var(--border-card);transition:all .3s ease}.card:hover{box-shadow:var(--glass-shadow-hover)}.card-sm{padding:var(--space-md);border-radius:var(--radius-md)}.card-lg{padding:var(--space-2xl);border-radius:var(--radius-xl)}.card-inner{background:var(--bg-card-inner);border-radius:var(--radius-md);padding:var(--space-lg)}.text-header-xl{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.3}.text-header-lg{font-size:20px;font-weight:600;color:var(--text-primary);line-height:1.4}.text-header-md{font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.4}.text-body{font-size:14px;font-weight:400;color:var(--text-secondary);line-height:1.5}.text-label{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.text-micro{font-size:10px;font-weight:500;color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.btn{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:var(--accent-primary);color:#0f1729;font-weight:700;border:none;box-shadow:0 4px 20px #7c8aff4d}.btn-primary:hover{background:#8b98ff;box-shadow:0 6px 28px #7c8aff73;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-card)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--glass-border-light)}.tab-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-sm);display:flex;gap:var(--space-xs)}.tab-button{flex:1;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:hover{background:#7c8aff1a}.tab-button.active{background:var(--accent-primary);color:#0f1729;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}input[type=date]{color-scheme:dark}:root{--sidebar-width: 260px;--sidebar-width-collapsed: 60px;--panel-width: 420px;--panel-width-mobile: 100%;--header-height: 56px;--chat-input-height: 60px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.show-mobile-only{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}@media (max-width: 768px){.show-desktop-only{display:none!important}}@media (max-width: 768px){.layout-sidebar{position:fixed;left:-100%;transition:left var(--transition-normal);z-index:var(--z-fixed)}.layout-sidebar.open{left:0}.layout-panel{width:100%;max-width:100%}.layout-content{padding:var(--spacing-sm)}}@media (max-width: 768px){.card{padding:var(--spacing-sm);border-radius:var(--radius-md)}.card-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}}@media (max-width: 480px){.card{padding:var(--spacing-xs);border-radius:var(--radius-sm)}}@media (max-width: 768px){.text-truncate-mobile{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.heading-lg{font-size:1.25rem}.heading-md{font-size:1rem}}@media (max-width: 768px){.btn-group-mobile-stack{flex-direction:column;gap:var(--spacing-xs)}.btn-group-mobile-stack .btn{width:100%}.btn-touch{min-height:44px;min-width:44px}}@media (max-width: 768px){.modal-content{width:95%;max-width:95%;max-height:90vh;margin:var(--spacing-sm)}.modal-fullscreen-mobile{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;border-radius:0}}@media (max-width: 768px){input,textarea,select{font-size:16px}}.layout-app-mode .layout-sidebar{display:none}.layout-app-mode .layout-content{margin-left:0}.layout-embed-mode{padding:0}.layout-embed-mode .layout-sidebar{display:none}.layout-embed-mode .layout-header{position:sticky;top:0}.mobile-design.wide-screen .layout-content{max-width:600px;margin:0 auto}.mobile-design.wide-screen .card-grid{grid-template-columns:repeat(2,1fr)}*{box-sizing:border-box}:root{--vh: 1vh}html{width:100%;height:100%;height:100dvh;height:-webkit-fill-available;margin:0;padding:0;overflow-x:hidden;position:fixed;overscroll-behavior:none}body{margin:0!important;padding:0!important;padding-bottom:env(safe-area-inset-bottom)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#212121!important;color:#ececec;width:100%;height:100%;height:100dvh;height:-webkit-fill-available;overflow:hidden;position:fixed;-webkit-overflow-scrolling:touch;overscroll-behavior:none}#root{width:100%;height:100%;height:100dvh;height:-webkit-fill-available;overflow-y:auto;overflow-x:hidden;background:#212121;position:relative;margin:0;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;overscroll-behavior-x:none}body *{max-width:100%}.result-section,.pillars-section h3,.saju-table-container,.saju-analysis-buttons,.yinyang-elements-section,.pattern-analysis-section,.hapchung-analysis-section,.yongsin-analysis-section,.sinsal-analysis-section{max-width:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.fortune-scroll-container{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;scrollbar-width:thin;overscroll-behavior-x:contain!important;max-width:100%!important}.fortune-scroll-container::-webkit-scrollbar{display:block;height:4px}.fortune-scroll-container::-webkit-scrollbar-track{background:var(--bg-secondary, #1a2744)}.fortune-scroll-container::-webkit-scrollbar-thumb{background:var(--border-secondary, #3a4a6a);border-radius:2px}.fortune-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--border-light, #4a5a7a)}@media (max-width: 768px){#root{width:100%!important;max-width:100%!important;margin:0!important}}@media (min-width: 769px){body{display:block}#root{max-width:100%!important;width:100%!important;margin:0!important;box-shadow:none!important}}@media (display-mode: standalone){body{background-color:var(--bg-primary, #0f1729)!important;overscroll-behavior:none!important}#root{width:100%!important;max-width:100%!important;margin:0!important;box-shadow:none!important;overscroll-behavior:none!important}.App{overscroll-behavior:none!important}}.App{width:100%;height:100%;overflow-x:hidden;position:relative;background-color:#212121;color:#ececec}.App{height:100%;min-height:100vh}.App-header{background:var(--bg-primary, #0f1729);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:var(--text-primary, #ffffff)}.App-header h1{font-size:3rem;margin-bottom:1rem;animation:fadeIn 1s ease-in}.App-header p{font-size:1.5rem;opacity:.9;animation:fadeIn 1.5s ease-in}.install-button{margin-top:2rem;padding:12px 24px;font-size:1.1rem;font-weight:600;color:var(--text-primary, #ffffff);background-color:var(--accent-primary, #7c8aff);border:none;border-radius:var(--radius-md, 12px);cursor:pointer;transition:all .3s ease;animation:fadeIn 2s ease-in}.install-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 4px 12px rgba(0, 0, 0, .4));background-color:#8b98ff}.install-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.typing-indicator{display:flex;align-items:center;gap:4px}.typing-indicator span{width:8px;height:8px;background-color:var(--text-muted, #9ca3af);border-radius:50%;display:inline-block;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.app-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a0a;z-index:9999}.app-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:appSpin 1s linear infinite}@keyframes appSpin{to{transform:rotate(360deg)}}.four-pillars-container{width:100%;margin:0;padding:0}.four-pillars-table{width:100%;table-layout:fixed;border-collapse:collapse;background:#1a274499;border:2px solid rgba(124,138,255,.2);border-radius:12px;overflow:hidden;font-family:"Noto Serif KR",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.four-pillars-table .col-label{width:56px}.four-pillars-table .col-data{width:auto}.four-pillars-table thead th{background:#7c8aff26;color:#e2e8f0;font-weight:600;font-size:13px;padding:10px 8px;text-align:center;border-bottom:2px solid rgba(124,138,255,.2)}.four-pillars-table tbody td{padding:12px 8px;text-align:center;vertical-align:middle;border-bottom:1px solid rgba(124,138,255,.1);color:#cbd5e1;font-size:14px}.four-pillars-table tbody tr:last-child td{border-bottom:none}.four-pillars-table .row-label{background:#7c8aff14;color:#8b9cb8;font-weight:600;font-size:12px;text-align:center;padding:0 4px;white-space:nowrap;overflow:hidden;border-right:2px solid rgba(124,138,255,.15)}.hidden-stems-cell{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1px;flex-wrap:nowrap;overflow:hidden;width:100%}.four-pillars-table .stem-mini{font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:1;min-width:0;white-space:nowrap;text-align:center}.four-pillars-table .stem-mini.element-wood{color:#4ade80}.four-pillars-table .stem-mini.element-fire{color:#ef4444}.four-pillars-table .stem-mini.element-earth{color:#fbbf24}.four-pillars-table .stem-mini.element-metal{color:#cbd5e1}.four-pillars-table .stem-mini.element-water{color:#60a5fa}.four-pillars-table .char-main{font-size:22px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.four-pillars-table .char-main.emoji{font-size:32px;min-width:56px;min-height:56px}.four-pillars-table .char-main.emoji:not([class*=element-]){padding:12px}.four-pillars-table .char-main.unknown{color:#64748b;opacity:.5}.four-pillars-table .element-wood{color:#4ade80;background:#4ade804d;padding:6px 12px;border-radius:8px;box-shadow:inset 0 0 0 1px #4ade8033}.four-pillars-table .element-fire{color:#ef4444;background:#ef44444d;padding:6px 12px;border-radius:8px;box-shadow:inset 0 0 0 1px #ef444433}.four-pillars-table .element-earth{color:#fbbf24;background:#fbbf244d;padding:6px 12px;border-radius:8px;box-shadow:inset 0 0 0 1px #fbbf2433}.four-pillars-table .element-metal{color:#e2e8f0;background:#e2e8f04d;padding:6px 12px;border-radius:8px;box-shadow:inset 0 0 0 1px #e2e8f033}.four-pillars-table .element-water{color:#60a5fa;background:#60a5fa4d;padding:6px 12px;border-radius:8px;box-shadow:inset 0 0 0 1px #60a5fa33}.four-pillars-table .char-main.emoji.element-wood,.four-pillars-table .char-main.emoji.element-fire,.four-pillars-table .char-main.emoji.element-earth,.four-pillars-table .char-main.emoji.element-metal,.four-pillars-table .char-main.emoji.element-water{width:56px!important;height:56px!important;padding:0!important}.four-pillars-table.simple .char-main.emoji.element-wood,.four-pillars-table.simple .char-main.emoji.element-fire,.four-pillars-table.simple .char-main.emoji.element-earth,.four-pillars-table.simple .char-main.emoji.element-metal,.four-pillars-table.simple .char-main.emoji.element-water{width:64px!important;height:64px!important}.four-pillars-table.simple tbody td{padding:12px 8px}.four-pillars-table.simple .row-label{font-size:15px;font-weight:600;padding-left:16px;text-align:center}.four-pillars-table.simple .char-main{font-size:22px;min-width:44px;min-height:44px}.four-pillars-table.simple .char-main.emoji{font-size:28px;min-width:64px;min-height:64px}.four-pillars-table.simple .char-main.emoji:not([class*=element-]){padding:16px}@media (max-width: 640px){.four-pillars-table{font-size:12px}.four-pillars-table thead th{font-size:11px;padding:8px 4px}.four-pillars-table tbody td{padding:10px 4px;font-size:12px}.four-pillars-table .char-main{font-size:18px}.four-pillars-table .char-main.emoji{font-size:22px}.four-pillars-table .row-label{font-size:11px;padding-left:8px}.four-pillars-table.simple tbody td{padding:14px 4px}.four-pillars-table.simple .char-main{font-size:22px}.four-pillars-table.simple .char-main.emoji{font-size:26px}}.code-block-wrapper{margin:12px 0;border-radius:8px;overflow:hidden;background:#282c34}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#21252b;border-bottom:1px solid #3a3f4b}.code-language{font-size:12px;color:#abb2bf;font-family:monospace}.code-copy-btn{background:transparent;border:none;color:#abb2bf;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.code-copy-btn:hover{background:#3a3f4b;color:#fff}.inline-code{background:#6e76814d;padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.9em;color:#e06c75}.md-h1{font-size:1.6em;font-weight:700;margin:20px 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.md-h2{font-size:1.4em;font-weight:600;margin:18px 0 10px}.md-h3{font-size:1.2em;font-weight:600;margin:16px 0 8px}.md-h4{font-size:1.1em;font-weight:600;margin:14px 0 6px}.md-ul,.md-ol{margin:8px 0;padding-left:24px}.md-li{margin:6px 0;line-height:1.6}.md-ul>.md-li{list-style-type:disc}.md-ol>.md-li{list-style-type:decimal}.md-strong{font-weight:700;color:inherit}.md-em{font-style:italic}.md-link{color:#61afef;text-decoration:none}.md-link:hover{text-decoration:underline}.md-blockquote{margin:12px 0;padding:12px 16px;border-left:4px solid #61afef;background:#61afef1a;border-radius:0 8px 8px 0}.md-blockquote p{margin:0}.md-hr{border:none;height:1px;background:#ffffff1a;margin:20px 0}.md-table-wrapper{overflow-x:auto;margin:12px 0}.md-table{width:100%;border-collapse:collapse;font-size:14px}.md-table th,.md-table td{padding:10px 12px;border:1px solid rgba(255,255,255,.1);text-align:left}.md-table th{background:#ffffff0d;font-weight:600}.md-table tr:nth-child(2n){background:#ffffff05}.md-p{margin:8px 0;line-height:1.7}.md-p:first-child{margin-top:0}.md-p:last-child{margin-bottom:0}.saju-card{background:var(--bg-secondary, #1e1e1e)!important;border:1px solid var(--border-color, #2f2f2f)!important;border-radius:12px!important;padding:16px!important;display:flex!important;flex-direction:column!important;gap:12px!important;transition:all .2s}.saju-card:hover{border-color:var(--accent-color, #10a37f);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.saju-card.active{border-color:var(--accent-color, #10a37f);background:var(--bg-accent, rgba(16, 163, 127, .1))!important;box-shadow:0 0 0 2px var(--accent-color, #10a37f)}.saju-card.highlighted{border-color:#f59e0b;background:#f59e0b26!important;box-shadow:0 0 0 2px #f59e0b,0 0 12px #f59e0b4d}.saju-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.saju-card-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.saju-card-name{font-size:15px;font-weight:600;color:var(--text-primary, #ececec);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saju-card-actions{display:flex;gap:4px}.card-action-btn{background:transparent;border:none;padding:4px 6px;cursor:pointer;font-size:14px;opacity:.6;transition:opacity .2s}.card-action-btn:hover{opacity:1}.saju-card-date{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.saju-card-date .datetime{font-size:13px;color:var(--text-secondary, #b4b4b4)}.saju-card-pillars{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-tertiary, #171717);border-radius:8px}.saju-card-pillars .pillar-row{display:flex;justify-content:center;gap:8px}.saju-card-pillars .pillar-row.labels{font-size:11px;color:var(--text-tertiary, #737373);margin-bottom:4px}.saju-card-pillars .pillar-row.labels span{width:32px;text-align:center}.saju-card-pillars .pillar-col{display:flex;flex-direction:column;gap:2px}.saju-card-pillars .pillar-char{display:flex;align-items:center;justify-content:center;width:32px;height:28px;border-radius:4px;font-family:"Noto Serif KR",serif;font-size:14px;font-weight:600}.pillar-char.bg-wood{background:#4ade8040;color:#4ade80}.pillar-char.bg-fire{background:#f8717140;color:#f87171}.pillar-char.bg-earth{background:#fbbf2440;color:#fbbf24}.pillar-char.bg-metal{background:#e5e7eb33;color:#e5e7eb}.pillar-char.bg-water{background:#60a5fa40;color:#60a5fa}.pillar-char.bg-none{background:#73737333;color:#737373}.saju-card.clickable{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.saju-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:var(--accent-primary, #3b82f6)}.saju-card.clickable:active{transform:translateY(0)}.saju-card .saju-card-buttons{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin-top:4px;width:100%}.saju-card .saju-card-buttons:empty{display:none!important}.saju-card .saju-card-buttons .card-btn{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;height:40px;padding:8px 12px;margin:0;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;white-space:nowrap;box-sizing:border-box;align-self:center}.saju-card .saju-card-buttons .card-btn.report-btn{background:#10a37f;border-color:#10a37f;color:#fff}.saju-card .saju-card-buttons .card-btn.report-btn:hover{background:#0e906f;border-color:#0e906f}.saju-card .saju-card-buttons .card-btn.analysis-btn{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff}.saju-card .saju-card-buttons .card-btn.analysis-btn:hover{background:var(--accent-primary-hover, #4f46e5);border-color:var(--accent-primary-hover, #4f46e5)}.saju-card .badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500;white-space:nowrap}.saju-card .badge-group{background:#3f3f3f;color:#b4b4b4}.saju-card .badge-gender-male{background:#60a5fa40;color:#60a5fa}.saju-card .badge-gender-female{background:#f472b640;color:#f472b6}.saju-card .badge-calendar-solar{background:#f8717140;color:#f87171}.saju-card .badge-calendar-lunar{background:#60a5fa40;color:#60a5fa}.saju-card .badge-notime{background:#73737340;color:#737373}.saju-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}@media (max-width: 600px){.saju-card{padding:12px}.saju-card .saju-card-buttons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px}.saju-card .saju-card-buttons .card-btn{flex:1 1 0!important;min-width:0;padding:8px;font-size:11px}.saju-card-grid{grid-template-columns:1fr}}.saju-card .saju-card-buttons .card-btn.fortune-report-btn{background:#10a37f;border-color:#10a37f;color:#fff}.saju-card .saju-card-buttons .card-btn.fortune-report-btn:hover{background:#0e906f;border-color:#0e906f}.saju-list-content{display:flex;flex-direction:column;flex:1;min-height:0}.saju-filters{padding:12px 16px;background-color:var(--bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:12px;margin:0 16px 16px;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.filter-row.filter-header{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.filter-toggle-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color, #475569);background-color:var(--bg-secondary, #1e293b);color:var(--text-secondary, #94a3b8);font-size:13px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.filter-toggle-btn:hover{border-color:var(--accent-blue, #3b82f6);color:var(--text-primary, #f1f5f9)}.filter-toggle-btn.expanded{background-color:var(--bg-tertiary, #334155);border-color:var(--accent-blue, #3b82f6)}.filter-toggle-btn.has-filters{border-color:var(--accent-blue, #3b82f6)}.filter-toggle-btn .filter-badge{background-color:var(--accent-blue, #3b82f6);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.filter-toggle-btn .toggle-icon{font-size:10px;transition:transform .2s ease}.filters-collapsible{display:flex;flex-direction:column;gap:12px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease,padding .3s ease;padding-top:0}.filters-collapsible.expanded{max-height:500px;opacity:1;padding-top:12px;border-top:1px solid var(--border-color, #334155)}.filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-label{font-size:13px;font-weight:500;color:var(--text-secondary, #94a3b8);min-width:70px;flex-shrink:0}.saju-filters .archive-search{flex:1}.saju-filters .archive-search input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color, #475569);background-color:var(--bg-secondary, #1e293b);color:var(--text-primary, #f1f5f9);font-size:14px}.saju-filters .archive-search input:focus{outline:none;border-color:var(--accent-blue, #3b82f6);background-color:var(--bg-tertiary, #334155)}.saju-filters .archive-search input::placeholder{color:var(--text-tertiary, #64748b)}.filter-buttons{display:flex;gap:6px;flex-wrap:wrap}.filter-buttons .filter-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--border-color, #334155);background-color:var(--bg-primary, #0f172a);color:var(--text-secondary, #94a3b8);font-size:13px;cursor:pointer;transition:all .15s ease}.filter-buttons .filter-btn:hover{border-color:var(--accent-blue, #3b82f6);color:var(--text-primary, #f1f5f9)}.filter-buttons .filter-btn.active{background-color:var(--accent-blue, #3b82f6);border-color:var(--accent-blue, #3b82f6);color:#fff}.datetime-filters{display:flex;gap:8px;flex-wrap:wrap}.datetime-input-group{display:flex;align-items:center;gap:4px}.datetime-input-group input{width:50px;padding:6px 8px;border-radius:6px;border:1px solid var(--accent-blue, #3b82f6);background-color:var(--bg-tertiary, #334155);color:var(--text-primary, #f1f5f9);font-size:13px;text-align:center}.datetime-input-group input:first-child{width:60px}.datetime-input-group input:focus{outline:none;border-color:var(--accent-blue, #60a5fa);background-color:var(--bg-secondary, #1e293b);box-shadow:0 0 0 2px #3b82f64d}.datetime-input-group input::placeholder{color:var(--text-tertiary, #94a3b8)}.datetime-input-group .datetime-label{font-size:13px;color:var(--text-secondary, #cbd5e1);font-weight:500;margin-left:2px}.filter-status{justify-content:space-between;padding-top:8px;border-top:1px solid var(--border-color, #334155);margin-top:4px}.filter-count{font-size:13px;color:var(--text-secondary, #94a3b8)}.clear-filters-btn{padding:6px 12px;border-radius:6px;border:none;background-color:var(--bg-tertiary, #334155);color:var(--text-secondary, #94a3b8);font-size:12px;cursor:pointer;transition:all .15s ease}.clear-filters-btn:hover{background-color:var(--accent-red, #ef4444);color:#fff}.saju-list-content.compact .saju-filters{padding:12px;gap:8px}.saju-list-content.compact .filter-row{gap:8px}.saju-list-content.compact .filter-label{min-width:45px;font-size:12px}.saju-list-content.compact .filter-btn{padding:4px 8px;font-size:11px}.saju-list-content.compact .archive-search input{padding:8px 12px;font-size:13px}.saju-list-content.compact .datetime-input-group input{width:40px;padding:4px 6px;font-size:12px}.saju-list-content.compact .datetime-input-group input:first-child{width:50px}.saju-list-content.compact .datetime-input-group span{font-size:11px}.saju-list-content.compact .saju-card-grid{grid-template-columns:1fr;gap:8px}.saju-list-content.compact .group-title{font-size:13px;padding:8px 12px}.saju-list-content.compact .group-count{font-size:11px}.saju-list-content.compact .list-empty-full{padding:24px 16px}.saju-list-content.compact .list-empty-full .empty-icon{font-size:32px}.saju-list-content.compact .list-empty-full p{font-size:13px}@media (max-width: 768px){.filter-row{flex-direction:column;align-items:flex-start}.filter-label{min-width:auto;margin-bottom:4px}.filter-buttons,.datetime-filters{width:100%}.filter-status{flex-direction:column;gap:8px;align-items:flex-start}}.copy-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.copy-modal{background:#1a2744;border-radius:16px;width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;border:1px solid rgba(124,138,255,.2);box-shadow:0 8px 32px #0006}.copy-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(124,138,255,.15);flex-shrink:0}.copy-modal-header h3{margin:0;font-size:18px;color:#fff}.close-button{background:none;border:none;color:#8b9cb8;font-size:24px;cursor:pointer;padding:0;line-height:1}.close-button:hover{color:#fff}.copy-modal-body{padding:20px;overflow-y:auto;flex:1}.copy-description{color:#8b9cb8;font-size:14px;margin:0 0 16px}.copy-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.copy-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0f172999;border-radius:10px;cursor:pointer;transition:background .2s}.copy-option:hover{background:#7c8aff1a}.copy-option input[type=checkbox]{width:18px;height:18px;accent-color:#7c8aff;cursor:pointer}.option-label{color:#fff;font-weight:600;font-size:14px;min-width:70px}.option-desc{color:#6b7a94;font-size:12px}.copy-selected-count{text-align:center;color:#a5b4fc;font-size:14px;padding:12px;background:#7c8aff1a;border-radius:8px}.copy-modal-footer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid rgba(124,138,255,.15);flex-shrink:0;background:#1a2744}.cancel-button{flex:1;padding:12px;background:#6b7a944d;border:1px solid rgba(107,122,148,.4);border-radius:10px;color:#e2e8f0;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#6b7a9480}.copy-modal-footer .copy-button{flex:1;padding:12px;background:#7c8affd9;border:1px solid rgba(124,138,255,.4);border-radius:10px;color:#0f1729;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:block;box-shadow:none;transform:none}.copy-modal-footer .copy-button:hover{background:#7c8aff;transform:none;box-shadow:none}.fortune-section{margin-top:8px;border-radius:10px;background:#0f172999;overflow:hidden}.fortune-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s}.fortune-header:hover{background:#7c8aff1a}.fortune-title{color:#fff;font-weight:600;font-size:14px}.fortune-arrow{color:#8b9cb8;font-size:12px}.fortune-options{display:flex;flex-direction:column;gap:4px;padding:0 8px 8px}.fortune-sub-option{margin-left:16px;background:#7c8aff0d!important}.fortune-extended-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(124,138,255,.15)}.extended-section-title{display:block;font-size:11px;color:var(--text-secondary, #a9b1d6);margin-bottom:8px;font-weight:600}.manse-calendar-container{width:100%;max-width:500px;margin:0 auto;padding:20px;box-sizing:border-box}@media (max-width: 768px){.manse-calendar-container{padding:20px 16px}}@media (min-width: 769px) and (max-width: 1024px){.manse-calendar-container{padding:20px}}@media (min-width: 1025px){.manse-calendar-container{max-width:100%;margin:0 auto;padding:20px 40px}}.date-input-collapsed{display:flex;justify-content:space-between;align-items:center;background:#1a2744e6;padding:12px 16px;border-radius:12px;margin-bottom:15px;border:1px solid rgba(124,138,255,.2);max-width:500px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.date-input-loading{display:flex;justify-content:center;align-items:center;height:48px;margin-bottom:15px}.collapsed-left{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#e2e8f0;font-size:14px}.collapsed-row-1,.collapsed-row-2{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.collapsed-name{font-weight:700;color:#f0f4ff;font-size:15px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.collapsed-date{font-weight:500;color:#cbd5e1;font-size:13px}.collapsed-gender,.collapsed-calendar,.collapsed-group{background:#7c8aff33;padding:2px 8px;border-radius:4px;font-size:12px;color:#a5b4fc}.collapsed-calendar--solar,.collapsed-gender--male{background:#ef44442e;color:#fca5a5}.collapsed-calendar--lunar,.collapsed-gender--female{background:#3b82f62e;color:#93c5fd}.copy-saju-button-small{background:#7c8affd9;color:#0f1729;border:1px solid rgba(124,138,255,.4);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.copy-saju-button-small:hover{background:#7c8aff}.expand-button{background:#7c8aff4d;color:#fff;border:1px solid rgba(124,138,255,.4);padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s ease}.expand-button:hover{background:#7c8aff80}.date-input-section.traditional-doc{background:#1a2744b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:0;border-radius:16px;margin-bottom:30px;border:1px solid rgba(124,138,255,.15);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff14;max-width:500px;width:100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.date-input-section.traditional-doc:before{display:none}.doc-header{background:#1a274499;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px 24px;text-align:center;border-bottom:1px solid rgba(124,138,255,.1)}.doc-title{display:flex;align-items:center;justify-content:center;gap:16px}.doc-title h2{font-size:28px;font-weight:700;color:var(--text-primary, #ffffff);margin:0;letter-spacing:8px;font-family:"Noto Serif KR",serif}.title-deco{color:var(--accent-blue, #7c8aff);font-size:20px;opacity:.8}.doc-subtitle{color:var(--text-tertiary, #8b9cb8);font-size:13px;margin:4px 0 0;letter-spacing:1px}.doc-header-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#1a274499;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(124,138,255,.1)}.doc-header-left{text-align:left}.doc-header-left .doc-title-text{font-size:20px;font-weight:700;color:var(--text-primary, #ffffff);margin:0;font-family:"Noto Serif KR",serif}.doc-header-left .doc-subtitle{text-align:left}.copy-saju-button{padding:5px 10px;background:transparent;color:#7c8affb3;border:1px solid rgba(124,138,255,.25);border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:"Noto Serif KR",serif}.copy-saju-button:hover{background:#7c8aff1a;border-color:#7c8aff73;color:#7c8afff2}.copy-saju-button:active{background:#7c8aff26}.doc-body{padding:20px 24px;background:transparent}.doc-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(42,58,90,.45)}.doc-row:last-child{border-bottom:none}.doc-row .row-label{width:60px;font-size:15px;font-weight:600;color:var(--text-secondary, #e2e8f0);font-family:"Noto Serif KR",serif;flex-shrink:0}.doc-row .row-content{flex:1;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.calendar-toggle-group{display:inline-flex;background:#0f1729b3;border:1px solid rgba(124,138,255,.2);border-radius:10px;padding:3px;gap:2px}.calendar-toggle-group .doc-toggle{border:none;background:transparent;border-radius:7px;box-shadow:none;padding:6px 14px;font-size:14px}.calendar-toggle-group .doc-toggle:hover{background:#7c8aff26;border:none;box-shadow:none}.calendar-toggle-group .doc-toggle.active{background:#7c8affd9;color:#0f1729;font-weight:700;box-shadow:none;border:none}.calendar-toggle-group .doc-toggle.active.male{background:#1565c0d9;color:#fff}.calendar-toggle-group .doc-toggle.active.female{background:#c62828d9;color:#fff}.doc-toggle{padding:8px 16px;background:#1a274480;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(124,138,255,.15);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary, #e2e8f0);cursor:pointer;transition:all .3s ease;font-family:"Noto Serif KR",serif}.doc-toggle:hover{border-color:#7c8aff4d;background:#24335299;box-shadow:0 2px 12px #7c8aff1a}.doc-toggle.active{background:#7c8affd9;color:#0f1729;font-weight:700;border-color:#7c8aff80;box-shadow:0 4px 16px #7c8aff4d}.doc-toggle.active.male{background:#1565c0bf;border-color:#1565c080;box-shadow:0 4px 16px #1565c040}.doc-toggle.active.female{background:#c62828bf;border-color:#c6282880;box-shadow:0 4px 16px #c6282840}.doc-toggle.small{padding:6px 12px;font-size:13px}.date-input-group{display:flex;align-items:center;gap:4px}.doc-input{width:56px;padding:8px 4px;border:1px solid var(--border-secondary, #2a3a5a);border-radius:4px;font-size:16px;font-weight:500;background:var(--bg-secondary, #1a2744);color:var(--text-primary, #ffffff);text-align:center;font-family:"Noto Serif KR",serif;-webkit-appearance:none;-moz-appearance:textfield}.doc-input.year{width:72px}.doc-input.name-input{width:100%;max-width:200px;text-align:left;padding:8px 12px;font-size:16px;font-weight:500}.doc-input:disabled{opacity:.35;cursor:not-allowed}.doc-input::-webkit-inner-spin-button,.doc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.doc-input:focus{outline:none;border-color:var(--accent-blue, #7c8aff);background:var(--bg-tertiary, #243352)}.input-suffix{font-size:14px;color:var(--text-tertiary, #8b9cb8);font-family:"Noto Serif KR",serif}.time-unknown-text{font-size:14px;color:var(--text-tertiary, #8b9cb8);font-style:italic;font-family:"Noto Serif KR",serif}.time-unknown-toggle.active{background:#7c8aff33;border-color:#7c8aff80;color:#a0affff2;font-weight:600}.time-row .date-input-group:has(input:disabled){opacity:.4}.time-unknown-mark{color:#737373;font-style:italic}.doc-footer{padding:20px 24px;background:var(--bg-secondary, #1a2744);border-top:1px solid var(--border-secondary, #2a3a5a)}.calculate-button{width:100%;padding:14px 16px;background:#7c8afff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#0f1729;border:1px solid rgba(124,138,255,.5);border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:"Noto Serif KR",serif;letter-spacing:.5px;box-shadow:0 4px 24px #7c8aff59}.calculate-button:hover{background:#7c8aff;box-shadow:0 6px 32px #7c8aff80;transform:translateY(-2px)}.calculate-button:active{background:#7c8aff;transform:translateY(0);box-shadow:0 2px 16px #7c8aff59}.doc-row .row-content.date-row{flex-wrap:wrap}.date-conversion-hint{flex-basis:100%;font-size:12px;color:var(--text-muted, #8892a4);margin-top:4px;padding-left:2px}.conversion-result{display:none}@media (max-width: 768px){.date-input-section.traditional-doc{margin-left:-16px;margin-right:-16px;max-width:none;border-radius:0;border-left:none;border-right:none}.date-input-section.traditional-doc:before{left:0;right:0;border-left:none;border-right:none;border-radius:0}.doc-header{padding:16px 20px}.doc-title h2{font-size:24px;letter-spacing:6px}.doc-body{padding:16px 20px}.doc-row{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 0}.doc-row .row-label{width:auto}.doc-row .row-content{width:100%}.doc-row .row-content.date-row,.doc-row .row-content.time-row{justify-content:flex-start}.doc-toggle{padding:8px 14px;font-size:13px}.doc-input{width:50px;padding:8px 2px;font-size:15px}.doc-input.year{width:64px}.doc-footer{padding:16px 20px}.calculate-button{font-size:16px;letter-spacing:2px}}.result-section{background:#1a2744b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(124,138,255,.15);border-radius:16px;padding:0;position:relative;overflow:hidden;max-width:800px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff14}.result-section:before{display:none}@media (max-width: 768px){.result-section{margin-left:-16px;margin-right:-16px;width:auto;max-width:none!important;border-radius:0;border-left:none;border-right:none;overflow:visible;padding:0}.result-section:before{display:none}}.result-section h2{font-size:20px;margin-bottom:20px;color:var(--text-primary, #ffffff);font-family:"Noto Serif KR",serif}.result-item{display:flex;align-items:center;margin-bottom:15px;padding:10px;background:var(--bg-secondary, #1a2744);border-radius:4px;border:1px solid var(--border-secondary, #2a3a5a)}.result-item .label{font-weight:700;color:var(--text-tertiary, #8b9cb8);width:80px;font-family:"Noto Serif KR",serif}.result-item .value{color:var(--text-primary, #ffffff);font-size:16px}.pillars-section{margin-top:0;padding:24px;position:relative;z-index:1;width:100%;box-sizing:border-box}@media (max-width: 768px){.pillars-section{width:100%;padding:24px 16px;box-sizing:border-box}}@media (min-width: 1025px){.date-input-collapsed{max-width:1240px;width:100%;margin:0 auto 16px;padding:16px 24px;border-radius:16px;background:#070c1afa;border:1px solid rgba(124,138,255,.18);box-shadow:0 2px 20px #0006}.date-input-collapsed .collapsed-left{gap:6px;align-items:flex-start}.date-input-collapsed .collapsed-row-1,.date-input-collapsed .collapsed-row-2{gap:10px}.date-input-collapsed .collapsed-name{font-size:20px;font-weight:800;letter-spacing:-.5px;color:#fff;max-width:200px}.date-input-collapsed .collapsed-date{font-size:14px;font-weight:400;color:#7a8fad}.date-input-collapsed .collapsed-gender,.date-input-collapsed .collapsed-calendar,.date-input-collapsed .collapsed-group{font-size:12px;padding:3px 9px;border-radius:4px}.date-input-collapsed .copy-saju-button-small{padding:9px 20px;font-size:13px;border-radius:8px;flex-shrink:0}.result-section{max-width:1240px!important;overflow:visible;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0}.pillars-section{padding:0}.saju-desktop-split{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;width:100%;box-sizing:border-box;align-items:stretch}.saju-left-panel{padding:0 0 20px;background:#1a2744bf;border:1px solid rgba(124,138,255,.2);border-radius:16px;box-shadow:0 4px 24px #0003;overflow:visible}.saju-left-panel .four-pillars-container{padding:12px 16px 0}.saju-left-panel .four-pillars-table .char-main,.saju-left-panel .four-pillars-table .char-main.emoji{min-width:unset;min-height:unset;width:100%;box-sizing:border-box}.saju-right-panel{padding:16px 20px 28px;min-width:0;background:#1a2744bf;border:1px solid rgba(124,138,255,.2);border-radius:16px;box-shadow:0 4px 24px #0003;overflow:hidden}.saju-right-panel .saju-analysis-buttons{justify-content:flex-start;margin:0 0 12px}.pillars-section .saju-desktop-split .saju-left-panel h3{text-align:center;background:#7c8aff1f;border-radius:15px 15px 0 0;border-bottom:1px solid rgba(124,138,255,.18);margin:0;padding:14px 20px;font-size:14px;font-weight:600;color:#ffffffd9;letter-spacing:.04em}}@media (max-width: 1024px){.saju-desktop-split{display:block}}.pillars-section h3{font-size:18px;font-weight:600;text-align:center;font-family:"Noto Serif KR",serif;padding:12px 20px;background:var(--bg-tertiary, #243352);color:var(--text-primary, #ffffff);border-radius:4px;margin:-24px -24px 20px}@media (max-width: 768px){.pillars-section h3{margin:-24px -16px 20px;border-radius:0}}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.pillar{background:var(--bg-secondary, #1a2744);padding:15px;border-radius:4px;text-align:center;border:1px solid var(--border-secondary, #2a3a5a)}.pillar-title{font-size:14px;color:var(--text-tertiary, #8b9cb8);margin-bottom:8px;font-family:"Noto Serif KR",serif}.pillar-value{font-size:24px;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:10px;font-family:"Noto Serif KR",serif}.pillar-detail{display:flex;justify-content:center;gap:10px;font-size:14px;color:var(--text-secondary, #e2e8f0)}.pillar-detail span{background:var(--bg-tertiary, #243352);padding:2px 8px;border-radius:4px;border:1px solid var(--border-secondary, #2a3a5a)}.ten-star-info{margin-top:10px;font-size:13px}.ten-star-stem{color:#ff6b6b;font-weight:600;margin-bottom:4px}.ten-star-branch{color:#4ecdc4;font-weight:600}.saju-analysis-buttons{display:flex;justify-content:center;margin-top:20px;padding:4px;background:#0a1020b3;border-radius:14px;border:1px solid rgba(124,138,255,.18);flex-wrap:wrap;gap:2px}.analysis-button{flex:1;padding:8px 4px;background:transparent;border:none;border-radius:11px;color:#a0afdca6;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:"Noto Serif KR",serif;white-space:nowrap;text-align:center;line-height:1.4}.analysis-button+.analysis-button{border-left:1px solid rgba(124,138,255,.18)}.analysis-button.active,.analysis-button.active+.analysis-button{border-left-color:transparent}.analysis-button:hover{background:#7c8aff1a;color:#c8d7ffe6}.analysis-button:active{opacity:.8}.analysis-button.active{background:#7c8affe0;color:#0d1526;font-weight:700;box-shadow:0 2px 10px #7c8aff59}.analysis-button.active:hover{background:#7c8aff}@media (max-width: 768px){.saju-analysis-buttons{padding:3px;margin-left:-16px;margin-right:-16px;border-radius:0;border-left:none;border-right:none}.analysis-button{padding:7px 11px;font-size:12px}}.analysis-content-area{margin-top:20px;width:100%;box-sizing:border-box}.yinyang-elements-section{background:var(--bg-card, #1a2744);border-radius:4px;padding:20px;border:1px solid var(--border-secondary, #2a3a5a)}@media (max-width: 768px){.yinyang-elements-section{margin-left:-16px;margin-right:-16px;width:auto;border-radius:0;border-left:none;border-right:none}}.yinyang-elements-section h4{font-size:18px;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 16px;text-align:center;background:none;padding:0;border-radius:0;font-family:"Noto Serif KR",serif;letter-spacing:-.3px}.yinyang-elements-tables{display:flex;flex-direction:column;gap:12px;margin-top:16px}.yinyang-table,.elements-table{background:var(--bg-secondary, #1a2744);border-radius:4px;padding:16px;border:1px solid var(--border-secondary, #2a3a5a)}.yinyang-table h5,.elements-table h5{font-size:15px;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:12px;text-align:center;font-family:"Noto Serif KR",serif}.table-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.table-header-row h5{margin:0}.table-header-row .detail-button{margin-top:0;padding:6px 12px;font-size:12px}.yinyang-table table,.elements-table table{width:100%;border-collapse:collapse;border-radius:4px;overflow:hidden;border:1px solid var(--border-secondary, #2a3a5a)}.yinyang-table th,.elements-table th{background:var(--bg-tertiary, #243352);padding:12px 8px;text-align:center;font-weight:600;color:var(--text-primary, #ffffff);font-size:14px;font-family:"Noto Serif KR",serif;border-right:1px solid var(--border-secondary, #2a3a5a)}.yinyang-table th:last-child,.elements-table th:last-child{border-right:none}.yinyang-table td,.elements-table td{background:var(--bg-card, #1a2744);padding:14px 8px;border-top:1px solid var(--border-secondary, #2a3a5a);border-right:1px solid var(--border-secondary, #2a3a5a);font-size:18px;font-weight:600;color:var(--accent-blue, #7c8aff);text-align:center}.yinyang-table td:last-child,.elements-table td:last-child{border-right:none}.detail-button{margin-top:0;padding:4px 2px;background:none;color:#8c9bd280;border:none;border-radius:0;font-size:11px;font-weight:500;cursor:pointer;transition:color .2s;font-family:"Noto Serif KR",serif;white-space:nowrap}.detail-button:hover{color:#b4c3ffe6;background:none}.detail-content{margin-top:12px;padding:14px 16px;background:#0f172db3;border-radius:10px;border:1px solid rgba(124,138,255,.15);overflow:hidden}.detail-item{margin-bottom:8px;font-size:13px;line-height:1.65;color:#c8d7ffd9;display:flex;gap:8px;flex-wrap:wrap}.detail-item:last-child{margin-bottom:0}.detail-item strong{color:#8ca0ffe6;font-family:"Noto Serif KR",serif;min-width:24px;flex-shrink:0}.yinyang-split-bar{display:flex;border-radius:10px;overflow:hidden;height:38px;margin:10px 0 4px;background:#ffffff0d}.yinyang-yin-part,.yinyang-yang-part{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#ffffffe6;gap:4px;letter-spacing:.04em}.yinyang-yin-part{background:linear-gradient(90deg,#8b5cf6bf,#a78bfa99)}.yinyang-yang-part{background:linear-gradient(90deg,#fbbf2499,#f59e0b80)}.yinyang-balance-summary{font-size:12px;color:#b4c3ffa6;text-align:center;margin:0 0 12px;line-height:1.5}.yinyang-balance-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.yinyang-balance-yang,.yinyang-balance-yin{display:flex;align-items:center;gap:5px;flex-shrink:0;font-size:12px}.yinyang-balance-bar{flex:1;height:8px!important;margin:0!important}.yb-emoji{font-size:14px}.yb-keyword{font-weight:700;font-size:13px}.yb-yang{color:#fbbf24f2}.yb-yin{color:#a78bfaf2}.yb-count{font-size:11px;color:#a0afdc80;font-variant-numeric:tabular-nums}.yinyang-subs-row{display:flex;justify-content:space-between;font-size:11px;color:#8c9bd280;padding:0 2px}.yb-subs-yang{color:#fbbf2473}.yb-subs-yin{color:#a78bfa73}.section-pro-hint{font-size:.7em;font-weight:400;color:#788cbe99;margin-left:6px;letter-spacing:0;font-family:inherit}.yinyang-summary{text-align:center;font-size:12px;font-weight:500;margin-top:8px;padding:4px 12px;border-radius:20px;display:inline-block;align-self:center;width:fit-content;margin-left:auto;margin-right:auto}.yinyang-summary.yang-strong{background:#fbbf2426;color:#fbbf24e6}.yinyang-summary.yin-strong{background:#8b5cf626;color:#a78bfae6}.yinyang-summary.balanced{background:#64a0ff1f;color:#a0c8ffd9}.five-elements-bars{display:flex;flex-direction:column;gap:10px;padding:4px 0}.element-bar-row{display:flex;flex-direction:column;gap:3px}.element-bar-main{display:flex;align-items:center;gap:8px}.element-bar-icon{font-size:14px;flex-shrink:0;width:18px;text-align:center}.element-bar-label{min-width:36px;font-size:13px;font-weight:600;color:#c8d7ffd9;font-family:"Noto Serif KR",serif}.element-bar-label-wood{color:#4ade80}.element-bar-label-fire{color:#f87171}.element-bar-label-earth{color:#fbbf24}.element-bar-label-metal{color:#e2e8f0}.element-bar-label-water{color:#60a5fa}.element-bar-meaning-row{display:flex;align-items:center;justify-content:space-between;margin-left:26px;margin-top:0}.element-bar-subs{font-size:11px;font-weight:400;color:#a0afdc8c}.element-bar-detail-toggle{background:none;border:none;padding:0 4px;font-size:11px;color:#7c8affb3;cursor:pointer;white-space:nowrap;flex-shrink:0}.element-bar-detail-toggle:hover{color:#7c8aff}.element-bar-detail{margin-left:26px;margin-top:4px;font-size:12px;line-height:1.6;color:#b4c3e6bf;padding:8px 10px;background:#7c8aff0f;border-left:2px solid rgba(124,138,255,.3);border-radius:0 6px 6px 0}.element-bar-track{flex:1;height:9px;background:#ffffff12;border-radius:5px;overflow:hidden}.element-bar-fill{height:100%;border-radius:5px;min-width:4px}.element-bar-fill.wood{background:linear-gradient(90deg,#4ade80,#16a34a)}.element-bar-fill.fire{background:linear-gradient(90deg,#f87171,#dc2626)}.element-bar-fill.earth{background:linear-gradient(90deg,#fbbf24,#d97706)}.element-bar-fill.metal{background:linear-gradient(90deg,#e2e8f0,#94a3b8)}.element-bar-fill.water{background:linear-gradient(90deg,#60a5fa,#2563eb)}.element-bar-fill.empty-bar{background:#ffffff14;width:100%!important}.element-bar-count{min-width:18px;font-size:12px;font-weight:600;color:#a0afdca6;text-align:right;font-variant-numeric:tabular-nums}.problems-section{margin-top:20px;background:#141c3299;border-radius:10px;padding:14px 16px;border:1px solid rgba(251,191,36,.15)}.problems-section h5{font-size:14px;font-weight:600;color:#c8d7ffbf;margin-bottom:10px;font-family:"Noto Serif KR",serif;letter-spacing:.03em}.problems-content{display:flex;flex-direction:column;gap:7px}.problem-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;padding-top:2px}.problem-label{color:#a0afdc99;width:36px;min-width:36px;flex-shrink:0;font-family:"Noto Serif KR",serif;font-size:12px}.problem-value{color:#fbbf24d9;font-weight:500}.problem-value.ok{color:#4ade80b3;font-weight:400}.problem-easy-list{display:flex;flex-wrap:wrap;gap:6px;flex:1}.problem-easy-tag{font-size:12px;font-weight:500;color:#fbbf24d9;white-space:nowrap}.problem-easy-subs{font-size:11px;font-weight:400;color:#a0afdc73;margin-left:1px}.pattern-analysis-section{background:var(--bg-card, #1a2744);border-radius:4px;padding:20px;border:1px solid var(--border-secondary, #2a3a5a)}@media (max-width: 768px){.pattern-analysis-section{margin-left:-16px;margin-right:-16px;width:auto;border-radius:0;border-left:none;border-right:none}}.pattern-analysis-section h4{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);text-align:center;background:var(--bg-tertiary, #243352);padding:10px;border-radius:4px;margin:-20px -20px 20px;font-family:"Noto Serif KR",serif}.pattern-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.pattern-table-box{background:var(--bg-secondary, #1a2744);border-radius:4px;padding:16px;border:1px solid var(--border-secondary, #2a3a5a)}.pattern-table-box h5{font-size:15px;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:12px;text-align:center;font-family:"Noto Serif KR",serif}.pattern-table-box table{width:100%;border-collapse:collapse;border-radius:4px;overflow:hidden;border:1px solid var(--border-secondary, #2a3a5a)}.pattern-table-box th{background:var(--bg-tertiary, #243352);padding:10px 8px;text-align:center;font-weight:600;color:var(--text-primary, #ffffff);font-size:13px;font-family:"Noto Serif KR",serif;border-right:1px solid var(--border-secondary, #2a3a5a)}.pattern-table-box th:last-child{border-right:none}.pattern-table-box td{background:var(--bg-card, #1a2744);padding:12px 8px;border-top:1px solid var(--border-secondary, #2a3a5a);border-right:1px solid var(--border-secondary, #2a3a5a);font-size:14px;color:var(--text-secondary, #e2e8f0);text-align:center}.pattern-table-box td:last-child{border-right:none}.pattern-table-box td.strength-value,.pattern-table-box td.pattern-name-cell{font-size:18px;font-weight:600;color:var(--accent-blue, #7c8aff)}.pattern-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pattern-detail-grid .pattern-detail-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg-tertiary, #243352);border-radius:4px}.pattern-detail-grid .detail-label{font-size:12px;color:var(--text-tertiary, #8b9cb8);font-family:"Noto Serif KR",serif}.pattern-detail-grid .detail-value{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);font-family:"Noto Serif KR",serif}@media (max-width: 480px){.pattern-detail-grid{grid-template-columns:1fr}}.character-profile-empty{padding:24px;text-align:center}.profile-empty-msg{font-size:14px;color:var(--text-tertiary, #8b9cb8);line-height:1.6}.character-profile-card{background:var(--bg-tertiary, #243352);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px}.profile-header{display:flex;flex-direction:column;gap:6px}.profile-person-name{font-size:13px;color:var(--text-tertiary, #8b9cb8)}.profile-title-badge{font-size:22px;font-weight:700;color:var(--accent-blue, #7c8aff);letter-spacing:-.3px}.profile-desc{font-size:14px;color:var(--text-secondary, #c4cfe8);line-height:1.75;margin:0}.profile-tags{display:flex;gap:10px;flex-wrap:wrap}.profile-tag{display:flex;flex-direction:column;gap:4px;background:var(--bg-card, #1a2744);border-radius:8px;padding:10px 14px;flex:1;min-width:110px}.tag-label{font-size:11px;color:var(--text-tertiary, #8b9cb8);letter-spacing:.02em}.tag-value{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff)}.tag-value.energy{color:#7dd3fc}.tag-value.style{color:#a78bfa}.tag-label-sub{display:block;font-size:10px;color:var(--text-quaternary, #5c6e8a);margin-top:1px;font-weight:400}.profile-tag.expandable{gap:6px}.profile-detail-toggle{background:none;border:none;border-top:1px solid var(--border-secondary, #2a3a5a);padding:6px 0 0;margin-top:2px;cursor:pointer;font-size:11px;color:var(--text-tertiary, #8b9cb8);text-align:left;letter-spacing:.02em;width:100%}.profile-detail-toggle:hover{color:var(--text-secondary, #c4cfe8)}.profile-detail-content{font-size:13px;color:var(--text-secondary, #c4cfe8);line-height:1.8;white-space:pre-wrap}.pattern-easy-detail{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:baseline}.ped-label{font-size:11px;color:var(--text-tertiary, #8b9cb8);white-space:nowrap}.ped-value{font-size:13px;color:var(--text-primary, #e2e8f0);font-weight:500}.hapchung-analysis-section{background:var(--bg-card, #1a2744);border-radius:4px;padding:20px;border:1px solid var(--border-secondary, #2a3a5a)}@media (max-width: 768px){.hapchung-analysis-section{margin-left:-16px;margin-right:-16px;width:auto;border-radius:0;border-left:none;border-right:none}}.hapchung-analysis-section h4{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);background:var(--bg-tertiary, #243352);padding:10px;border-radius:4px;margin:-20px -20px 20px;text-align:center;font-family:"Noto Serif KR",serif}.hapchung-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.hapchung-table-box{background:var(--bg-secondary, #1a2744);border-radius:4px;padding:16px;border:1px solid var(--border-secondary, #2a3a5a)}.hapchung-table-box h5{font-size:15px;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:12px;text-align:center;font-family:"Noto Serif KR",serif}.hapchung-table{width:100%;border-collapse:collapse;border-radius:4px;overflow:hidden;border:1px solid var(--border-secondary, #2a3a5a)}.hapchung-table th{background:var(--bg-tertiary, #243352);padding:12px 8px;text-align:center;font-weight:600;color:var(--text-primary, #ffffff);font-size:14px;font-family:"Noto Serif KR",serif;border-right:1px solid var(--border-secondary, #2a3a5a)}.hapchung-table th:last-child{border-right:none}.hapchung-table td{background:var(--bg-card, #1a2744);padding:14px 8px;border-top:1px solid var(--border-secondary, #2a3a5a);border-right:1px solid var(--border-secondary, #2a3a5a);font-size:16px;font-weight:600;color:var(--accent-blue, #7c8aff);text-align:center}.hapchung-table td:last-child{border-right:none}.relations-analysis-section{background:var(--bg-card, #1a2744);border-radius:4px;padding:20px;border:1px solid var(--border-secondary, #2a3a5a)}@media (max-width: 768px){.relations-analysis-section{margin-left:-16px;margin-right:-16px;border-radius:0;border-left:none;border-right:none}}.relations-analysis-section h4{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);background:var(--bg-tertiary, #243352);padding:10px;border-radius:4px;margin:-20px -20px 20px;text-align:center;font-family:"Noto Serif KR",serif}.relation-groups{display:flex;flex-direction:column;gap:10px}.relation-group-card{background:var(--bg-tertiary, #243352);border-radius:10px;padding:14px 16px;border:1px solid var(--border-secondary, #2a3a5a)}.relation-group-empty-card{opacity:1}.relation-group-header{display:flex;align-items:baseline;gap:6px;margin-bottom:10px}.relation-group-title{font-size:14px;font-weight:700;color:var(--accent-blue, #7c8aff)}.relation-group-sub{font-size:11px;color:var(--text-tertiary, #8b9cb8)}.relation-group-items{display:flex;flex-direction:column;gap:6px}.relation-item{display:flex;align-items:baseline;gap:8px;font-size:13px}.relation-item-label{min-width:72px;flex-shrink:0;color:var(--text-tertiary, #8b9cb8);font-size:12px}.relation-item-value{color:var(--text-primary, #e2e8f0);font-size:13px;line-height:1.5}.relation-none{font-size:12px;color:var(--text-quaternary, #5c6e8a)}.relations-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.relations-detail-grid .relations-detail-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg-tertiary, #243352);border-radius:4px}.relations-detail-grid .detail-label{font-size:12px;color:var(--text-tertiary, #8b9cb8);font-family:"Noto Serif KR",serif}.relations-detail-grid .detail-value{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff);font-family:"Noto Serif KR",serif}.relations-extra-grid{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px dashed var(--border-secondary, #2a3a5a)}.relations-extra-item{display:flex;align-items:center;gap:8px}.relations-extra-item .extra-label{font-size:13px;font-weight:500;color:var(--text-tertiary, #8b9cb8);min-width:70px;font-family:"Noto Serif KR",serif}.relations-extra-item .extra-value{font-size:13px;color:var(--text-secondary, #e2e8f0)}@media (max-width: 480px){.relations-detail-grid{grid-template-columns:1fr}}.stem-relations-section,.branch-relations-section{margin-bottom:20px}.stem-relations-section h4,.branch-relations-section h4{font-size:15px;font-weight:600;color:var(--text-secondary, #e2e8f0);background:none;padding:0;margin:0 0 12px;font-family:"Noto Serif KR",serif}.special-relations-box{background:var(--bg-secondary, #1a2744);border-radius:4px;padding:16px;border:1px solid var(--border-secondary, #2a3a5a)}.special-relation-item{display:flex;margin-bottom:10px}.special-relation-label{font-size:14px;font-weight:500;color:var(--text-tertiary, #8b9cb8);width:80px;font-family:"Noto Serif KR",serif}.special-relation-value{font-size:14px;color:var(--text-secondary, #e2e8f0);flex:1}.yongsin-analysis-section{background:var(--bg-card, #1a2744);border-radius:4px;padding:20px;border:1px solid var(--border-secondary, #2a3a5a)}@media (max-width: 768px){.yongsin-analysis-section{margin-left:-16px;margin-right:-16px;width:auto;border-radius:0;border-left:none;border-right:none}}.yongsin-analysis-section h4{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);text-align:center;background:var(--bg-tertiary, #243352);padding:10px;border-radius:4px;margin:-20px -20px 20px;font-family:"Noto Serif KR",serif}.yongsin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.yongsin-card{border-radius:12px;padding:14px;border:1px solid;display:flex;flex-direction:column;gap:8px}.yongsin-card-good{background:#4ade800f;border-color:#4ade8033}.yongsin-card-support{background:#38bdf80f;border-color:#38bdf833}.yongsin-card-neutral{background:#a78bfa0f;border-color:#a78bfa33}.yongsin-card-drain{background:#fb923c0f;border-color:#fb923c33}.yongsin-card-bad{background:#f871710f;border-color:#f8717133}.yongsin-card-header{display:flex;align-items:center;gap:6px}.yongsin-card-god-emoji{font-size:18px}.yongsin-card-god-label{font-size:15px;font-weight:700;color:#dce6fff2;font-family:"Noto Serif KR",serif}.yongsin-card-god-pro{font-size:11px;color:#8c9bc899;font-weight:400}.yongsin-card-element{display:flex;align-items:center;gap:10px;background:#ffffff0a;border-radius:8px;padding:10px 12px}.yongsin-elem-char{font-size:24px;font-weight:700;color:var(--text-primary, #ffffff);font-family:"Noto Serif KR",serif;flex-shrink:0;min-width:28px;text-align:center}.yongsin-elem-keywords{display:flex;flex-direction:column;gap:2px}.yongsin-elem-keyword{font-size:13px;font-weight:600;color:#c8d7ffe6}.yongsin-elem-subs{font-size:11px;color:#96a5d299;line-height:1.3}.yongsin-card-desc{font-size:12px;line-height:1.6;color:#b4c3e6b3;margin:0}.yongsin-reason-toggle{display:flex;flex-direction:column;gap:6px}.yongsin-content,.yongsin-label,.yongsin-value{display:none}.sinsal-analysis-section{background:var(--bg-card, #1a2744);border-radius:4px;padding:20px;border:1px solid var(--border-secondary, #2a3a5a)}@media (max-width: 768px){.sinsal-analysis-section{margin-left:-16px;margin-right:-16px;width:auto;border-radius:0;border-left:none;border-right:none}}.sinsal-analysis-section h4{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);text-align:center;background:var(--bg-tertiary, #243352);padding:10px;border-radius:4px;margin:-20px -20px 20px;font-family:"Noto Serif KR",serif}.sinsal-section-layout{display:flex;flex-direction:column;gap:10px}.sinsal-row{display:grid;gap:10px}.sinsal-row-single{grid-template-columns:1fr}.sinsal-row-single .sinsal-card{flex-direction:row;justify-content:center;gap:12px;padding:14px 20px}.sinsal-row-3{grid-template-columns:repeat(3,1fr)}.sinsal-row-2{grid-template-columns:repeat(2,1fr)}.sinsal-row-sal{grid-template-columns:repeat(3,1fr)}.sinsal-card{border-radius:8px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;border:1px solid var(--border-secondary, #2a3a5a)}.sinsal-card.present{background:#63b3ed1f;border-color:#63b3ed66}.sinsal-card.absent{background:#ffffff08;opacity:.5}.sinsal-card.sinsal-type-sal.present{background:#fc814a1f;border-color:#fc814a66}.sinsal-card.sinsal-type-guiin.present{background:#9ae6b41f;border-color:#9ae6b466}.sinsal-card.sinsal-type-special.present{background:#f6e05e1f;border-color:#f6e05e66}.sinsal-card-label{font-size:13px;font-weight:600;color:var(--text-primary, #fff);line-height:1.3}.sinsal-card-sub{font-size:10px;color:var(--text-secondary, #8899aa);line-height:1.2}.sinsal-card-pos{font-size:11px;color:var(--accent-blue, #63b3ed);margin-top:2px;word-break:break-all}.sinsal-type-sal.present .sinsal-card-pos{color:#fc814a}.sinsal-type-guiin.present .sinsal-card-pos{color:#9ae6b4}.sinsal-type-special.present .sinsal-card-pos{color:#f6e05e}.sinsal-card-none{font-size:11px;color:var(--text-tertiary, #4a5a7a);margin-top:2px}.sinsal-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.sinsal-table-box{background:var(--bg-secondary, #1a2744);border-radius:4px;padding:16px;border:1px solid var(--border-secondary, #2a3a5a)}.sinsal-table-box h5{font-size:15px;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:12px;text-align:center;font-family:"Noto Serif KR",serif}.sinsal-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:40px;align-items:center}.sinsal-tag{display:inline-block;padding:8px 12px;border-radius:4px;font-size:13px;font-weight:500;font-family:"Noto Serif KR",serif}.sinsal-tag.guiin{background:#9ece6a26;color:var(--accent-green, #4ade80);border:1px solid rgba(158,206,106,.3)}.sinsal-tag.sal{background:#f7768e26;color:var(--accent-pink, #f472b6);border:1px solid rgba(247,118,142,.3)}.sinsal-empty{font-size:14px;color:var(--text-muted, #9ca3af);font-style:italic}.sinsal-table-box.gongmang{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3)}.gongmang-content{display:flex;flex-direction:column;gap:8px}.gongmang-row{display:flex;align-items:center;gap:8px;font-size:14px}.gongmang-label{font-weight:500;color:var(--text-tertiary, #8b9cb8);min-width:80px}.gongmang-value{font-weight:600;color:var(--accent-purple, #a78bfa);font-family:"Noto Serif KR",serif}.gongmang-positions{font-size:12px;color:var(--text-muted, #9ca3af)}.special-sinsal-box{background:var(--bg-secondary, #1a2744);border-radius:4px;padding:16px;border:1px solid var(--border-secondary, #2a3a5a)}.sinsal-category-grid{display:grid;gap:12px}.sinsal-category-item{display:flex;align-items:flex-start}.sinsal-category-label{font-size:14px;font-weight:500;color:var(--text-tertiary, #8b9cb8);width:100px;font-family:"Noto Serif KR",serif}.sinsal-category-value{font-size:14px;color:var(--text-secondary, #e2e8f0);flex:1;line-height:1.5}.code-example pre{background:var(--bg-primary, #0f1729);color:var(--text-secondary, #e2e8f0);padding:15px;border-radius:4px;overflow-x:auto;font-family:Monaco,Courier New,monospace;font-size:14px;line-height:1.5}.current-fortune-section{margin-top:30px;background:var(--bg-card, #1a2744);padding:20px;border-radius:4px;border:1px solid var(--border-secondary, #2a3a5a)}@media (max-width: 768px){.current-fortune-section{margin-left:-24px;margin-right:-24px;border-radius:0;border-left:none;border-right:none}}.current-fortune-section h3{text-align:center;color:#212529;margin-bottom:24px;font-size:20px;font-weight:600}.current-fortune-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.fortune-item{padding:24px;border-radius:10px;box-shadow:0 2px 8px #2196f326}.fortune-item.seun{background:#ffe082}.fortune-item.wolun{background:#9ccc65}.fortune-title{font-size:16px;font-weight:600;color:#495057;text-align:center;margin-bottom:20px}.fortune-item.seun .fortune-title{color:#f57c00}.fortune-item.wolun .fortune-title{color:#33691e}@media (max-width: 1024px){.current-fortune-grid{grid-template-columns:1fr}}.integrated-fortune-section{margin-top:16px;background:var(--bg-card, #1a2744);padding:0;border-radius:4px;border:1px solid var(--border-secondary, #2a3a5a);width:100%;box-sizing:border-box;overflow:hidden}.integrated-fortune-section h3{text-align:center;color:var(--text-primary, #ffffff);margin-bottom:0;font-size:18px;font-weight:600;background:var(--bg-tertiary, #243352);padding:14px 20px;font-family:"Noto Serif KR",serif}.fortune-basic-info{background:var(--bg-secondary, #1a2744);padding:16px;border-radius:4px;margin-bottom:20px;text-align:center;border:1px solid var(--border-secondary, #2a3a5a)}.all-fortunes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:0;margin-top:0;padding:20px;width:100%;box-sizing:border-box}.fortune-daily-calendar{margin-top:24px;padding:20px;background:var(--bg-card, #1a2744);border-radius:8px;border:1px solid var(--border-secondary, #2a3a5a)}.fortune-daily-calendar .calendar-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.fortune-daily-calendar .calendar-header h4{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.fortune-daily-calendar .calendar-header .nav-button{background:transparent;border:1px solid var(--border-secondary, #2a3a5a);color:var(--text-secondary, #e2e8f0);width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.fortune-daily-calendar .calendar-header .nav-button:hover{background:var(--bg-tertiary, #243352);border-color:var(--accent-blue, #4f9cf9)}@media (max-width: 768px){.all-fortunes-grid{grid-template-columns:1fr;gap:16px;padding:16px}.integrated-fortune-section{border-radius:8px}.fortune-item{padding:16px}.fortune-title{font-size:14px;margin-bottom:16px}.daewoon-detail-grid{grid-template-columns:1fr 1fr;gap:12px}.daewoon-detail-item .detail-header{font-size:11px}.daewoon-detail-item .detail-main{margin-bottom:6px}.ganzhi-char{font-size:24px;margin-right:4px}.element-symbol{font-size:12px}.unseong-value{font-size:16px}.sinsal-value{font-size:14px}.daewoon-detail-item .detail-sub{font-size:11px;padding-top:6px}}.current-year-months{margin-top:30px;background:var(--bg-card, #1a2744);padding:0;border-radius:4px;border:2px solid var(--border-secondary, #2a3a5a);max-width:800px;margin-left:auto;margin-right:auto;box-sizing:border-box;width:100%;overflow:hidden}@media (max-width: 768px){.current-year-months{margin:30px -16px 0;border-radius:0;max-width:none;width:auto;border-left:none;border-right:none}}.current-year-months h3{font-size:18px;margin-bottom:0;color:var(--text-primary, #ffffff);text-align:center;background:var(--bg-tertiary, #243352);padding:14px 20px;font-family:"Noto Serif KR",serif}.months-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;box-sizing:border-box;padding:20px}.month-item{background:var(--bg-secondary, #1a2744);padding:16px 12px;border-radius:4px;text-align:center;border:1px solid var(--border-secondary, #2a3a5a);transition:all .2s;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;cursor:pointer}.month-item:hover{background:var(--bg-tertiary, #243352);border-color:var(--accent-blue, #7c8aff)}.month-item.current-month{background:var(--bg-tertiary, #243352);border-color:var(--accent-blue, #7c8aff);border-width:2px}.month-item.current-month .month-stem,.month-item.current-month .month-branch{color:var(--accent-blue, #7c8aff);font-weight:800}.month-number{font-size:13px;color:var(--text-tertiary, #8b9cb8);margin-bottom:5px;font-family:"Noto Serif KR",serif}.month-ganji{display:flex;justify-content:center;gap:6px;margin:8px 0}.month-ganji .month-stem,.month-ganji .month-branch{font-size:24px;font-weight:700;color:var(--text-primary, #ffffff);font-family:"Noto Serif KR",serif}.month-detail{display:flex;justify-content:center;gap:8px;font-size:12px}.month-detail span{background:var(--bg-tertiary, #243352);padding:2px 6px;border-radius:3px;color:var(--text-secondary, #e2e8f0)}.month-jieqi{font-size:11px;color:var(--accent-orange, #fb923c);margin-top:4px;text-align:center;font-family:"Noto Serif KR",serif}.daewoon-section{margin-top:30px}.daewoon-info{background:var(--bg-secondary, #1a2744);padding:15px;border-radius:4px;margin-bottom:20px;border:1px solid var(--border-secondary, #2a3a5a)}.daewoon-table{width:100%;border-collapse:collapse;margin-top:15px;table-layout:fixed;border:1px solid var(--border-secondary, #2a3a5a)}.daewoon-table th,.daewoon-table td{border:1px solid var(--border-secondary, #2a3a5a);padding:10px;text-align:center}.daewoon-table th{background:var(--bg-tertiary, #243352);font-weight:500;color:var(--text-primary, #ffffff);font-family:"Noto Serif KR",serif}@media (max-width: 600px){.pillars{grid-template-columns:1fr}.months-grid{grid-template-columns:repeat(3,1fr);width:100%}.input-field{width:85px}.input-field input{font-size:16px;padding:14px 10px 6px}}.month-item.selected{background-color:#e3f2fd;border-color:#2196f3}.selected-month-calendar{margin-top:20px;padding:16px;background:var(--bg-secondary, #1a2744);border-radius:4px;width:100%;box-sizing:border-box;border:1px solid var(--border-secondary, #2a3a5a)}.selected-month-calendar .month-navigation-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px;width:100%}.selected-month-calendar .month-navigation-header h4{margin:0;color:var(--text-primary, #ffffff);font-size:16px;text-align:center;flex-shrink:0;font-family:"Noto Serif KR",serif}.daily-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%;box-sizing:border-box}.daily-calendar-item{padding:8px 4px;background:var(--bg-card, #1a2744);border:1px solid var(--border-secondary, #2a3a5a);border-radius:4px;text-align:center;min-height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center}.daily-calendar-item.season-node-day{background-color:var(--bg-tertiary, #243352);border-color:var(--accent-orange, #fb923c);border-width:2px}.daily-calendar-item .day-number{font-weight:600;font-size:13px;color:var(--text-secondary, #e2e8f0);margin-bottom:2px;font-family:"Noto Serif KR",serif}.daily-calendar-item .day-ganji{font-size:15px;font-weight:600;color:var(--text-primary, #ffffff);margin:2px 0;font-family:"Noto Serif KR",serif}.daily-calendar-item .lunar-date{font-size:10px;color:var(--text-tertiary, #8b9cb8)}.daily-calendar-item .lunar-date .season-badge{color:var(--accent-orange, #fb923c);font-weight:600;margin-left:2px}@media (max-width: 768px){.selected-month-calendar{margin:20px 0 0;padding:12px;border-radius:4px;width:100%}.daily-calendar-grid{grid-template-columns:repeat(5,1fr);gap:4px;width:100%}.daily-calendar-item{padding:6px 2px;min-height:60px}.daily-calendar-item .day-number{font-size:12px}.daily-calendar-item .day-ganji{font-size:14px}.daily-calendar-item .lunar-date{font-size:9px}}@media (max-width: 480px){.daily-calendar-grid{grid-template-columns:repeat(4,1fr);gap:4px}.daily-calendar-item{padding:4px 2px;min-height:55px}.daily-calendar-item .day-number{font-size:11px}.daily-calendar-item .day-ganji{font-size:13px}}.monthly-calendar-section{margin-top:40px;padding:30px;background-color:#f5f6fa;border-radius:8px}.month-selector{display:flex;align-items:center;gap:10px;margin-bottom:20px}.month-selector input{width:80px;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.month-selector button{padding:8px 16px;background-color:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.month-selector button:hover{background-color:#0052a3}.monthly-calendar-result h3{margin-bottom:20px;text-align:center;color:#2c3e50}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.calendar-day{background:#1a2744;border:1px solid #3a4a6a;border-radius:6px;padding:10px;min-height:100px;transition:all .2s ease}.calendar-day:hover{box-shadow:0 2px 8px #0000004d;border-color:#7c8aff}.calendar-day.jieqi-day{background-color:#fb923c26;border-color:#fb923c}.calendar-day .day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calendar-day .day-number{font-weight:600;color:#e2e8f0}.jieqi-badge{background-color:#ff9800;color:#fff;padding:2px 6px;border-radius:12px;font-size:11px;font-weight:600}.day-pillars{font-size:12px}.pillar-info{display:flex;gap:5px;margin-bottom:4px}.pillar-label{color:#8b9cb8;font-weight:500}.pillar-value{color:#e2e8f0;font-weight:600}.lunar-info{color:#8b9cb8;font-size:11px;margin-top:4px}@media (max-width: 768px){.calendar-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.calendar-grid{grid-template-columns:repeat(2,1fr)}}.season-nodes-section{margin-top:30px;padding:20px;background:#1a2744;border-radius:8px;border:1px solid rgba(124,138,255,.15)}.season-nodes-section h4{margin-bottom:15px;font-size:18px;color:#e2e8f0}.season-nodes-list{display:flex;flex-direction:column;gap:10px}.season-node-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0d1420;border-radius:6px;border:1px solid #3a4a6a}.season-date{font-weight:600;color:#e2e8f0}.daewoon-section{margin-top:30px;background:var(--bg-card, #1a2744);border-radius:12px;padding:24px;box-shadow:var(--shadow-md, 0 3px 6px rgba(0, 0, 0, .3));border:1px solid var(--border-secondary, #2a3a5a)}.daewoon-section h3{font-size:18px;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:20px;text-align:center;font-family:"Noto Serif KR",serif}.daewoon-info{background:var(--bg-secondary, #1a2744);padding:24px;border-radius:10px;margin-bottom:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;border:1px solid var(--border-secondary, #2a3a5a)}.daewoon-info .result-item{background:var(--bg-tertiary, #243352);padding:16px;border-radius:8px;box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .2));margin-bottom:0}.daewoon-info .label{font-size:14px;color:var(--text-tertiary, #8b9cb8);font-weight:500;display:block;margin-bottom:4px}.daewoon-info .value{font-size:18px;font-weight:600;color:var(--text-primary, #ffffff);display:block}.current-daewoon-details{margin-top:20px;padding:24px;background:var(--bg-secondary, #1a2744);border-radius:10px;box-shadow:var(--shadow-md, 0 3px 6px rgba(0, 0, 0, .3));border:1px solid var(--border-secondary, #2a3a5a)}.daewoon-detail-title{font-size:16px;font-weight:600;color:var(--accent-blue, #7c8aff);text-align:center;margin-bottom:20px;font-family:"Noto Serif KR",serif}.daewoon-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:16px}.daewoon-detail-item{background:var(--bg-tertiary, #243352);padding:16px;border-radius:8px;box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .2));transition:transform .2s,box-shadow .2s;border:1px solid var(--border-secondary, #2a3a5a)}.daewoon-detail-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 3px 6px rgba(0, 0, 0, .3))}.daewoon-detail-item .detail-header{font-size:12px;font-weight:600;color:var(--text-tertiary, #8b9cb8);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;text-align:center}.daewoon-detail-item .detail-main{text-align:center;margin-bottom:8px}.daewoon-detail-item .detail-sub{display:flex;justify-content:center;align-items:center;gap:6px;font-size:13px;padding-top:8px;border-top:1px solid var(--border-secondary, #2a3a5a)}.daewoon-detail-item .sub-label{color:var(--text-muted, #9ca3af);font-weight:500}.daewoon-detail-item .sub-value{color:var(--text-secondary, #e2e8f0);font-weight:600}.ganzhi-char{font-size:32px;font-weight:700;display:inline-block;margin-right:8px;color:var(--text-primary, #ffffff);font-family:"Noto Serif KR",serif}.element-symbol{font-size:14px;color:var(--text-secondary, #e2e8f0);font-weight:600;vertical-align:super}.unseong-value{font-size:20px;font-weight:600;color:var(--accent-purple, #7c8aff)}.sinsal-value{font-size:18px;font-weight:600;color:var(--accent-pink, #f472b6)}.daewoon-detail-item.sky-stem{background:#f7768e1f}.daewoon-detail-item.earth-branch,.daewoon-detail-item.unseong{background:#7c8aff1f}.daewoon-detail-item.sinsal{background:#ff9e641f}.daewoon-detail-button{margin-top:20px;padding:12px 24px;background:var(--accent-blue, #7c8aff);border:none;border-radius:4px;font-size:15px;font-weight:500;color:var(--text-primary, #ffffff);cursor:pointer;transition:all .2s;display:block;width:100%;font-family:"Noto Serif KR",serif}.daewoon-detail-button:hover{background:#6a92e7}.daewoon-detail-button:active{background:#5a82d7}.daewoon-compact-card{background:var(--bg-card, #1a2744);border:1px solid var(--border-secondary, #2a3a5a);border-radius:12px;padding:16px;margin-bottom:12px}.daewoon-compact-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.daewoon-compact-period{font-size:14px;font-weight:600;color:var(--text-primary, #e0e0e0);font-family:"Noto Serif KR",serif;display:flex;align-items:center;gap:4px}.daewoon-compact-age{font-size:11px;font-weight:400;color:var(--text-secondary, #8b9cb8)}.daewoon-compact-body{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:14px}.daewoon-compact-ganzhi{display:flex;gap:8px;align-items:center}.daewoon-char{font-size:32px;font-weight:700;font-family:"Noto Serif KR",serif;line-height:1}.daewoon-compact-meta{display:flex;flex-direction:column;gap:4px}.daewoon-years{font-size:13px;color:var(--text-secondary, #8b9cb8)}.daewoon-ganzhi-label{font-size:16px;font-weight:600;color:var(--text-primary, #e0e0e0);font-family:"Noto Serif KR",serif}.daewoon-accordion-toggle{width:100%;padding:8px 0;background:transparent;border:none;border-top:1px solid rgba(124,138,255,.15);color:#7c8affcc;font-size:13px;font-weight:500;cursor:pointer;text-align:center;transition:color .2s;font-family:"Noto Serif KR",serif}.daewoon-accordion-toggle:hover{color:#7c8aff}.daewoon-accordion-content{margin-top:12px}.compact-label{font-size:12px!important;color:var(--text-muted, #6b7a8f)!important;white-space:nowrap}.fortune-char-compact{font-size:16px;font-weight:700;font-family:"Noto Serif KR",serif;margin-right:6px}.compact-tenstar{font-size:13px;font-weight:500;color:var(--text-primary, #e0e0e0)}.compact-easy-val{font-size:14px;font-weight:600;color:var(--text-primary, #e0e0e0);margin-right:5px}.compact-pro-hint{font-size:11px;color:var(--text-muted, #6b7a8f)}.daewoon-flow-toggle-button{display:block;width:100%;margin-bottom:16px;padding:10px 20px;background:transparent;border:1px solid rgba(124,138,255,.3);border-radius:8px;color:#7c8affb3;font-size:13px;font-weight:500;cursor:pointer;text-align:center;transition:all .2s;font-family:"Noto Serif KR",serif}.daewoon-flow-toggle-button:hover{background:#7c8aff14;border-color:#7c8aff80;color:#7c8affe6}.saju-analyzing-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.analyzing-spinner{width:48px;height:48px;border:3px solid rgba(124,138,255,.15);border-top-color:#7c8affcc;border-radius:50%}.analyzing-text{font-size:1rem;font-weight:600;color:#c8d2ffe6;margin:0;letter-spacing:.02em}.analyzing-sub{font-size:.82rem;color:#a0afdc99;margin:0}.fortune-cta-button{display:block;width:100%;margin:20px 0 8px;padding:16px 20px;background:linear-gradient(135deg,#7c8aff26,#a78bfa1a);border:1px solid rgba(124,138,255,.4);border-radius:12px;color:#7c8afff2;font-size:1rem;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.fortune-cta-button:hover{background:linear-gradient(135deg,#7c8aff40,#a78bfa33);border-color:#7c8affb3;transform:translateY(-1px);box-shadow:0 4px 16px #7c8aff33}.fortune-cta-button:active{transform:translateY(0);box-shadow:none}.daewoon-flow{margin-top:20px;overflow-x:auto;width:100%;box-sizing:border-box;padding:16px;background:var(--bg-secondary, #1a2744);border-radius:4px;border:1px solid var(--border-secondary, #2a3a5a)}.daewoon-flow .daewoon-table{width:100%;table-layout:fixed;box-sizing:border-box}.daewoon-flow h4{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:16px;text-align:center;font-family:"Noto Serif KR",serif}.current-daewoon-summary{background:var(--bg-card, #1a2744);padding:16px;border-radius:4px;margin-bottom:16px;overflow-x:auto;width:100%;box-sizing:border-box;border:1px solid var(--border-secondary, #2a3a5a)}.current-daewoon-summary h5{font-size:15px;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:12px;text-align:center;font-family:"Noto Serif KR",serif}.current-daewoon-table{width:100%;min-width:800px;border-collapse:collapse;background:var(--bg-card, #1a2744);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-md, 0 3px 6px rgba(0, 0, 0, .3));border:1px solid var(--border-secondary, #2a3a5a)}@media (max-width: 768px){.current-daewoon-table{min-width:unset}}.current-daewoon-table thead{background:var(--bg-tertiary, #243352)}.current-daewoon-table th{padding:10px 8px;text-align:center;font-weight:500;color:var(--text-primary, #ffffff);font-size:12px;border:1px solid var(--border-secondary, #2a3a5a);white-space:nowrap}.current-daewoon-table tbody tr{background:var(--bg-card, #1a2744)}.current-daewoon-table td{padding:12px 8px;text-align:center;font-size:14px;color:var(--text-secondary, #e2e8f0);border:1px solid var(--border-secondary, #2a3a5a);white-space:nowrap}.current-daewoon-table .ganzhi-cell{font-size:16px;font-weight:700;color:var(--accent-blue, #7c8aff)}.current-daewoon-table .current-highlight{background:#7c8aff26}.daewoon-vertical-table-container{background:var(--bg-card, #1a2744);border-radius:4px;overflow:hidden;border:1px solid var(--border-secondary, #2a3a5a);width:100%;box-sizing:border-box}.daewoon-vertical-table{width:100%;border-collapse:collapse;table-layout:fixed}.daewoon-vertical-table tbody tr{border-bottom:1px solid var(--border-secondary, #2a3a5a)}.daewoon-vertical-table tbody tr:last-child{border-bottom:none}.daewoon-vertical-table .row-label{background:var(--bg-secondary, #1a2744);padding:10px 14px;font-weight:600;color:var(--text-secondary, #e2e8f0);width:30%;font-size:14px;text-align:center;font-family:"Noto Serif KR",serif}.daewoon-vertical-table .value-cell{padding:10px 20px;font-size:16px;color:var(--text-primary, #ffffff);width:70%;text-align:center}.daewoon-vertical-table .ganzhi-value{font-size:20px;font-weight:700;color:var(--text-primary, #ffffff);font-family:"Noto Serif KR",serif}.daewoon-number-info{text-align:center;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-secondary, #2a3a5a);font-size:14px;color:var(--text-secondary, #e2e8f0);font-weight:500;font-family:"Noto Serif KR",serif}.fortune-header-with-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fortune-header-with-nav h5,.fortune-header-with-nav h4{margin:0;flex-grow:1;text-align:center;font-family:"Noto Serif KR",serif;color:var(--text-primary, #ffffff)}.fortune-header-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.fortune-header-center h4{margin:0;font-family:"Noto Serif KR",serif;color:var(--text-primary, #ffffff);font-size:15px}.fortune-header-center .fortune-date{font-size:12px;color:var(--text-muted, #6b7a8f)}.fortune-header-center .fortune-icon{font-size:18px}.fortune-header-with-nav .nav-button{width:44px;height:44px;border:1px solid var(--border-secondary, #2a3a5a);background:var(--bg-secondary, #1a2744);border-radius:8px;font-size:24px;line-height:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #e2e8f0);padding:0;font-weight:700}.fortune-header-with-nav .nav-button:hover:not(:disabled){background:var(--bg-tertiary, #243352);border-color:var(--accent-blue, #7c8aff)}.fortune-header-with-nav .nav-button:disabled{opacity:.3;cursor:not-allowed}.fortune-header-with-nav .nav-button:active:not(:disabled){background:var(--accent-blue, #7c8aff);color:var(--text-primary, #ffffff)}@media (max-width: 768px){.current-daewoon-summary{padding:10px}.daewoon-vertical-table .row-label{width:30%;font-size:13px;padding:8px 10px;text-align:center}.daewoon-vertical-table .value-cell{padding:8px 10px;font-size:14px;width:70%;text-align:center}.daewoon-vertical-table .ganzhi-value{font-size:18px}}.integrated-fortune-section .fortune-summary,.all-fortunes-grid .fortune-summary{display:block;background:var(--bg-card, #1a2744);padding:12px;border-radius:4px;overflow-x:auto;width:100%;box-sizing:border-box;border:1px solid var(--border-secondary, #2a3a5a)}.integrated-fortune-section .fortune-summary h5,.all-fortunes-grid .fortune-summary h5{font-size:15px;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:12px;text-align:center;font-family:"Noto Serif KR",serif}.fortune-vertical-table-container{background:var(--bg-card, #1a2744);border-radius:4px;overflow:hidden;border:1px solid var(--border-secondary, #2a3a5a);width:100%;box-sizing:border-box}.fortune-vertical-table{width:100%;border-collapse:collapse;table-layout:fixed}.fortune-vertical-table tbody tr{border-bottom:1px solid var(--border-secondary, #2a3a5a)}.fortune-vertical-table tbody tr:last-child{border-bottom:none}.fortune-vertical-table .row-label{background:var(--bg-secondary, #1a2744);padding:10px 14px;font-weight:600;color:var(--text-secondary, #e2e8f0);width:30%;font-size:14px;text-align:center;font-family:"Noto Serif KR",serif}.fortune-vertical-table .value-cell{padding:10px 20px;font-size:16px;color:var(--text-primary, #ffffff);width:70%;text-align:center}.fortune-vertical-table .ganzhi-value{font-size:20px;font-weight:700;color:var(--text-primary, #ffffff);font-family:"Noto Serif KR",serif}@media (max-width: 768px){.integrated-fortune-section .fortune-summary,.all-fortunes-grid .fortune-summary{padding:10px}.fortune-vertical-table .row-label{width:30%;font-size:13px;padding:8px 10px;text-align:center}.fortune-vertical-table .value-cell{padding:8px 10px;font-size:14px;width:70%;text-align:center}.fortune-vertical-table .ganzhi-value{font-size:18px}}.daewoon-table{width:100%;border-collapse:collapse;background:var(--bg-card, #1a2744);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-md, 0 3px 6px rgba(0, 0, 0, .3));table-layout:fixed;border:1px solid var(--border-secondary, #2a3a5a)}.daewoon-table thead{background:var(--bg-tertiary, #243352)}.daewoon-table th{padding:10px 8px;text-align:center;font-weight:600;color:var(--text-primary, #ffffff);font-size:13px;border:1px solid var(--border-secondary, #2a3a5a);word-wrap:break-word;overflow:hidden}@media (max-width: 768px){.daewoon-table th{padding:8px 4px;font-size:11px;color:var(--text-primary, #ffffff)}}.daewoon-table tbody tr{border-bottom:1px solid var(--border-secondary, #2a3a5a);transition:all .2s}.daewoon-table tbody tr.current-daewoon{background:#7c8aff26;font-weight:500}.daewoon-table tbody tr:hover{background:var(--bg-tertiary, #243352)}.daewoon-table td{padding:10px 8px;color:var(--text-secondary, #e2e8f0);font-size:13px;word-wrap:break-word;overflow:hidden;border:1px solid var(--border-secondary, #2a3a5a)}@media (max-width: 768px){.daewoon-table td{padding:8px 4px;font-size:11px}}.daewoon-table tbody tr.current-daewoon td{color:var(--accent-blue, #7c8aff);font-weight:500}.daewoon-table tbody tr:last-child{border-bottom:none}@media (max-width: 768px){.daewoon-section{padding:16px;margin-left:-16px;margin-right:-16px;border-radius:0}.daewoon-info{padding:16px;grid-template-columns:1fr}.daewoon-detail-grid{grid-template-columns:1fr}.daewoon-table{font-size:12px;display:block;overflow-x:auto;white-space:nowrap}.daewoon-table th,.daewoon-table td{padding:8px;font-size:12px}}.year-navigation-header,.month-navigation-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;padding:16px 20px;background:var(--bg-secondary, #1a2744);border-bottom:1px solid var(--border-secondary, #2a3a5a)}.year-navigation-header h3,.month-navigation-header h4{margin:0;color:var(--text-primary, #ffffff);font-family:"Noto Serif KR",serif}.nav-button{width:44px;height:44px;border:1px solid var(--border-secondary, #2a3a5a);background:var(--bg-tertiary, #243352);border-radius:8px;font-size:24px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #e2e8f0);font-weight:700}.nav-button:hover{background:var(--bg-card, #1a2744);border-color:var(--accent-blue, #7c8aff)}.nav-button:active{background:var(--accent-blue, #7c8aff);color:var(--text-primary, #ffffff)}.nav-button:disabled{opacity:.4;cursor:not-allowed}.year-nav-button{font-size:26px}.month-nav-button{font-size:22px}.season-name{font-size:16px;color:var(--accent-orange, #fb923c);font-weight:600;font-family:"Noto Serif KR",serif}@media (max-width: 768px){.analysis-content-area{margin-top:16px}.yinyang-elements-section,.pattern-analysis-section,.hapchung-analysis-section,.yongsin-analysis-section,.sinsal-analysis-section{padding:16px;border-radius:10px}.yinyang-elements-section h4,.pattern-analysis-section h4,.hapchung-analysis-section h4,.yongsin-analysis-section h4,.sinsal-analysis-section h4{font-size:16px;margin-bottom:16px}.yinyang-elements-tables{grid-template-columns:1fr;gap:16px}.yongsin-cards{grid-template-columns:1fr 1fr}.yinyang-table,.elements-table,.special-relations-box,.pattern-info,.yongsin-content,.special-sinsal-box{padding:16px}.sinsal-category-label{width:80px;font-size:13px}.sinsal-category-value{font-size:13px}.day-stem-strength{padding:16px}.strength-value{font-size:20px}.pattern-value,.yongsin-value{font-size:16px}}.no-season-nodes{text-align:center;color:#999;padding:20px;font-style:italic}.unseong-section{margin-top:30px;padding:20px;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.unseong-section h4{font-size:18px;margin-bottom:20px;color:#444}.unseong-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.unseong-item{background:var(--bg-tertiary, #243352);padding:15px;border-radius:6px;text-align:center;border:1px solid var(--border-secondary, #2a3a5a)}.unseong-label{font-size:14px;color:var(--text-tertiary, #8b9cb8);margin-bottom:8px}.unseong-value{font-size:18px;font-weight:700;color:var(--accent-purple, #7c8aff)}@media (max-width: 600px){.unseong-grid{grid-template-columns:repeat(2,1fr)}}.sinsal-section{margin-top:30px;padding:20px;background:var(--bg-card, #1a2744);border-radius:8px;border:1px solid var(--border-secondary, #2a3a5a)}.sinsal-section h4{font-size:18px;margin-bottom:20px;color:var(--accent-orange, #fb923c)}.sinsal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.sinsal-item{background:var(--bg-tertiary, #243352);padding:15px;border-radius:6px;text-align:center;border:1px solid var(--border-secondary, #2a3a5a)}.sinsal-label{font-size:14px;color:var(--text-tertiary, #8b9cb8);margin-bottom:8px}.sinsal-value{font-size:16px;font-weight:700;color:var(--accent-orange, #fb923c)}@media (max-width: 768px){.sinsal-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.sinsal-grid{grid-template-columns:1fr}}.hidden-stems-section{margin-top:30px;padding:20px;background:var(--bg-card, #1a2744);border-radius:8px;border:1px solid var(--border-secondary, #2a3a5a)}.hidden-stems-section h4{font-size:18px;margin-bottom:20px;color:var(--accent-green, #4ade80)}.hidden-stems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.hidden-stem-pillar{background:var(--bg-tertiary, #243352);border:1px solid var(--border-secondary, #2a3a5a);border-radius:6px;overflow:hidden}.hidden-stem-title{background:var(--accent-green, #4ade80);color:var(--bg-primary, #0f1729);padding:10px;font-weight:600;text-align:center}.hidden-stem-content{padding:15px}.hidden-stem-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:5px 0;border-bottom:1px solid #e0e0e0}.hidden-stem-item:last-child{border-bottom:none;margin-bottom:0}.stem-type{font-size:12px;color:#666;min-width:35px}.stem-value{font-size:16px;font-weight:600;color:#2e7d32}.stem-score{font-size:12px;color:#999}@media (max-width: 768px){.hidden-stems-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.hidden-stems-grid{grid-template-columns:1fr}}.saju-table-container{margin-top:20px;overflow-x:auto;background:#24283b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(124,138,255,.15);width:100%;box-sizing:border-box;box-shadow:0 4px 24px #0000001a}.saju-table{width:100%;border-collapse:collapse;table-layout:fixed}.saju-table colgroup col:first-child{width:14%}.saju-table colgroup col:not(:first-child){width:21.5%}.saju-table th,.saju-table td{border:1px solid rgba(124,138,255,.1);padding:10px 8px;text-align:center;color:var(--text-secondary, #e2e8f0)}.saju-table th{background:#2433528c;color:var(--text-primary, #ffffff);font-weight:600;font-size:14px;padding:12px 8px;font-family:"Noto Serif KR",serif}.saju-table .row-label{background:#24283b66;color:var(--text-secondary, #e2e8f0);font-weight:600;font-size:14px;text-align:center;font-family:"Noto Serif KR",serif}.saju-table .stem-cell,.saju-table .branch-cell{font-size:1.5rem;font-weight:700;padding:12px 8px}.saju-table .char-main{display:block;font-family:"Noto Serif KR",serif;font-size:2.5rem;font-weight:700;line-height:1.2}.saju-table .char-korean{display:block;font-size:.75rem;font-weight:500;color:var(--text-tertiary, #8b9cb8);margin-top:2px}.saju-table .element-wood{background:#9ece6a26!important}.saju-table .element-wood .char-main{color:var(--element-wood, #4ade80);text-shadow:0 0 8px rgba(158,206,106,.4)}.saju-table .element-fire{background:#f7768e26!important}.saju-table .element-fire .char-main{color:var(--element-fire, #f472b6);text-shadow:0 0 8px rgba(247,118,142,.4)}.saju-table .element-earth{background:#e0af6826!important}.saju-table .element-earth .char-main{color:var(--element-earth, #fbbf24);text-shadow:0 0 8px rgba(224,175,104,.4)}.saju-table .element-metal{background:#c0caf526!important}.saju-table .element-metal .char-main{color:var(--element-metal, #e2e8f0);text-shadow:0 0 8px rgba(192,202,245,.4)}.saju-table .element-water{background:#7c8aff26!important}.saju-table .element-water .char-main{color:var(--element-water, #7c8aff);text-shadow:0 0 8px rgba(124,138,255,.4)}.saju-table .unknown-time{background:#7373731a!important;border:1px dashed rgba(115,115,115,.3)}.saju-table .char-main.unknown{color:#737373;font-size:1.8rem;text-shadow:none}.saju-table tbody tr{transition:background-color .2s ease}.saju-table tbody tr:nth-child(odd){background:#24283b4d}.saju-table tbody tr:nth-child(2n){background:#24283b33}.saju-table tbody tr:nth-child(1) .stem-cell,.saju-table tbody tr:nth-child(3) .branch-cell{background:#343b5866}.saju-table td:nth-child(3){position:relative}.saju-table tbody tr:nth-child(1) td:nth-child(3),.saju-table tbody tr:nth-child(3) td:nth-child(3){background:#7c8aff26;font-weight:800}@media (max-width: 768px){.saju-table-container{margin-left:-16px;margin-right:-16px;width:auto;max-width:none!important;border-radius:0;border-left:none;border-right:none}.saju-table .stem-cell,.saju-table .branch-cell{font-size:1.3rem;padding:10px 6px}.saju-table .char-main{font-size:2rem}.saju-table .char-korean{font-size:.7rem}.saju-table th,.saju-table td{padding:8px 6px;font-size:13px}.saju-table .row-label{font-size:12px}}@media (max-width: 480px){.saju-table-container{margin-left:-16px;margin-right:-16px;width:auto;max-width:none!important;border-radius:0;border-left:none;border-right:none}.saju-table .stem-cell,.saju-table .branch-cell{font-size:1.1rem;padding:8px 4px}.saju-table .char-main{font-size:1.8rem}.saju-table .char-korean{font-size:.65rem}.saju-table th,.saju-table td{padding:6px 4px;font-size:11px}.saju-table .row-label{font-size:11px}}.fortune-vertical-table .element-wood,.daewoon-vertical-table .element-wood,.daewoon-table .element-wood{background:#9ece6a26!important;color:var(--element-wood, #4ade80);text-shadow:0 0 8px rgba(158,206,106,.3)}.fortune-vertical-table .element-fire,.daewoon-vertical-table .element-fire,.daewoon-table .element-fire{background:#f7768e26!important;color:var(--element-fire, #f472b6);text-shadow:0 0 8px rgba(247,118,142,.3)}.fortune-vertical-table .element-earth,.daewoon-vertical-table .element-earth,.daewoon-table .element-earth{background:#e0af6826!important;color:var(--element-earth, #fbbf24);text-shadow:0 0 8px rgba(224,175,104,.3)}.fortune-vertical-table .element-metal,.daewoon-vertical-table .element-metal,.daewoon-table .element-metal{background:#c0caf526!important;color:var(--element-metal, #e2e8f0);text-shadow:0 0 8px rgba(192,202,245,.3)}.fortune-vertical-table .element-water,.daewoon-vertical-table .element-water,.daewoon-table .element-water{background:#7c8aff26!important;color:var(--element-water, #7c8aff);text-shadow:0 0 8px rgba(124,138,255,.3)}.fortune-char-main{font-family:"Noto Serif KR",serif;font-weight:700;font-size:20px}.month-stem.element-wood,.month-branch.element-wood,.day-stem.element-wood,.day-branch.element-wood{color:var(--element-wood, #4ade80);text-shadow:0 0 6px rgba(158,206,106,.4)}.month-stem.element-fire,.month-branch.element-fire,.day-stem.element-fire,.day-branch.element-fire{color:var(--element-fire, #f472b6);text-shadow:0 0 6px rgba(247,118,142,.4)}.month-stem.element-earth,.month-branch.element-earth,.day-stem.element-earth,.day-branch.element-earth{color:var(--element-earth, #fbbf24);text-shadow:0 0 6px rgba(224,175,104,.4)}.month-stem.element-metal,.month-branch.element-metal,.day-stem.element-metal,.day-branch.element-metal{color:var(--element-metal, #e2e8f0);text-shadow:0 0 6px rgba(192,202,245,.4)}.month-stem.element-water,.month-branch.element-water,.day-stem.element-water,.day-branch.element-water{color:var(--element-water, #7c8aff);text-shadow:0 0 6px rgba(124,138,255,.4)}.month-ganji .month-stem,.month-ganji .month-branch,.day-ganji .day-stem,.day-ganji .day-branch{font-family:"Noto Serif KR",serif;font-weight:600}.fortune-extended-info{margin-top:12px;padding:12px;background:#1a274499;border-radius:8px;border:1px solid rgba(124,138,255,.15)}.fortune-extended-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid rgba(124,138,255,.1)}.fortune-extended-row:last-child{border-bottom:none;padding-bottom:0}.fortune-extended-row:first-child{padding-top:0}.extended-label{font-size:12px;font-weight:600;color:var(--text-secondary, #a9b1d6);min-width:70px;flex-shrink:0}.extended-value{font-size:12px;color:var(--text-primary, #c0caf5);text-align:right;flex:1;padding-left:12px;word-break:keep-all}@media (max-width: 480px){.fortune-extended-row{flex-direction:column;gap:4px}.extended-value{text-align:left;padding-left:0}}.extended-toggle-button{width:100%;padding:8px 12px;margin-top:10px;background:#7c8aff1a;border:1px solid rgba(124,138,255,.2);border-radius:6px;color:var(--accent-blue, #7c8aff);font-size:12px;cursor:pointer;transition:all .2s ease}.extended-toggle-button:hover{background:#7c8aff33}.compatibility-analysis-section{margin-top:20px;background:#1a274480;border-radius:12px;border:1px solid rgba(124,138,255,.15);overflow:hidden}.compatibility-analysis-section .compatibility-tab{padding:0}.compatibility-analysis-section .empty-state{padding:32px 16px}.compatibility-analysis-section section{margin-bottom:16px;padding:16px}.compatibility-analysis-section section:not(:last-child){border-bottom:1px solid rgba(124,138,255,.1)}.compatibility-analysis-section h3{color:var(--text-primary, #c0caf5);font-size:14px;font-weight:600;margin-bottom:12px;border-bottom:none;padding-bottom:0}.compatibility-analysis-section .saju-display{background:#1a2744b3;border-radius:8px;padding:12px}.compatibility-analysis-section .pillar{min-width:40px}.compatibility-analysis-section .pillar-label{color:var(--text-muted, #565f89);font-size:10px}.compatibility-analysis-section .stem,.compatibility-analysis-section .branch{width:36px;height:36px;font-size:16px;background:#ffffff0d;border-radius:6px;color:var(--text-primary, #c0caf5);border:1px solid rgba(124,138,255,.2)}.compatibility-analysis-section .direct-input-form{background:#1a2744b3;border-radius:8px;padding:12px}.compatibility-analysis-section .pillar-input-group label{color:var(--text-muted, #565f89);font-size:11px}.compatibility-analysis-section .pillar-selects select{background:#1a2744e6;border:1px solid rgba(124,138,255,.2);color:var(--text-primary, #c0caf5);border-radius:4px;padding:6px 4px;font-size:12px}.compatibility-analysis-section .apply-btn{background:#7c8aff33;border:1px solid rgba(124,138,255,.3);color:var(--accent-blue, #7c8aff);font-size:13px;padding:10px;margin-top:12px;transition:all .2s}.compatibility-analysis-section .apply-btn:hover{background:#7c8aff4d}.compatibility-analysis-section .analyze-btn{background:linear-gradient(135deg,#e91e63cc,#9c27b0cc);font-size:14px;padding:14px;margin:16px;width:calc(100% - 32px)}.compatibility-analysis-section .result-card{background:#1a2744b3;border:1px solid rgba(124,138,255,.15);border-radius:10px;padding:16px;margin:0 16px 16px}.compatibility-analysis-section .result-card h3{font-size:13px}.compatibility-analysis-section .result-card h4{color:var(--text-muted, #a9b1d6);font-size:12px}.compatibility-analysis-section .relation-item{background:#ffffff0d;border-radius:6px;padding:8px 10px;gap:6px}.compatibility-analysis-section .rel-name{color:var(--text-primary, #c0caf5);font-size:12px}.compatibility-analysis-section .rel-desc{color:var(--text-muted, #a9b1d6);font-size:11px}.compatibility-analysis-section .ten-star{background:#e6510026;color:#ff9800;font-size:12px;padding:6px 10px}.compatibility-analysis-section .complement-item,.compatibility-analysis-section .problem-item{background:#ffffff0d;border-radius:6px;padding:8px 10px}.compatibility-analysis-section .fill-text,.compatibility-analysis-section .problem-text{font-size:11px}.compatibility-analysis-section .complement-item{background:#4caf501a}.compatibility-analysis-section .fill-text{color:#81c784}.compatibility-analysis-section .problem-item{background:#ff98001a}.compatibility-analysis-section .problem-text{color:#ffb74d}.compatibility-analysis-section .no-relation,.compatibility-analysis-section .no-complement,.compatibility-analysis-section .no-problems{color:var(--text-muted, #565f89);font-size:12px}.report-section{background:var(--bg-tertiary, #2a2a2a);border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:visible;transition:border-color .2s}.report-section:hover{border-color:#ffffff24}.section-header{display:flex;align-items:center;padding:13px 16px;background:#ffffff08;border-radius:10px 10px 0 0;gap:8px;position:relative}.report-section.collapsed .section-header{border-radius:10px;border-bottom:none}.section-title{flex:1;font-size:14px;font-weight:600;color:#ffffffe0;margin:0;cursor:pointer;letter-spacing:.01em;line-height:1.4}.section-title:hover{color:#fff}.section-title-input{flex:1;padding:5px 10px;background:#ffffff0f;border:1px solid rgba(124,138,255,.5);border-radius:6px;color:#ffffffeb;font-size:14px;font-weight:600}.section-title-input:focus{outline:none;border-color:#7c8affcc}.section-title-input.edit-mode{margin-bottom:8px}.section-more-wrap{position:relative;flex-shrink:0}.section-more-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:6px;color:#ffffff59;font-size:18px;cursor:pointer;transition:color .2s,background .2s;opacity:0;line-height:1}.report-section:hover .section-more-btn,.section-more-btn:focus,.section-more-btn.active{opacity:1;color:#ffffffa6}.section-more-btn:hover{background:#ffffff14;color:#ffffffe6!important}.section-menu{position:absolute;top:calc(100% + 4px);right:0;background:#1e1e24;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 8px 24px #00000080;z-index:200;min-width:200px;overflow:hidden;padding:4px 0;animation:menuFadeIn .12s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.section-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;text-align:left;color:#fffc;font-size:13px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.section-menu button:hover{background:#ffffff0f;color:#fff}.section-menu button.delete-btn{color:#ef4444cc}.section-menu button.delete-btn:hover{background:#ef44441a;color:#ef4444}.section-menu-divider{height:1px;background:#ffffff12;margin:4px 0}.section-content{padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,.06)}.section-text{font-size:14px;line-height:1.78;color:#d4d9e4}.section-text p{margin:0 0 11px}.section-text p:last-child{margin-bottom:0}.section-text strong{color:#fffffff2;font-weight:600}.section-text .content-block{margin-bottom:16px}.section-text .content-header{font-size:13px;font-weight:700;color:#9baec8;margin-bottom:5px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.07);letter-spacing:.02em;text-transform:none}.section-text .content-body{font-size:14px;line-height:1.75;color:#d4d9e4;padding-left:2px}.section-text .content-spacer{height:8px}.section-text table{width:100%;border-collapse:collapse;margin:12px 0}.section-text th,.section-text td{padding:8px 12px;border:1px solid rgba(255,255,255,.08);text-align:center}.section-text th{background:#ffffff0a;color:#ffffffbf;font-weight:600}.section-editor{display:flex;flex-direction:column;gap:10px}.section-editor textarea{width:100%;min-height:120px;padding:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e0e0e0;font-size:14px;line-height:1.7;resize:none;font-family:inherit;transition:border-color .2s}.section-editor textarea:focus{outline:none;border-color:#7c8aff99}.editor-actions{display:flex;justify-content:space-between;align-items:center}.editor-hint{font-size:11px;color:#ffffff4d}.editor-buttons{display:flex;gap:8px}.editor-buttons button{padding:7px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn{background:#ffffff0f;color:#ffffff8c;border:1px solid rgba(255,255,255,.1)!important}.cancel-btn:hover{background:#ffffff1a;color:#fffc}.save-btn{background:#7c8affd9;color:#fff}.save-btn:hover{background:#7c8aff}.report-panel.clean .report-section{background:transparent;border:none;border-radius:0;overflow:visible}.report-panel.clean .section-header{background:transparent;border-radius:0;padding:18px 0 8px;border-bottom:none}.report-panel.clean .section-title{font-size:15px;font-weight:700;color:#ffffffe6;letter-spacing:.015em}.report-panel.clean .section-more-btn{opacity:0}.report-panel.clean .section-wrapper:hover .section-more-btn,.report-panel.clean .section-more-btn:focus{opacity:1}.report-panel.clean .section-content{background:transparent;padding:4px 0 22px;border-top:none}.report-panel.clean .section-text{font-size:14.5px;line-height:1.85;color:#d0d5e0}.report-panel.clean .section-wrapper:first-child .section-text{border-left:3px solid rgba(124,138,255,.55);padding-left:16px;color:#dde5f7;font-style:italic;line-height:1.92}.report-panel.clean .section-text .content-header{color:#8ba8c8;font-size:13px}.report-panel.clean .report-section.collapsed .section-content{display:none}.report-section.regenerating{opacity:.6;pointer-events:none;position:relative}.report-section.regenerating:after{content:"✨ AI가 다시 쓰는 중...";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;color:#7c8aff;background:#0f14288c;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.confirm-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{background:var(--bg-secondary, #1e1e1e);border:1px solid var(--border-color, #424242);border-radius:12px;width:90%;max-width:400px;overflow:hidden;animation:slideUp .2s ease;box-shadow:0 20px 60px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal-header{padding:20px 24px 12px}.confirm-modal-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #ececec)}.confirm-modal-body{padding:0 24px 20px}.confirm-modal-message{margin:0;font-size:14px;line-height:1.6;color:var(--text-secondary, #b4b4b4)}.confirm-modal-footer{display:flex;gap:12px;padding:16px 24px 20px;background:var(--bg-tertiary, #171717);border-top:1px solid var(--border-color, #424242)}.confirm-modal-btn{flex:1;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.confirm-modal-btn.cancel{background:var(--bg-secondary, #2d2d2d);border:1px solid var(--border-color, #424242);color:var(--text-secondary, #b4b4b4)}.confirm-modal-btn.cancel:hover{background:var(--bg-hover, #3d3d3d);border-color:var(--border-color-hover, #565656);color:var(--text-primary, #ececec)}.confirm-modal-btn.confirm{color:#fff}.confirm-modal-btn.confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-modal-btn.confirm.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.confirm-modal-btn.confirm.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirm-modal-btn.confirm.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.confirm-modal-btn.confirm.info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.confirm-modal-btn.confirm.info:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.report-panel{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-secondary, #171717);overflow:hidden}.report-panel.clean{background:transparent;border:none;height:auto;overflow:visible}.report-panel.clean .report-panel-content{padding:0;background:transparent;border:none;overflow:visible}.report-panel.clean .sections-list{display:flex;flex-direction:column;gap:0}.report-panel.clean .section-wrapper{border:none;background:transparent;border-bottom:1px solid rgba(255,255,255,.06);border-radius:0;padding:0;position:relative}.report-panel.clean .section-wrapper:last-child{border-bottom:none}.report-panel-header{display:flex;justify-content:flex-end;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-color, #424242);background:var(--bg-secondary, #171717);min-height:46px;flex-shrink:0;gap:8px}.report-panel-header h3{display:none}.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.pdf-btn{padding:6px 12px;background:var(--bg-tertiary, #2d2d2d);border:1px solid var(--border-color, #424242);border-radius:6px;color:var(--text-secondary, #b4b4b4);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.pdf-btn:hover{background:#3d5a80;border-color:#3d5a80;color:#fff}.save-report-btn:hover:not(:disabled){background:var(--bg-hover, #3d3d3d);border-color:var(--border-color-hover, #565656)}.save-report-btn.has-changes{background:var(--accent-green, #10a37f);border-color:var(--accent-green, #10a37f);color:#fff}.save-report-btn.has-changes:hover:not(:disabled){background:var(--accent-green-hover, #1a7f64);border-color:var(--accent-green-hover, #1a7f64)}.organize-btn{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.organize-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6,#6a4190);transform:translateY(-1px)}.organize-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.save-report-btn{padding:6px 12px;background:var(--bg-tertiary, #2d2d2d);border:1px solid var(--border-color, #424242);border-radius:6px;color:var(--text-secondary, #b4b4b4);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.save-report-btn.has-changes{background:#2a4a3a;border-color:#10a37f;color:#10a37f}.save-report-btn:hover:not(:disabled){background:#3a5a4a;border-color:#10a37f;color:#10a37f}.save-report-btn:disabled{opacity:.5;cursor:not-allowed}.regenerate-btn{padding:6px 12px;background:var(--bg-tertiary, #2d2d2d);border:1px solid var(--border-color, #424242);border-radius:6px;color:var(--text-secondary, #b4b4b4);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.regenerate-btn:hover{background:#3a4a5a;border-color:#74a5d4;color:#74a5d4}.undo-all-btn{padding:6px 12px;background:var(--bg-tertiary, #2d2d2d);border:1px solid var(--border-color, #424242);border-radius:6px;color:var(--text-secondary, #b4b4b4);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.undo-all-btn:hover{background:#5a4a3a;border-color:#d4a574;color:#d4a574}.add-section-btn{padding:8px 14px;background:var(--accent-green, #10a37f);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.add-section-btn:hover{background:var(--accent-green-hover, #1a7f64)}.report-panel-content{flex:1;overflow-y:auto;padding:16px;position:relative}.report-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#171717eb;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.report-loading-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px}.report-loading-spinner{width:50px;height:50px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.report-loading-text{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.report-loading-text .loading-title{font-size:16px;font-weight:600;color:var(--text-primary, #ececec)}.report-loading-text .loading-subtitle{font-size:13px;color:var(--text-secondary, #b4b4b4);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.empty-sections{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary, #b4b4b4);text-align:center}.empty-sections button{margin-top:16px;padding:12px 20px;background:var(--accent-green, #10a37f);border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer}.empty-sections button:hover{background:var(--accent-green-hover, #1a7f64)}.report-header-card{margin-bottom:16px;background:var(--bg-tertiary, #2d2d2d);border:1px solid var(--border-color, #424242);border-radius:10px;overflow:hidden}.report-header-card-toggle{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary, #171717);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.report-header-card-toggle:hover{background:var(--bg-hover, #3d3d3d)}.report-header-card-toggle .toggle-title{font-size:14px;font-weight:600;color:var(--text-primary, #ececec)}.report-header-card-toggle .toggle-icon{font-size:10px;color:var(--text-secondary, #b4b4b4);transition:transform .3s ease}.report-header-card-toggle .toggle-icon.collapsed{transform:rotate(-90deg)}.report-header-card-content{max-height:1000px;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;opacity:1}.report-header-card.collapsed .report-header-card-content{max-height:0;opacity:0}.report-header-card .saju-card,.report-header-card .relationship-card,.report-header-card .fortune-header-card,.report-header-card .hexagram-card{margin:0;border:none;border-radius:0}.sections-list{display:flex;flex-direction:column;gap:12px}.section-wrapper{transition:all .2s;border-radius:8px}.section-wrapper.drag-over{border-top:2px solid var(--accent-green, #10a37f);padding-top:8px}.section-wrapper[draggable=true]{cursor:grab}.section-wrapper[draggable=true]:active{cursor:grabbing}.report-panel-content::-webkit-scrollbar{width:6px}.report-panel-content::-webkit-scrollbar-track{background:var(--bg-primary, #212121)}.report-panel-content::-webkit-scrollbar-thumb{background:var(--border-color, #424242);border-radius:3px}.report-panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #737373)}@media (max-width: 1024px){.report-panel{border-left:none}.header-actions{flex-wrap:wrap}}.image-reading-section{background:var(--bg-tertiary, #2d2d2d);border:1px solid var(--border-color, #424242);border-radius:10px;padding:16px;margin-bottom:16px}.image-reading-title{font-size:14px;font-weight:600;color:var(--text-primary, #ececec);margin:0 0 14px;display:flex;align-items:center;gap:6px}.image-reading-title:before{content:"🎴"}.image-reading-description{font-size:15px;font-style:italic;color:var(--text-primary, #ececec);background:var(--bg-primary, #212121);padding:12px 16px;border-radius:8px;margin-bottom:14px;border-left:3px solid var(--accent-green, #10a37f);line-height:1.6}.image-reading-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.image-reading-card{background:var(--bg-primary, #212121);border:1px solid var(--border-color, #424242);border-radius:8px;padding:12px}.image-reading-card.no-change{opacity:.8}.image-reading-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.image-reading-label{background:#3b82f6;color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px}.image-reading-label.changed{background:#8b5cf6}.image-reading-name{font-size:13px;font-weight:600;color:var(--text-primary, #ececec)}.image-reading-picture{margin-bottom:10px;border-radius:6px;overflow:hidden;background:var(--bg-secondary, #171717);display:flex;align-items:center;justify-content:center;min-height:100px;max-height:160px}.image-reading-picture img{width:100%;height:auto;max-height:160px;object-fit:contain;display:block}.image-reading-image{font-size:14px;font-weight:500;color:var(--text-primary, #ececec);margin-bottom:8px;padding:8px 10px;background:var(--bg-secondary, #171717);border-radius:6px;text-align:center}.image-reading-meaning{font-size:12px;line-height:1.6;color:var(--text-secondary, #b4b4b4)}@media (max-width: 640px){.image-reading-cards{grid-template-columns:1fr}.image-reading-picture,.image-reading-picture img{max-height:180px}}@media print{.report-header-card{display:block!important;background:#fff!important;border:1px solid #ccc!important;border-radius:4px!important;padding:0!important;margin-bottom:20px!important;page-break-inside:avoid;break-inside:avoid}.report-header-card-toggle{display:none!important}.report-header-card-content{max-height:none!important;opacity:1!important;padding:16px!important}.report-header-card.collapsed .report-header-card-content{max-height:none!important;opacity:1!important}.report-header-card .saju-card,.report-header-card .relationship-card,.report-header-card .fortune-header-card,.report-header-card .hexagram-card{background:#fff!important;border:none!important;padding:0!important}.report-header-card .saju-card-name,.report-header-card .relationship-names,.report-header-card .fortune-summary,.report-header-card .hexagram-report-title{color:#000!important;font-size:14pt!important;font-weight:700!important}.report-header-card .saju-card-date,.report-header-card .fortune-label,.report-header-card .hexagram-card-question{color:#333!important}.report-header-card .hexagram-report-meta{background:#f5f5f5!important;border-top-color:#ccc!important}.report-header-card .hexagram-verdict{background:#eee!important;color:#333!important}.image-reading-section{display:block!important;background:#fff!important;border:1px solid #ccc!important;padding:16px!important;margin-bottom:20px!important;page-break-inside:avoid;break-inside:avoid}.image-reading-title{color:#000!important;font-size:14pt!important}.image-reading-cards{display:flex!important;gap:12px!important}.image-reading-card{flex:1!important;background:#f9f9f9!important;border:1px solid #ddd!important}.image-reading-label{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.image-reading-name,.image-reading-image{color:#000!important}.image-reading-meaning{color:#333!important}.image-reading-description{color:#000!important;background:#f5f5f5!important;border-left-color:#10a37f!important}.image-reading-picture img{max-height:120px!important}.section-text .content-header{color:#000!important;border-bottom-color:#ccc!important}.section-text .content-body{color:#333!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}html,body,#root,.App{height:auto!important;overflow:visible!important;background:#fff!important;background-color:#fff!important;color:#000!important;font-size:12pt;line-height:1.6;position:static!important}.sidebar,.report-chat-section,.resize-handle,.panel-resize-handle,.report-panel-header,.header-actions,.section-actions,.pdf-btn,.save-report-btn,.add-section-btn,.section-drag-handle,.section-toggle-btn,.section-delete-btn,.section-edit-btn,.toggle-icon,.action-btn,button{display:none!important}.report-saju-layout,.report-panel-wrapper,.report-panel,.report-panel-content,.sections-list,.section-wrapper{position:static!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;background:#fff!important;background-color:#fff!important;overflow:visible!important;display:block!important;flex:none!important;border:none!important}.report-panel-content{padding:0!important;background:#fff!important}.sections-list{display:block!important;background:#fff!important}.section-wrapper{break-inside:avoid;page-break-inside:avoid;margin-bottom:24px!important;background:#fff!important}.report-section{background:#fff!important;background-color:#fff!important;border:1px solid #999!important;border-radius:4px!important;padding:0!important;margin-bottom:20px!important;break-inside:avoid;page-break-inside:avoid;overflow:visible!important}.section-header{background:#f5f5f5!important;background-color:#f5f5f5!important;padding:10px 16px!important;margin:0!important;border-bottom:1px solid #ccc!important;border-radius:4px 4px 0 0!important}.section-title{color:#000!important;font-size:13pt!important;font-weight:700!important}.section-body,.section-content-wrapper{padding:16px!important;background:#fff!important}.section-content,.section-content-text,.section-content-display,.section-body p,.section-body span,.section-body div{color:#333!important;font-size:11pt!important;line-height:1.8!important;white-space:pre-wrap!important;background:transparent!important}.report-panel-content:before{content:"사주 분석 리포트";display:block;font-size:22pt;font-weight:700;text-align:center;color:#000!important;margin-bottom:30px;padding:20px 0;border-bottom:2px solid #000;background:#fff!important}@page{size:A4;margin:15mm}}.report-note-section{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);position:relative}.report-note-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#1e1e28f2;border:1px solid rgba(124,138,255,.4);color:#ffffffe6;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:0 6px 24px #0006;z-index:9999;pointer-events:none;animation:noteToastIn .25s ease,noteToastOut .3s ease 2.7s forwards;white-space:nowrap}@keyframes noteToastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes noteToastOut{0%{opacity:1}to{opacity:0}}.report-note-title{font-size:14px;font-weight:600;color:#ffffffa6;margin:0 0 10px;letter-spacing:.01em}.report-note-textarea{width:100%;min-height:100px;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#d4d9e4;font-size:13.5px;line-height:1.7;resize:vertical;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.report-note-textarea:focus{outline:none;border-color:#7c8aff73}.report-note-textarea::placeholder{color:#fff3;font-size:13px}.report-note-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}.report-note-hint{font-size:11.5px;color:#ffffff38;flex:1;line-height:1.4}.report-note-save-btn{padding:6px 14px;background:#7c8aff2e;border:1px solid rgba(124,138,255,.3);border-radius:6px;color:#ffffffb3;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.report-note-save-btn:hover{background:#7c8aff4d;color:#ffffffe6}.saju-report-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.saju-report-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-tertiary, #64748b);font-size:14px}.saju-header-card-inner{position:relative}.saju-header-card-inner .saju-card{margin:0;border:none;border-radius:0;background:transparent}.saju-header-card-inner .saju-card-buttons:empty{display:none}.saju-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;border-radius:10px}.saju-loading-badge{padding:8px 16px;background:#3b82f64d;color:#60a5fa;font-size:13px;font-weight:500;border-radius:20px;animation:saju-pulse 1.5s ease-in-out infinite}@keyframes saju-pulse{0%,to{opacity:1}50%{opacity:.5}}.saju-report-actions{flex-shrink:0;display:flex;justify-content:flex-end;padding:0 4px;margin-bottom:12px}.save-report-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--bg-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-tertiary, #64748b);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.save-report-btn:hover:not(:disabled){background:var(--bg-hover, #334155)}.save-report-btn.has-changes{background:var(--accent-primary, #3b82f6);border-color:var(--accent-primary, #3b82f6);color:#fff}.save-report-btn.has-changes:hover:not(:disabled){background:#2563eb}.save-report-btn:disabled{opacity:.6;cursor:not-allowed}.saju-report-content>.report-panel{flex:1;min-height:0;overflow-y:auto;height:auto;background:transparent}.saju-report-content>.report-panel .report-panel-header{position:sticky;top:0;z-index:10;background:var(--bg-primary, #0f172a);padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border-color, #334155)}@media (max-width: 480px){.saju-report-actions{padding:0}.save-report-btn{width:100%;justify-content:center}}.relationship-card{background:var(--bg-secondary, #1e1e1e);border:1px solid var(--border-color, #2f2f2f);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px;transition:all .2s;position:relative}.relationship-card:hover{border-color:var(--accent-color, #f472b6);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.relationship-card.active{border-color:var(--accent-color, #f472b6);background:#f472b61a;box-shadow:0 0 0 2px var(--accent-color, #f472b6)}.rel-card-header{display:flex;justify-content:flex-end;margin-bottom:-8px}.rel-card-actions{display:flex;gap:4px}.rel-action-btn{background:transparent;border:none;padding:4px 6px;cursor:pointer;font-size:14px;opacity:.6;transition:opacity .2s}.rel-action-btn:hover{opacity:1}.rel-persons{display:flex;align-items:center;justify-content:center;gap:12px}.rel-heart{font-size:20px;flex-shrink:0}.rel-person-box{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--bg-tertiary, #171717);border-radius:8px;min-width:120px;flex:1;max-width:160px}.rel-person-badges{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.rel-person-name{font-size:14px;font-weight:600;color:var(--text-primary, #ececec);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.rel-person-date{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.rel-person-date .datetime{font-size:11px;color:var(--text-secondary, #b4b4b4)}.rel-person-pillar{display:flex;flex-direction:column;align-items:center;gap:4px}.rel-person-pillar .pillar-label{font-size:10px;color:var(--text-tertiary, #737373)}.rel-person-pillar .pillar-chars{display:flex;gap:2px}.rel-person-pillar .pillar-char{display:flex;align-items:center;justify-content:center;width:28px;height:24px;border-radius:4px;font-family:"Noto Serif KR",serif;font-size:13px;font-weight:600}.relationship-card .pillar-char.bg-wood{background:#4ade8040;color:#4ade80}.relationship-card .pillar-char.bg-fire{background:#f8717140;color:#f87171}.relationship-card .pillar-char.bg-earth{background:#fbbf2440;color:#fbbf24}.relationship-card .pillar-char.bg-metal{background:#e5e7eb33;color:#e5e7eb}.relationship-card .pillar-char.bg-water{background:#60a5fa40;color:#60a5fa}.relationship-card .pillar-char.bg-none{background:#73737333;color:#737373}.rel-card-buttons{display:flex!important;flex-direction:row!important;gap:8px;width:100%}.rel-card-buttons:empty{display:none!important}.relationship-card .card-btn{flex:1;padding:10px 12px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.relationship-card .card-btn.report-btn{background:#10a37f;color:#fff}.relationship-card .card-btn.report-btn:hover{background:#0e906f}.relationship-card .card-btn.analysis-btn{background:#ec4899;color:#fff}.relationship-card .card-btn.analysis-btn:hover{background:#db2777}.relationship-card .badge{font-size:9px;padding:2px 5px;border-radius:4px;font-weight:500;white-space:nowrap}.relationship-card .badge-group{background:#3f3f3f;color:#b4b4b4}.relationship-card .badge-gender-male{background:#60a5fa40;color:#60a5fa}.relationship-card .badge-gender-female{background:#f472b640;color:#f472b6}.relationship-card .badge-calendar-solar{background:#f8717140;color:#f87171}.relationship-card .badge-calendar-lunar{background:#60a5fa40;color:#60a5fa}.relationship-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}@media (max-width: 600px){.relationship-card{padding:12px}.rel-persons{flex-direction:column;gap:4px}.rel-person-box{width:100%;max-width:none}.rel-heart{font-size:18px;margin:4px 0}.rel-card-buttons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px}.rel-card-buttons .card-btn{flex:1 1 0!important;min-width:0;padding:8px;font-size:11px}.relationship-card-grid{grid-template-columns:1fr}}.relationship-list-content{display:flex;flex-direction:column;flex:1;min-height:0}.relationship-filters{padding:12px 16px;background-color:var(--bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:12px;margin:0 16px 16px;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.relationship-filters .filter-row.filter-header{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.relationship-filters .filter-toggle-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color, #475569);background-color:var(--bg-secondary, #1e293b);color:var(--text-secondary, #94a3b8);font-size:13px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.relationship-filters .filter-toggle-btn:hover{border-color:var(--accent-pink, #ec4899);color:var(--text-primary, #f1f5f9)}.relationship-filters .filter-toggle-btn.expanded{background-color:var(--bg-tertiary, #334155);border-color:var(--accent-pink, #ec4899)}.relationship-filters .filter-toggle-btn.has-filters{border-color:var(--accent-pink, #ec4899)}.relationship-filters .filter-toggle-btn .filter-badge{background-color:var(--accent-pink, #ec4899);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.relationship-filters .filter-toggle-btn .toggle-icon{font-size:10px;transition:transform .2s ease}.relationship-filters .filters-collapsible{display:flex;flex-direction:column;gap:12px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease,padding .3s ease;padding-top:0}.relationship-filters .filters-collapsible.expanded{max-height:300px;opacity:1;padding-top:12px;border-top:1px solid var(--border-color, #334155)}.relationship-filters .filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.relationship-filters .filter-label{font-size:13px;font-weight:500;color:var(--text-secondary, #94a3b8);min-width:70px;flex-shrink:0}.relationship-filters .archive-search{flex:1}.relationship-filters .archive-search input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--accent-pink, #ec4899);background-color:var(--bg-tertiary, #334155);color:var(--text-primary, #f1f5f9);font-size:14px}.relationship-filters .archive-search input:focus{outline:none;border-color:var(--accent-pink, #f472b6);background-color:var(--bg-secondary, #1e293b);box-shadow:0 0 0 2px #ec48994d}.relationship-filters .archive-search input::placeholder{color:var(--text-tertiary, #94a3b8)}.birth-year-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.birth-year-group{display:flex;align-items:center;gap:8px}.birth-year-group .person-label{font-size:12px;color:var(--text-tertiary, #64748b);min-width:45px}.birth-year-group input{width:70px;padding:6px 10px;border-radius:6px;border:1px solid var(--accent-pink, #ec4899);background-color:var(--bg-tertiary, #334155);color:var(--text-primary, #f1f5f9);font-size:13px;text-align:center}.birth-year-group input:focus{outline:none;border-color:var(--accent-pink, #f472b6);background-color:var(--bg-secondary, #1e293b);box-shadow:0 0 0 2px #ec48994d}.birth-year-group input::placeholder{color:var(--text-tertiary, #94a3b8)}.heart-divider{color:var(--accent-pink, #ec4899);font-size:16px}.relationship-filters .filter-status{justify-content:space-between;padding-top:8px;border-top:1px solid var(--border-color, #334155);margin-top:4px}.relationship-filters .filter-count{font-size:13px;color:var(--text-secondary, #94a3b8)}.relationship-filters .clear-filters-btn{padding:6px 12px;border-radius:6px;border:none;background-color:var(--bg-tertiary, #334155);color:var(--text-secondary, #94a3b8);font-size:12px;cursor:pointer;transition:all .15s ease}.relationship-filters .clear-filters-btn:hover{background-color:var(--accent-red, #ef4444);color:#fff}.relationship-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:16px}.relationship-list-content.compact .relationship-filters{padding:12px;gap:8px;margin:0 0 12px}.relationship-list-content.compact .filter-row{gap:8px}.relationship-list-content.compact .filter-label{min-width:50px;font-size:12px}.relationship-list-content.compact .archive-search input{padding:8px 12px;font-size:13px}.relationship-list-content.compact .birth-year-group input{width:60px;padding:4px 8px;font-size:12px}.relationship-list-content.compact .birth-year-group .person-label{font-size:11px;min-width:40px}.relationship-list-content.compact .heart-divider{font-size:14px}.relationship-list-content.compact .relationship-card-grid{grid-template-columns:1fr;gap:8px;padding:0}.relationship-list-content.compact .list-empty-full{padding:24px 16px}.relationship-list-content.compact .list-empty-full .empty-icon{font-size:32px}.relationship-list-content.compact .list-empty-full p{font-size:13px}@media (max-width: 768px){.relationship-filters .filter-row{flex-direction:column;align-items:flex-start}.relationship-filters .filter-label{min-width:auto;margin-bottom:4px}.birth-year-filters{width:100%;justify-content:center}.relationship-filters .filter-status{flex-direction:column;gap:8px;align-items:flex-start}.relationship-card-grid{grid-template-columns:1fr}}.relationship-report-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.relationship-report-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-tertiary, #64748b);font-size:14px}.relationship-header-card-inner{position:relative}.relationship-header-card-inner .relationship-card{margin:0;border:none;border-radius:0;background:transparent}.relationship-header-card-inner .relationship-card-buttons:empty{display:none}.relationship-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;border-radius:10px}.relationship-loading-badge{padding:8px 16px;background:#ec48994d;color:#f472b6;font-size:13px;font-weight:500;border-radius:20px;animation:relationship-pulse 1.5s ease-in-out infinite}@keyframes relationship-pulse{0%,to{opacity:1}50%{opacity:.5}}.relationship-report-content>.report-panel{flex:1;min-height:0;overflow-y:auto;height:auto;background:transparent}.relationship-report-content>.report-panel .report-panel-header{position:sticky;top:0;z-index:10;background:var(--bg-primary, #0f172a);padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border-color, #334155)}@media (max-width: 480px){.relationship-report-header{margin-bottom:8px}}.hexagram-card{background:var(--bg-secondary, #1e1e1e);border:1px solid var(--border-color, #2f2f2f);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s}.hexagram-card:hover{border-color:var(--accent-color, #10a37f);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hexagram-card.active{border-color:#8b5cf6;background:#8b5cf61a;box-shadow:0 0 0 2px #8b5cf6}.hexagram-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.hexagram-card-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hexagram-card-date{font-size:12px;color:var(--text-tertiary, #737373)}.hexagram-card-actions{display:flex;gap:4px}.hexagram-card .card-action-btn{background:transparent;border:none;padding:4px 6px;cursor:pointer;font-size:14px;opacity:.6;transition:opacity .2s}.hexagram-card .card-action-btn:hover{opacity:1}.hexagram-card .badge{font-size:11px;padding:3px 8px;border-radius:4px;font-weight:500;white-space:nowrap}.hexagram-card .badge-category{background:#73737340;color:#b4b4b4}.hexagram-card .badge-category.love{background:#f472b633;color:#f472b6}.hexagram-card .badge-category.money{background:#fbbf2433;color:#fbbf24}.hexagram-card .badge-category.career{background:#60a5fa33;color:#60a5fa}.hexagram-card .badge-category.health{background:#4ade8033;color:#4ade80}.hexagram-card .badge-category.general{background:#a78bfa33;color:#a78bfa}.hexagram-card .badge-period{background:#3b82f633;color:#60a5fa;font-size:11px;padding:2px 6px;border-radius:4px}.hexagram-card-querent{margin-bottom:8px}.hexagram-card-querent .querent-name{font-size:13px;color:var(--text-secondary, #a3a3a3);font-weight:500}.hexagram-card-question{font-size:14px;color:var(--text-primary, #ececec);line-height:1.5;min-height:42px}.hexagram-card-question .empty{color:var(--text-tertiary, #737373);font-style:italic}.hexagram-card-gua{padding:12px;background:var(--bg-tertiary, #171717);border-radius:8px}.hexagram-card-gua .gua-display{display:flex;align-items:center;justify-content:center;gap:12px}.hexagram-card-gua .gua-item{display:flex;flex-direction:column;align-items:center;gap:6px}.hexagram-card-gua .gua-image{width:56px;height:56px;object-fit:contain;border-radius:6px}.hexagram-card-gua .gua-text{display:flex;flex-direction:column;align-items:center;gap:2px}.hexagram-card-gua .gua-label{font-size:10px;color:#60a5fa;background:#3b82f633;padding:2px 6px;border-radius:4px}.hexagram-card-gua .gua-item:last-of-type .gua-label{background:#8b5cf633;color:#a78bfa}.hexagram-card-gua .gua-name{font-size:14px;font-weight:600;color:var(--text-primary, #ececec);font-family:"Noto Serif KR",serif}.hexagram-card-gua .gua-arrow{font-size:18px;color:var(--accent-green, #10a37f);font-weight:700}.hexagram-card-meta{display:flex;gap:12px;flex-wrap:wrap}.hexagram-card-meta .meta-item{font-size:12px;color:var(--text-secondary, #b4b4b4)}.hexagram-card-buttons{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin-top:4px;width:100%}.hexagram-card-buttons .card-btn{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;height:40px;padding:8px 12px;margin:0;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;white-space:nowrap;box-sizing:border-box}.hexagram-card-buttons .card-btn.analysis-btn{background:var(--bg-tertiary, #2f2f2f);border-color:var(--border-color, #3f3f3f);color:var(--text-primary, #ececec)}.hexagram-card-buttons .card-btn.analysis-btn:hover{background:var(--bg-hover, #3f3f3f);border-color:var(--accent-color, #10a37f)}.hexagram-card-buttons .card-btn.report-btn{background:#10a37f;border-color:#10a37f;color:#fff}.hexagram-card-buttons .card-btn.report-btn:hover{background:#0e906f;border-color:#0e906f}.hexagram-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:16px}@media (max-width: 600px){.hexagram-card{padding:12px}.hexagram-card-buttons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px}.hexagram-card-buttons .card-btn{flex:1 1 0!important;min-width:0;padding:8px;font-size:11px}.hexagram-card-grid{grid-template-columns:1fr;padding:12px}}.mini-hexagram-lines{width:56px;height:56px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:4px 6px;box-sizing:border-box}.mini-hexagram-line{display:flex;align-items:center;height:5px}.mini-yang-line{width:100%;height:3px;background:currentColor;border-radius:1px}.mini-yin-line{width:100%;display:flex;align-items:center;gap:0}.mini-yin-line span{flex:1;height:3px;background:currentColor;border-radius:1px}.mini-yin-line .mini-gap{flex:0 0 6px;background:transparent}.hexagram-list-content{display:flex;flex-direction:column;flex:1;min-height:0}.hexagram-filters{padding:12px 16px;background-color:var(--bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:12px;margin:0 16px 16px;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.hexagram-filters .filter-row.filter-header{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.hexagram-filters .filter-toggle-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color, #475569);background-color:var(--bg-secondary, #1e293b);color:var(--text-secondary, #94a3b8);font-size:13px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.hexagram-filters .filter-toggle-btn:hover{border-color:var(--accent-purple, #8b5cf6);color:var(--text-primary, #f1f5f9)}.hexagram-filters .filter-toggle-btn.expanded{background-color:var(--bg-tertiary, #334155);border-color:var(--accent-purple, #8b5cf6)}.hexagram-filters .filter-toggle-btn.has-filters{border-color:var(--accent-purple, #8b5cf6)}.hexagram-filters .filter-toggle-btn .filter-badge{background-color:var(--accent-purple, #8b5cf6);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.hexagram-filters .filter-toggle-btn .toggle-icon{font-size:10px;transition:transform .2s ease}.hexagram-filters .filters-collapsible{display:flex;flex-direction:column;gap:12px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease,padding .3s ease;padding-top:0}.hexagram-filters .filters-collapsible.expanded{max-height:400px;opacity:1;padding-top:12px;border-top:1px solid var(--border-color, #334155)}.hexagram-filters .filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hexagram-filters .filter-label{font-size:13px;font-weight:500;color:var(--text-secondary, #94a3b8);min-width:70px;flex-shrink:0}.hexagram-filters .archive-search{flex:1}.hexagram-filters .archive-search input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--accent-purple, #8b5cf6);background-color:var(--bg-tertiary, #334155);color:var(--text-primary, #f1f5f9);font-size:14px}.hexagram-filters .archive-search input:focus{outline:none;border-color:var(--accent-purple, #a78bfa);background-color:var(--bg-secondary, #1e293b);box-shadow:0 0 0 2px #8b5cf64d}.hexagram-filters .archive-search input::placeholder{color:var(--text-tertiary, #94a3b8)}.hexagram-filters .filter-buttons{display:flex;gap:6px;flex-wrap:wrap}.hexagram-filters .filter-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--border-color, #334155);background-color:var(--bg-primary, #0f172a);color:var(--text-secondary, #94a3b8);font-size:13px;cursor:pointer;transition:all .15s ease}.hexagram-filters .filter-btn:hover{border-color:var(--accent-purple, #8b5cf6);color:var(--text-primary, #f1f5f9)}.hexagram-filters .filter-btn.active{background-color:var(--accent-purple, #8b5cf6);border-color:var(--accent-purple, #8b5cf6);color:#fff}.hexagram-filters .datetime-filters{display:flex;gap:8px;flex-wrap:wrap}.hexagram-filters .datetime-input-group{display:flex;align-items:center;gap:4px}.hexagram-filters .datetime-input-group input{width:50px;padding:6px 8px;border-radius:6px;border:1px solid var(--accent-purple, #8b5cf6);background-color:var(--bg-tertiary, #334155);color:var(--text-primary, #f1f5f9);font-size:13px;text-align:center}.hexagram-filters .datetime-input-group input:first-child{width:60px}.hexagram-filters .datetime-input-group input:focus{outline:none;border-color:var(--accent-purple, #a78bfa);background-color:var(--bg-secondary, #1e293b);box-shadow:0 0 0 2px #8b5cf64d}.hexagram-filters .datetime-input-group input::placeholder{color:var(--text-tertiary, #94a3b8)}.hexagram-filters .datetime-input-group .datetime-label{font-size:13px;color:var(--text-secondary, #cbd5e1);font-weight:500;margin-left:2px}.hexagram-filters .filter-status{justify-content:space-between;padding-top:8px;border-top:1px solid var(--border-color, #334155);margin-top:4px}.hexagram-filters .filter-count{font-size:13px;color:var(--text-secondary, #94a3b8)}.hexagram-filters .clear-filters-btn{padding:6px 12px;border-radius:6px;border:none;background-color:var(--bg-tertiary, #334155);color:var(--text-secondary, #94a3b8);font-size:12px;cursor:pointer;transition:all .15s ease}.hexagram-filters .clear-filters-btn:hover{background-color:var(--accent-red, #ef4444);color:#fff}.archive-list-full{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.archive-list-full::-webkit-scrollbar{width:6px}.archive-list-full::-webkit-scrollbar-track{background:var(--bg-primary, #0f172a)}.archive-list-full::-webkit-scrollbar-thumb{background:var(--border-color, #334155);border-radius:3px}.archive-list-full::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #64748b)}.hexagram-grouped-list{display:flex;flex-direction:column;gap:24px;padding:0 16px 16px}.hexagram-category-section{display:flex;flex-direction:column;gap:12px}.category-title{font-size:15px;font-weight:600;color:var(--text-primary, #f1f5f9);display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border-radius:8px;border-left:3px solid var(--accent-purple, #8b5cf6)}.category-count{font-size:12px;background-color:var(--accent-purple, #8b5cf6);color:#fff;padding:2px 8px;border-radius:10px;margin-left:auto}.hexagram-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.hexagram-list-content .list-empty-full{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary, #94a3b8)}.hexagram-list-content .list-empty-full .empty-icon{font-size:48px;margin-bottom:16px}.hexagram-list-content .list-empty-full p{margin:4px 0;font-size:15px}.hexagram-list-content .list-empty-full .sub{font-size:13px;color:var(--text-tertiary, #64748b)}.hexagram-list-content .empty-new-btn{margin-top:16px;padding:10px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--accent-purple, #8b5cf6),#6366f1);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.hexagram-list-content .empty-new-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.hexagram-list-content.compact .hexagram-filters{padding:12px;gap:8px;margin:0 0 12px}.hexagram-list-content.compact .filter-row{gap:8px}.hexagram-list-content.compact .filter-label{min-width:50px;font-size:12px}.hexagram-list-content.compact .filter-btn{padding:4px 8px;font-size:11px}.hexagram-list-content.compact .archive-search input{padding:8px 12px;font-size:13px}.hexagram-list-content.compact .datetime-input-group input{width:40px;padding:4px 6px;font-size:12px}.hexagram-list-content.compact .datetime-input-group input:first-child{width:50px}.hexagram-list-content.compact .datetime-input-group .datetime-label{font-size:11px}.hexagram-list-content.compact .hexagram-grouped-list{gap:16px;padding:0}.hexagram-list-content.compact .category-title{font-size:13px;padding:8px 12px}.hexagram-list-content.compact .category-count{font-size:11px}.hexagram-list-content.compact .hexagram-card-grid{grid-template-columns:1fr;gap:8px}.hexagram-list-content.compact .list-empty-full{padding:24px 16px}.hexagram-list-content.compact .list-empty-full .empty-icon{font-size:32px}.hexagram-list-content.compact .list-empty-full p{font-size:13px}@media (max-width: 768px){.hexagram-filters{margin:0 8px 12px;padding:12px}.hexagram-filters .filter-row{flex-direction:column;align-items:flex-start}.hexagram-filters .filter-label{min-width:auto;margin-bottom:4px}.hexagram-filters .filter-buttons,.hexagram-filters .datetime-filters{width:100%}.hexagram-filters .filter-status{flex-direction:column;gap:8px;align-items:flex-start}.hexagram-grouped-list{padding:0 8px 16px}.hexagram-card-grid{grid-template-columns:1fr}}.hexagram-input-container{width:100%;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e2e8f0}.hexagram-input-header{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;margin-bottom:0;background:#1a2744}.header-left{display:flex;align-items:center;gap:12px}.hexagram-input-header h2{margin:0}.reset-button{background:#6b7a9480;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.reset-button:hover{background:#6b7a94cc}.header-right{display:flex;align-items:center;gap:10px}.header-copy{flex-shrink:0}.report-button{background:linear-gradient(135deg,#10a37f,#4ade80);color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease;box-shadow:0 2px 8px #10a37f4d}.report-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10a37f66;background:linear-gradient(135deg,#0d8a6a,#3fcf73)}.report-button:active{transform:translateY(0);box-shadow:0 2px 4px #10a37f4d}.copy-message-container{text-align:center;margin-bottom:10px}.result-header{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:15px;padding:0 5px}.copy-button{background:#7c8aff;color:#0f1729;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease;box-shadow:0 2px 8px #7c8aff4d}.copy-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7c8aff66;background:#8b98ff}.copy-button:active{transform:translateY(0);box-shadow:0 2px 4px #7c8aff4d}.copy-message{font-size:12px;font-weight:500;padding:4px 8px;border-radius:12px;animation:fadeInOut 2s ease-in-out}.copy-message.success{color:#4ade80;background-color:#4ade8026}.copy-message.error{color:#ef4444;background-color:#ef444426}@keyframes fadeInOut{0%{opacity:0;transform:translate(10px)}20%,80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px)}}.hexagram-input-container h2{margin:0;font-size:20px;color:#fff}.today-saju-section{background:#1a2744;border-top:1px solid rgba(124,138,255,.15);border-bottom:1px solid rgba(124,138,255,.15);padding:16px;margin-bottom:0}.saju-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:8px;padding:0 4px}.saju-header h3{margin:0;font-size:16px;font-weight:600;color:#e2e8f0}.saju-datetime-info{font-size:15px;font-weight:500;color:#7c8aff;background:#7c8aff26;padding:10px 16px;border-radius:8px;margin-bottom:12px;text-align:center;letter-spacing:.3px}.saju-subtitle{font-size:12px;color:#8b9cb8;margin-bottom:12px;padding:0 4px;font-weight:500;text-align:center;-webkit-user-select:none;user-select:none}.saju-subtitle.clickable{cursor:pointer;transition:color .2s}.saju-subtitle.clickable:hover{color:#a0afc8}.input-section{background:#1a2744;border-bottom:1px solid rgba(124,138,255,.15);padding:10px 0;margin-bottom:0}.lines-input{margin-bottom:15px}.lines-input h3{margin-bottom:15px;padding:0 10px;font-size:18px;color:#fff}.lines-container{display:flex;flex-direction:column;gap:0}.line-selector{display:flex;align-items:center;gap:0}.line-number{width:40px;font-weight:700;text-align:center;color:#e2e8f0;flex-shrink:0}.line-buttons{display:flex;flex:1;gap:0}.line-type-button{flex:1;padding:10px 0;border:1px solid #3a4a6a;border-radius:0;background:#0d1420;color:#e2e8f0;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.line-type-button:hover{border-color:#7c8aff;background:#1a2744}.line-type-button.active{background:#fff;color:#0f1729;border-color:#fff;font-weight:700}.line-type-button.active.yang,.line-type-button.active.yin,.line-type-button.active.yang-changing,.line-type-button.active.yin-changing{background:#fff;color:#0f1729;border-color:#fff}.calculate-button{display:block;width:200px;margin:0 auto;padding:12px 24px;background:#7c8aff;color:#0f1729;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.calculate-button:hover{background:#8b98ff;transform:translateY(-1px)}.calculate-button.reset-mode{background:#ef4444;width:250px;font-size:16px}.calculate-button.reset-mode:hover{background:#f87171;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.result-section{background:#1a2744;border:1px solid rgba(124,138,255,.15);border-radius:12px;padding:20px}.hexagram-display{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}.hexagram-unified-display{background:#1a2744;border:1px solid rgba(124,138,255,.15);border-radius:12px;padding:20px;margin-top:15px}.hexagram-header-info{margin-bottom:20px}.hexagram-names{margin-bottom:15px}.hexagram-names h3,.hexagram-names h4{margin:5px 0;color:#fff}.hexagram-names h3{font-size:1.4rem}.hexagram-names h4{font-size:1.2rem;color:#8b9cb8}.hexagram-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:14px;color:#8b9cb8}.gua-info{margin-top:20px;padding:15px;background:#0d1420;border-radius:12px;text-align:left}.gua-info h4{margin:0 0 10px;font-size:18px;color:#fff;text-align:center}.gua-home{margin:5px 0;color:#8b9cb8;font-size:14px;text-align:center}.gua-shen{text-align:center;margin:10px 0;font-size:16px;color:#e2e8f0}.gua-shen-value{font-weight:700;color:#7c8aff;background:#7c8aff26;padding:2px 8px;border-radius:4px;margin-left:5px}.hexagram-character{display:flex;justify-content:center;gap:8px;margin:10px 0;flex-wrap:wrap}.character-tag{background:#4ade8026;color:#4ade80;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.gua-positions{display:flex;justify-content:center;gap:20px;margin:10px 0;font-size:14px;color:#8b9cb8}.gua-effects{margin-top:15px;border-top:1px solid #3a4a6a;padding-top:15px}.effect-row{display:flex;padding:5px 0;font-size:14px;border-bottom:1px solid #2a3a5a;align-items:center;gap:10px}.effect-row:last-child{border-bottom:none}.effect-label{font-weight:600;color:#fff;min-width:50px}.sinsu{font-weight:700;color:#ef4444;margin-left:10px;min-width:60px;text-align:center}.effect-content{color:#8b9cb8;margin-left:10px;flex:1}.gongmang-info{display:flex;justify-content:center;align-items:center;gap:8px;margin:10px 0;padding:8px;background:#fb923c26;border-radius:8px;font-size:14px}.gongmang-label{font-weight:600;color:#e2e8f0}.gongmang-value{font-weight:700;color:#e2e8f0}.gongmang-sun{color:#8b9cb8;font-size:13px}.effect-row.gongmang{background:#6b7a941a;margin:2px -5px;padding-left:5px;padding-right:5px;border-radius:4px}.effect-row.gongmang .effect-content{font-weight:600;color:#e2e8f0}.fushen{color:#7c8aff;font-weight:600;margin-left:8px}.special-marks{display:flex;gap:8px;min-width:60px}.se-ung,.shin-myung{background:#7c8aff33;color:#7c8aff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.gongmang-indicator{background:#6b7a944d;color:#e2e8f0;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600;margin-left:8px}.element-status{display:flex;gap:12px;margin-left:auto;font-size:13px;align-items:center}.wangsang,.day-relation{padding:3px 8px;border-radius:4px;font-weight:500;font-size:12px}.wangsang-왕{background:#ef4444cc;color:#fff}.wangsang-상{background:#fb923ccc;color:#fff}.wangsang-휴{background:#7c8affcc;color:#fff}.wangsang-수{background:#6b7a94cc;color:#fff}.wangsang-사{background:#4a5568cc;color:#fff}.day-생\(生\),.day-生,.day-비\(比\),.day-比,.day-설\(泄\),.day-泄,.day-제\(制\),.day-制,.day-극\(剋\),.day-剋{background:#6b7a9499;color:#fff}.moving-lines-header{font-weight:700;color:#7c8aff;margin-bottom:10px;text-align:center;font-size:14px}.effect-row.moving-line{background:#7c8aff26;border-left:3px solid #7c8aff;padding-left:8px;margin-left:-8px}.no-moving-lines{text-align:center;color:#8b9cb8;font-style:italic;padding:20px 0}.changed-hexagram .gua-info.simplified{padding:15px}.changed-hexagram .gua-info.simplified h4{margin-bottom:15px}.analysis-section{margin-top:20px;background:#0d1420;border-radius:12px;padding:15px}.analysis-toggle-button{display:block;width:100%;margin:0 auto 15px;padding:12px 20px;background:#1a2744;color:#e2e8f0;border:1px solid #3a4a6a;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.analysis-toggle-button:hover{background:#243352;border-color:#7c8aff}.analysis-content{margin-top:15px}.analysis-group{background:#1a2744;border-radius:8px;padding:12px;margin-bottom:12px;border:1px solid rgba(124,138,255,.1)}.analysis-group h4{margin:0 0 15px;color:#fff;font-size:16px;border-bottom:1px solid #3a4a6a;padding-bottom:8px}.analysis-items{display:flex;flex-direction:column;gap:10px}.analysis-item{display:flex;align-items:center;gap:15px}.status-label{padding:4px 12px;border-radius:20px;font-weight:700;font-size:14px;min-width:80px;text-align:center}.effect-list{color:#8b9cb8;font-size:14px}.analysis-content .gongmang-label{font-weight:600;color:#e2e8f0}.interpretation-section{margin-bottom:20px}.interpretation-toggle-button{width:100%;padding:15px;background:#7c8aff;color:#0f1729;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:15px;transition:all .3s ease;box-shadow:0 4px 12px #7c8aff4d}.interpretation-toggle-button:hover{background:#8b98ff;transform:translateY(-2px);box-shadow:0 6px 16px #7c8aff66}.interpretation-content{margin-top:15px}.interpretation-box{background:#1a2744;border:1px solid rgba(124,138,255,.15);border-radius:16px;padding:20px}.dongja-greeting{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #3a4a6a}.dongja-icon{font-size:32px;flex-shrink:0}.greeting-text h4{margin:0 0 8px;color:#7c8aff;font-size:18px}.greeting-text p{margin:0;color:#8b9cb8;font-size:14px}.interpretation-sections{display:flex;flex-direction:column;gap:20px}.interpretation-section-item{background:#0d1420;border-radius:12px;padding:16px;border-left:4px solid #7c8aff}.interpretation-section-item h5{margin:0 0 10px;color:#7c8aff;font-size:16px;font-weight:700}.interpretation-section-item p{margin:0;color:#e2e8f0;line-height:1.6;font-size:14px}.dongja-closing{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:15px;text-align:center;margin-top:10px}.dongja-closing p{margin:0;color:#fbbf24;font-weight:500;font-size:14px}.ai-request-section{display:flex;flex-direction:column;gap:20px}.ai-request-button-container{text-align:center;padding:20px}.ai-request-button{width:100%;max-width:300px;padding:16px 24px;background:#ef4444;color:#0f1729;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:10px;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d;display:flex;align-items:center;justify-content:center;gap:8px}.ai-request-button:hover:not(:disabled){background:#f87171;transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.ai-request-button:disabled{background:#3a4a6a;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-request-description{margin:0;color:#8b9cb8;font-size:14px;font-style:italic}.interpretation-actions{text-align:center;padding-top:15px;border-top:1px solid #3a4a6a;margin-top:15px}.ai-refresh-button{padding:10px 20px;background:#1a2744;color:#e2e8f0;border:1px solid #3a4a6a;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.ai-refresh-button:hover:not(:disabled){background:#243352;border-color:#7c8aff}.ai-refresh-button:disabled{background:#1a2744;color:#6b7a94;cursor:not-allowed}@media (max-width: 768px){.guide-results{grid-template-columns:1fr}.guide-toggle-btn{font-size:11px;padding:6px 10px}.hexagram-guide{padding:15px}.coin-legend{padding:8px 12px}.legend-symbols,.legend-results{font-size:11px}.line-buttons{display:flex;flex:1;gap:0}.line-type-button{font-size:12px;padding:8px 0}.line-selector{display:flex;align-items:center;gap:0}.line-number{width:35px;text-align:center}}@media (max-width: 600px){.hexagram-display{flex-direction:column}.arrow{transform:rotate(90deg);margin:20px 0}.input-section{padding:10px 0}.hexagram-input-container{padding:0}.gua-info{padding:12px;font-size:13px}.coin-legend{padding:10px 12px}.legend-row{font-size:11px;gap:6px}.legend-results{font-size:10px}.gua-positions{flex-direction:column;gap:5px;text-align:center}.element-status{flex-direction:column;gap:4px;margin-top:8px;margin-left:0}.result-header{flex-direction:column;align-items:center;gap:8px}.copy-button{font-size:12px;padding:6px 12px;border-radius:16px}.copy-message{font-size:11px}.calculate-button.reset-mode{width:200px;font-size:14px;padding:10px 20px}.wangsang,.day-relation{font-size:11px}.transition-display{font-size:18px;gap:10px}.arrow-symbol{font-size:20px}.moving-lines-info{font-size:14px}.analysis-section{margin-top:20px;padding:15px}.analysis-toggle-button{font-size:14px;padding:8px 16px}.analysis-group{padding:12px}.analysis-group h4{font-size:14px}.analysis-item{flex-direction:column;align-items:flex-start;gap:8px}.status-label{font-size:13px;min-width:70px}.effect-list{font-size:13px}}.mode-tabs{display:flex;gap:8px;margin-bottom:15px;padding:4px;background:#0003;border-radius:12px;align-items:center}.mode-tab{flex:1;padding:12px 16px;background:transparent;border:none;border-radius:10px;color:#8e8ea0;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-tab:hover{color:#ececec;background:#ffffff0d}.mode-tab.active{background:#2f2f2f;color:#ececec;box-shadow:0 2px 8px #0003}.guide-toggle-btn{padding:8px 14px;background:#7c8aff1a;color:#7c8aff;border:1px solid rgba(124,138,255,.3);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;white-space:nowrap}.guide-toggle-btn:hover{background:#7c8aff33;border-color:#7c8aff80}.hexagram-guide{background:linear-gradient(135deg,#1a2744e6,#3a4a6a99);border:2px solid rgba(124,138,255,.3);border-radius:12px;padding:20px;margin:0 0 15px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hexagram-guide h4{margin:0 0 15px;color:#7c8aff;font-size:16px;font-weight:700}.guide-content{display:flex;flex-direction:column;gap:10px}.guide-row{display:flex;align-items:center;gap:10px;color:#cbd5e1;font-size:14px}.guide-icon{font-size:18px;width:24px;text-align:center}.heaven-text{color:#60a5fa;font-weight:700}.earth-text{color:#fbbf24;font-weight:700}.guide-divider{height:1px;background:#7c8aff33;margin:8px 0}.guide-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.guide-result-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#0003;border-radius:8px;font-size:13px}.result-score{font-weight:700;color:#fbbf24;min-width:28px}.result-arrow{color:#64748b}.result-name{font-weight:600;color:#e2e8f0}.result-desc{color:#8b9cb8;font-size:11px}.coin-mode{display:flex;flex-direction:column;gap:15px}.coin-guide{padding:12px 16px;background:#7c8aff1a;border-radius:10px;border:1px solid rgba(124,138,255,.2)}.coin-guide .guide-main{display:flex;flex-direction:column;gap:5px}.coin-guide .guide-text{font-size:14px;color:#e2e8f0;font-weight:600}.coin-guide .guide-help{font-size:12px;color:#8b9cb8;font-weight:500;line-height:1.5}.coin-guide .guide-help strong{color:#7c8aff;font-weight:700}.hexagram-stack{display:flex;flex-direction:column;padding:16px;background:#00000040;border-radius:12px;gap:4px}.stack-line{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;transition:all .3s ease}.stack-line.empty{opacity:.4}.stack-line.filled{background:#ffffff0d}.stack-line.current{background:#7c8aff26;border:1px dashed rgba(124,138,255,.5)}.stack-line .stack-num{font-size:14px;font-weight:600;color:#8e8ea0;width:24px;text-align:center;flex-shrink:0}.stack-line.filled .stack-num{color:#e2e8f0}.stack-line .stack-visual{flex:1;display:flex;justify-content:center;align-items:center;font-family:monospace;font-size:18px;letter-spacing:1px}.stack-line .yang-bar{color:#60a5fa;font-weight:700;text-shadow:0 0 4px rgba(96,165,250,.5);display:block}.stack-line .yin-bar{color:#fbbf24;font-weight:700;text-shadow:0 0 4px rgba(251,191,36,.5);display:flex;justify-content:center;align-items:center}.stack-line .yin-gap{display:inline-block;width:16px;flex-shrink:0}.stack-line .empty-bar{color:#3a4a6a;opacity:.5;display:block;width:100%}.stack-line .empty-guide{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.stack-line .empty-guide .guide-segment{width:60px;height:3px;background:#3a4a6a;border-radius:2px;opacity:.4;flex-shrink:0}.stack-line.moving .yang-bar{color:#60a5fa;text-shadow:0 0 8px rgba(96,165,250,.8);animation:pulse-glow 1.5s ease-in-out infinite}.stack-line.moving .yin-bar{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.8);animation:pulse-glow 1.5s ease-in-out infinite}.stack-line .stack-type{font-size:12px;font-weight:600;min-width:50px;text-align:center;padding:4px 8px;border-radius:6px;flex-shrink:0}.stack-line .stack-type.양{background:#60a5fa26;color:#60a5fa}.stack-line .stack-type.음{background:#fbbf2426;color:#fbbf24}.stack-line .stack-type.양동{background:#60a5fa40;color:#60a5fa;animation:pulse-glow 1.5s ease-in-out infinite}.stack-line .stack-type.음동{background:#fbbf2440;color:#fbbf24;animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.coin-toss-area{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 24px;background:#00000026;border-radius:12px;min-height:340px}.coin-legend{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#0003;border-radius:10px;margin-top:8px;border:1px solid rgba(124,138,255,.15)}.legend-row{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.legend-item{font-weight:600}.legend-item.heaven{color:#60a5fa}.legend-item.earth{color:#fbbf24}.legend-divider{color:#4a5a7a;font-weight:700;margin:0 4px}.legend-label-small{color:#8b9cb8;font-weight:600;white-space:nowrap}.legend-results{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:11px;font-weight:600}.legend-result{color:#8b9cb8;transition:all .3s ease;white-space:nowrap}.legend-result.highlight{color:#fbbf24;font-weight:700;animation:pulse .6s ease-in-out 2;text-shadow:0 0 8px rgba(251,191,36,.6)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.9}}.legend-comma{color:#4a5a7a;margin:0 2px}.toss-instruction{font-size:16px;font-weight:600;color:#8b9cb8}.coins-display{display:flex;gap:12px;margin-bottom:8px}.coin-result-wrapper{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px 0;width:100%}.coin-result-summary{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 20px;background:#7c8aff26;border-radius:10px;width:100%;max-width:400px}.result-breakdown{display:flex;flex-direction:column;align-items:center;gap:3px}.breakdown-text{font-size:14px;font-weight:600;color:#e2e8f0}.breakdown-calc{font-size:13px;font-weight:500;color:#fbbf24;font-family:Courier New,monospace}.result-sum{font-size:16px;font-weight:600;color:#fbbf24}.result-type{font-size:15px;font-weight:600;color:#7c8aff;margin-top:2px}.coin-result-placeholder{font-size:14px;color:#4a5a7a;opacity:.6}.yeopjeon{display:flex;flex-direction:column;align-items:center;gap:6px}.yeopjeon .coin-outer{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .1s;overflow:visible}.yeopjeon.empty .coin-outer{background:radial-gradient(circle at 30% 25%,#6b5b4b,#4a3f32,#3a2f22);box-shadow:0 6px 12px #00000080,0 2px 4px #0000004d,inset 0 2px 4px #ffffff1a,inset 0 -3px 6px #0006;border:3px solid #5a4a3a}.yeopjeon.head .coin-outer{background:radial-gradient(circle at 30% 25%,#e8d078,#c9a227 40%,#8b6914);box-shadow:0 6px 16px #c9a22799,0 2px 4px #0000004d,inset 0 3px 6px #fff6,inset 0 -3px 6px #0000004d;border:3px solid #d4a853}.yeopjeon.head .coin-outer:after{content:"☰";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#60a5fa26;pointer-events:none;z-index:0}.yeopjeon.tail .coin-outer{background:radial-gradient(circle at 30% 25%,#8a7a68,#5c4d3d,#3d3228);box-shadow:0 6px 12px #00000080,0 2px 4px #0000004d,inset 0 2px 4px #ffffff26,inset 0 -3px 6px #0006;border:3px solid #6a5a4a}.yeopjeon.tail .coin-outer:after{content:"☷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#fbbf2426;pointer-events:none;z-index:0}.yeopjeon .coin-inner{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1}.yeopjeon.empty .coin-inner{background:radial-gradient(circle,#5a4a3a,#4a3f32);box-shadow:inset 0 2px 4px #0000004d}.yeopjeon.head .coin-inner{background:radial-gradient(circle,#d4b84a,#b8942a);box-shadow:inset 0 2px 4px #0003}.yeopjeon.tail .coin-inner{background:radial-gradient(circle,#6a5a4a,#4a3f32);box-shadow:inset 0 2px 4px #0000004d}.yeopjeon .square-hole{width:10px;height:10px;background:#1a1410;border:2px solid;box-shadow:inset 0 1px 3px #000c}.yeopjeon.empty .square-hole{border-color:#3a2f22}.yeopjeon.head .square-hole{border-color:#8b6914}.yeopjeon.tail .square-hole{border-color:#3a2f22}.yeopjeon .coin-chars{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2px 0;pointer-events:none}.yeopjeon .coin-chars span{font-size:10px;font-weight:900;font-family:"Noto Serif KR",serif}.yeopjeon.head .coin-chars span{color:#4a2a00;text-shadow:0 1px 0 rgba(255,220,150,.6)}.yeopjeon.tail .coin-chars span{color:#1a1008;text-shadow:0 1px 0 rgba(150,130,110,.5)}.yeopjeon .coin-result{font-size:10px;font-weight:600;padding:2px 6px;border-radius:8px}.yeopjeon.head .coin-result{color:#fbbf24;background:#fbbf2426}.yeopjeon.tail .coin-result{color:#94a3b8;background:#94a3b826}.yeopjeon.animating .coin-outer{animation:coinFlip .1s ease-in-out infinite}@keyframes coinFlip{0%,to{transform:rotateY(0) rotateX(0)}25%{transform:rotateY(90deg) rotateX(15deg)}50%{transform:rotateY(180deg) rotateX(0)}75%{transform:rotateY(270deg) rotateX(-15deg)}}.previous-result{margin-bottom:8px}.previous-result .prev-label{font-size:14px;font-weight:600;color:#7c8aff;background:#7c8aff26;padding:4px 12px;border-radius:12px}.coin-result-summary{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;padding:6px 12px;background:#00000040;border-radius:8px}.coin-result-summary .result-sum{font-size:13px;font-weight:600;color:#fbbf24}.coin-result-summary .result-type{font-size:11px;color:#94a3b8}.toss-button{padding:14px 32px;background:linear-gradient(135deg,#ececec,#d4d4d4);border:none;border-radius:24px;color:#171717;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.toss-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #fff3}.toss-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.hexagram-action-section{text-align:center;padding:24px;background:#10a37f1a;border:1px solid rgba(16,163,127,.3);border-radius:12px;margin-top:16px;max-width:700px;margin-left:auto;margin-right:auto}.hexagram-action-section .complete-message{margin:0 0 16px;font-size:18px;font-weight:500;color:#10a37f}.coin-complete{text-align:center;padding:24px;background:#10a37f1a;border:1px solid rgba(16,163,127,.3);border-radius:12px}.coin-complete p{margin:0 0 16px;font-size:18px;font-weight:500;color:#10a37f}.complete-buttons{display:flex;gap:16px;justify-content:stretch;align-items:stretch;margin-top:16px}.complete-buttons .calculate-button,.complete-buttons .report-button-inline{flex:1;min-width:0;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.complete-buttons .calculate-button{background:#10a37f;color:#fff;box-shadow:0 4px 12px #10a37f4d}.complete-buttons .calculate-button:hover:not(:disabled){background:#0d8a6a;transform:translateY(-2px);box-shadow:0 6px 16px #10a37f66}.complete-buttons .report-button-inline{background:transparent;color:#7c8aff;border:2px solid #7c8aff}.complete-buttons .report-button-inline:hover:not(:disabled){background:#7c8aff1a;transform:translateY(-2px)}.complete-buttons .calculate-button:disabled,.complete-buttons .report-button-inline:disabled{opacity:.4;cursor:not-allowed;transform:none}.complete-buttons .calculate-button:disabled{background:#3a4a5a;box-shadow:none}.complete-buttons .report-button-inline:disabled{border-color:#4a5a6a;color:#6a7a8a}.hexagram-action-section.incomplete{background:#64748b1a;border-color:#64748b4d}.hexagram-action-section .incomplete-message{margin:0 0 16px;font-size:16px;font-weight:500;color:#94a3b8}.direct-mode .lines-input h3{margin:0 0 16px;font-size:15px;font-weight:500;color:#ececec}.hexagram-info-section{padding:16px;background:var(--bg-card, #1a2744);border-radius:8px;margin-bottom:16px;display:flex;flex-direction:column;gap:16px}.info-row{display:flex;flex-direction:column;gap:8px}.info-label{font-size:13px;font-weight:500;color:var(--text-secondary, #e2e8f0)}.category-buttons{display:flex;flex-wrap:wrap;gap:8px}.category-btn{padding:6px 12px;background:var(--bg-tertiary, #243352);border:1px solid var(--border-secondary, #2a3a5a);border-radius:6px;color:var(--text-secondary, #e2e8f0);font-size:12px;cursor:pointer;transition:all .2s}.category-btn:hover{border-color:var(--accent-blue, #4f9cf9)}.category-btn.active{background:var(--accent-blue, #4f9cf9);border-color:var(--accent-blue, #4f9cf9);color:#fff}.querent-selector{position:relative}.select-querent-btn{padding:8px 16px;background:var(--bg-tertiary, #243352);border:1px dashed var(--border-secondary, #2a3a5a);border-radius:6px;color:var(--text-tertiary, #8b9cb8);font-size:13px;cursor:pointer}.select-querent-btn:hover{border-color:var(--accent-blue, #4f9cf9);color:var(--accent-blue, #4f9cf9)}.selected-querent{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#4f9cf91a;border:1px solid var(--accent-blue, #4f9cf9);border-radius:6px;width:fit-content}.selected-querent span{color:var(--text-primary, #f8fafc);font-size:13px}.clear-btn{background:none;border:none;color:var(--text-tertiary, #8b9cb8);cursor:pointer;padding:2px 6px;font-size:12px}.clear-btn:hover{color:#f44336}.saju-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--bg-secondary, #111827);border:1px solid var(--border-secondary, #2a3a5a);border-radius:8px;margin-top:4px;z-index:100}.saju-option{display:flex;justify-content:space-between;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border-secondary, #2a3a5a)}.saju-option:last-child{border-bottom:none}.saju-option:hover{background:var(--bg-tertiary, #243352)}.saju-name{color:var(--text-primary, #f8fafc);font-size:13px}.saju-day{color:var(--text-tertiary, #8b9cb8);font-size:12px;font-family:"Noto Serif KR",serif}.dropdown-empty{padding:16px;text-align:center;color:var(--text-tertiary, #8b9cb8);font-size:13px}.time-selector{display:flex;flex-direction:column;gap:8px}.time-mode-toggle{display:flex;gap:4px}.time-mode-btn{padding:6px 12px;background:var(--bg-tertiary, #243352);border:1px solid var(--border-secondary, #2a3a5a);border-radius:4px;color:var(--text-tertiary, #8b9cb8);font-size:12px;cursor:pointer}.time-mode-btn.active{background:var(--accent-blue, #4f9cf9);border-color:var(--accent-blue, #4f9cf9);color:#fff}.period-buttons{display:flex;flex-wrap:wrap;gap:8px}.period-btn{padding:6px 12px;background:var(--bg-tertiary, #243352);border:1px solid var(--border-secondary, #2a3a5a);border-radius:6px;color:var(--text-secondary, #e2e8f0);font-size:12px;cursor:pointer}.period-btn.active{background:#4f9cf933;border-color:var(--accent-blue, #4f9cf9);color:var(--accent-blue, #4f9cf9)}.date-picker-wrapper{position:relative;display:inline-block}.date-picker-wrapper .date-input{padding-right:36px}.date-picker-wrapper .date-picker-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none}.date-picker-wrapper .date-input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:36px;height:100%;cursor:pointer}.date-input{padding:8px 12px;background:var(--bg-tertiary, #243352);border:1px solid var(--border-secondary, #2a3a5a);border-radius:6px;color:var(--text-primary, #f8fafc);font-size:13px;width:fit-content}.question-input{width:100%;padding:10px 12px;background:var(--bg-tertiary, #243352);border:1px solid var(--border-secondary, #2a3a5a);border-radius:6px;color:var(--text-primary, #f8fafc);font-size:13px;resize:none;font-family:inherit}.question-input::placeholder{color:var(--text-tertiary, #8b9cb8)}.question-input:focus{outline:none;border-color:var(--accent-blue, #4f9cf9)}@media (max-width: 600px){.complete-buttons{flex-direction:column;gap:12px}.complete-buttons .calculate-button,.complete-buttons .report-button-inline{max-width:100%;width:100%}}.direct-mode-new{display:flex;flex-direction:column;gap:15px}.direct-guide{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#7c8aff1a;border-radius:10px;border:1px solid rgba(124,138,255,.2);gap:12px}.guide-main{display:flex;flex-direction:column;gap:5px;flex:1}.guide-text{font-size:14px;color:#e2e8f0;font-weight:600}.guide-help{font-size:12px;color:#8b9cb8;font-weight:500;line-height:1.5}.guide-help strong{color:#7c8aff;font-weight:700}.guide-shortcuts{font-size:12px;color:#8b9cb8;font-weight:600;background:#0003;padding:4px 10px;border-radius:6px;white-space:nowrap}.split-view-container{display:grid;grid-template-columns:40fr 60fr;gap:20px;min-height:500px}.preview-panel{display:flex;flex-direction:column;gap:15px;background:#1a274499;border:2px solid rgba(124,138,255,.2);border-radius:12px;padding:20px}.preview-header{display:flex;flex-direction:column;gap:8px}.preview-header h3{margin:0;font-size:16px;color:#7c8aff;font-weight:700}.progress-bar{width:100%;height:8px;background:#0000004d;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#7c8aff,#60a5fa);transition:width .4s ease;border-radius:4px}.progress-text{font-size:12px;color:#8b9cb8;font-weight:600;text-align:center}.hexagram-preview{display:flex;flex-direction:column;gap:8px;flex:1}.preview-line{display:flex;align-items:center;gap:10px;padding:10px;background:#0003;border-radius:8px;border:2px solid transparent;transition:all .3s ease;cursor:pointer}.preview-line.empty{opacity:.4;cursor:default}.preview-line.current{border-color:#fbbf24;background:#fbbf241a;box-shadow:0 0 12px #fbbf244d}.preview-line.filled:not(.no-edit):hover{background:#7c8aff1a;border-color:#7c8aff4d}.preview-line.no-edit{cursor:default;opacity:.8}.preview-line.no-edit:hover{background:#0003;border-color:transparent}.preview-num{font-size:12px;font-weight:700;color:#8b9cb8;min-width:20px}.preview-visual{flex:1;display:flex;justify-content:center;font-size:18px;font-weight:700}.yang-bar{color:#60a5fa}.yin-bar{color:#fbbf24;display:flex;gap:4px}.yin-gap{width:10px}.empty-bar{color:#4a5a7a;opacity:.5}.preview-type{font-size:11px;font-weight:600;min-width:50px;text-align:right}.preview-type.양,.preview-type.양동{color:#60a5fa}.preview-type.음,.preview-type.음동{color:#fbbf24}.preview-line.moving .preview-type{animation:glow 1.5s ease-in-out infinite}@keyframes glow{0%,to{opacity:1;text-shadow:0 0 8px currentColor}50%{opacity:.7;text-shadow:0 0 4px currentColor}}.complete-actions{display:flex;justify-content:center;padding-top:15px;border-top:2px solid rgba(124,138,255,.2)}.analyze-button{padding:14px 28px;background:linear-gradient(135deg,#7c8aff,#60a5fa);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #7c8aff66}.analyze-button.pulse{animation:pulseButton 1.5s ease-in-out infinite}@keyframes pulseButton{0%,to{transform:scale(1);box-shadow:0 4px 12px #7c8aff66}50%{transform:scale(1.05);box-shadow:0 6px 20px #7c8aff99}}.analyze-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7c8aff99}.card-selection-panel{display:flex;flex-direction:column;gap:15px;background:#1a274499;border:2px solid rgba(124,138,255,.2);border-radius:12px;padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:18px;color:#e2e8f0;font-weight:700}.edit-badge{padding:4px 12px;background:#fbbf2433;border:1px solid rgba(251,191,36,.4);border-radius:12px;font-size:12px;color:#fbbf24;font-weight:600}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.effect-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.effect-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease;z-index:0}.effect-card>*{position:relative;z-index:1}.effect-card.yin{background:linear-gradient(135deg,#fbbf2426,#d977061a);border-color:#fbbf244d}.effect-card.yin:hover{border-color:#fbbf2499;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #fbbf244d}.effect-card.yang{background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border-color:#60a5fa4d}.effect-card.yang:hover{border-color:#60a5fa99;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #60a5fa4d}.effect-card.yin-changing{background:linear-gradient(135deg,#fbbf2440,#d9770626);border-color:#fbbf2466}.effect-card.yin-changing:hover{border-color:#fbbf24b3;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #fbbf2466}.effect-card.yang-changing{background:linear-gradient(135deg,#60a5fa40,#3b82f626);border-color:#60a5fa66}.effect-card.yang-changing:hover{border-color:#60a5fab3;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #60a5fa66}.effect-card.selected{transform:scale(1.05);animation:cardSelect .4s ease-out}.effect-card.selected:before{opacity:1}.effect-card.yin.selected:before,.effect-card.yin-changing.selected:before{background:radial-gradient(circle,rgba(251,191,36,.3),transparent)}.effect-card.yang.selected:before,.effect-card.yang-changing.selected:before{background:radial-gradient(circle,rgba(96,165,250,.3),transparent)}.effect-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.effect-card.disabled:hover{transform:none;box-shadow:none;border-color:transparent}@keyframes cardSelect{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}.card-icon{font-size:32px;font-weight:700;line-height:1}.effect-card.yin .card-icon,.effect-card.yin-changing .card-icon{color:#fbbf24}.effect-card.yang .card-icon,.effect-card.yang-changing .card-icon{color:#60a5fa}.card-name{font-size:15px;font-weight:700;color:#e2e8f0}.card-score{font-size:13px;font-weight:600;color:#cbd5e1}.card-desc{font-size:11px;color:#8b9cb8}.card-legend{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#0003;border-radius:8px;font-size:12px;color:#8b9cb8;flex-wrap:wrap}.legend-label{font-weight:600;margin-right:4px}.legend-slash{color:#4a5a7a}.all-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px}.success-icon{font-size:64px;animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.success-text{font-size:20px;font-weight:700;color:#e2e8f0}.success-desc{font-size:14px;color:#8b9cb8}@media (max-width: 768px){.split-view-container{grid-template-columns:1fr;gap:15px}.preview-panel{position:sticky;top:10px;z-index:10;max-height:400px;overflow-y:auto}.card-grid{grid-template-columns:1fr}.effect-card{padding:20px 12px}.direct-guide{flex-direction:column;gap:10px}.guide-main{text-align:center}.guide-shortcuts{align-self:center}}@media (max-width: 480px){.preview-panel,.card-selection-panel{padding:15px}.card-icon{font-size:30px}.card-name{font-size:14px}}.hda-container{margin-top:16px;background:#1a1b26;border:1px solid #414868;border-radius:8px;overflow:hidden}.hda-toggle-button{width:100%;padding:12px 16px;background:#24283b;color:#c0caf5;border:none;cursor:pointer;font-size:14px;font-weight:500;text-align:left;transition:background .2s}.hda-toggle-button:hover{background:#2d3348}.hda-content{padding:16px;background:#1a1b26}.hda-section{margin-bottom:20px;padding:12px;background:#24283b;border-radius:6px;border-left:3px solid #7aa2f7}.hda-section:last-child{margin-bottom:0}.hda-section-title{font-size:15px;font-weight:600;color:#7aa2f7;margin-bottom:12px}.hda-divider{height:1px;background:#414868;margin:8px 0}.hda-info-row{padding:4px 0;color:#c0caf5;font-size:13px;line-height:1.6;font-family:Courier New,monospace}.hda-line-row{margin-bottom:12px;padding:8px;background:#1a1b26;border-radius:4px;border:1px solid #414868}.hda-line-row:last-child{margin-bottom:0}.hda-line-header{font-weight:600;color:#bb9af7;margin-bottom:6px;font-size:14px}.hda-line-detail{padding:2px 0;color:#9aa5ce;font-size:13px;font-family:Courier New,monospace;margin-left:8px}.hda-line-detail-moving{padding:2px 0;color:#f7768e;font-size:13px;font-weight:500;font-family:Courier New,monospace;margin-left:8px}.hda-subsection{margin-top:12px;padding:8px;background:#1a1b26;border-radius:4px}.hda-subsection-title{font-weight:600;color:#7dcfff;margin-bottom:6px;font-size:13px}.hda-info-row-indent{padding:3px 0 3px 16px;color:#c0caf5;font-size:13px;line-height:1.5;font-family:Courier New,monospace}.hda-fushen-grid{display:flex;flex-direction:column;gap:12px}.hda-fushen-card{background:#1a1b26;border:1px solid #414868;border-radius:6px;overflow:hidden;transition:all .2s}.hda-fushen-card:hover{border-color:#565f89}.hda-fushen-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#24283b;cursor:pointer;transition:background .2s}.hda-fushen-header:hover{background:#2d3348}.hda-fushen-title{display:flex;align-items:center;gap:6px;font-size:14px}.hda-fushen-num{color:#bb9af7;font-weight:600}.hda-fushen-earth{color:#c0caf5;font-weight:500}.hda-fushen-info{color:#9aa5ce;font-size:13px}.hda-fushen-status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.hda-fushen-body{padding:12px;background:#1a1b26}.hda-fushen-progress-section{margin-bottom:12px}.hda-fushen-progress-label{font-size:12px;color:#7dcfff;margin-bottom:6px;font-weight:500}.hda-fushen-progress{height:6px;background:#24283b;border-radius:3px;overflow:hidden}.hda-fushen-progress-bar{height:100%;background:linear-gradient(90deg,#4ade80,#2dd4bf);border-radius:3px;transition:width .4s ease}.hda-fushen-conditions{display:flex;flex-direction:column;gap:6px}.hda-fushen-condition-item{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;background:#24283b;border-radius:4px;font-size:12px;border-left:2px solid transparent;transition:all .2s}.hda-fushen-condition-item.fulfilled{border-left-color:#4ade80}.hda-fushen-condition-item.unfulfilled{border-left-color:#414868}.hda-fushen-condition-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:1px}.hda-fushen-condition-item.fulfilled .hda-fushen-condition-icon{color:#4ade80}.hda-fushen-condition-item.unfulfilled .hda-fushen-condition-icon{color:#565f89}.hda-fushen-condition-text{flex:1;display:flex;flex-direction:column;gap:2px}.hda-fushen-condition-label{color:#7dcfff;font-weight:500}.hda-fushen-condition-detail{color:#9aa5ce;font-family:Courier New,monospace}.hda-fushen-warning-banner{margin-top:12px;padding:8px 10px;background:linear-gradient(135deg,#2d2034,#1f1826);border:1px solid #f7768e;border-radius:4px;display:flex;align-items:center;gap:8px;color:#f7768e;font-size:12px;font-weight:500}.hda-fushen-warning-banner.gongmang,.hda-fushen-warning-banner.wolpa{background:linear-gradient(135deg,#2d2034,#1f1826);border-color:#f7768e;color:#f7768e}.hda-fushen-warning-banner.absent{background:linear-gradient(135deg,#24283b,#1a1b26);border-color:#565f89;color:#9aa5ce}.hda-warning-icon{font-size:16px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.hda-relations-grid{display:flex;flex-direction:column;gap:16px}.hda-relations-group{display:flex;flex-direction:column;gap:8px}.hda-relations-group-title{font-size:12px;font-weight:600;color:#7aa2f7;margin-bottom:4px;padding-left:4px}.hda-relation-card{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#24283b;border-radius:4px;font-size:13px;transition:all .2s;flex-wrap:wrap}.hda-relation-card:hover{background:#2d3348}.hda-relation-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;flex-shrink:0}.hda-relation-icon{font-size:14px}.hda-relation-elements{color:#c0caf5;font-family:Courier New,monospace;flex:1;min-width:0}.hda-relation-method-tag{padding:2px 8px;background:#1a1b26;border-radius:3px;font-size:11px;color:#9aa5ce;flex-shrink:0}.hda-relation-method-tag.highlight-month{background:#2d2034;color:#f7768e;font-weight:500}.hda-sinmyung-grid{display:flex;flex-direction:column;gap:12px}.hda-sinmyung-card{background:#1a1b26;border:1px solid #414868;border-radius:6px;overflow:hidden;transition:all .2s}.hda-sinmyung-card:hover{border-color:#565f89}.hda-sinmyung-card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#24283b;cursor:pointer;transition:background .2s}.hda-sinmyung-card-header:hover{background:#2d3348}.hda-sinmyung-card-title{display:flex;align-items:center;gap:6px;font-size:14px}.hda-sinmyung-type{color:#7aa2f7;font-weight:600}.hda-sinmyung-earth{color:#c0caf5;font-weight:500}.hda-sinmyung-element{color:#9aa5ce;font-size:13px}.hda-sinmyung-card-body{padding:12px;background:#1a1b26}.hda-sinmyung-detail-section{margin-top:12px;padding:10px;background:#24283b;border-radius:4px;border-left:2px solid #7aa2f7}.hda-sinmyung-detail-title{font-size:12px;font-weight:600;color:#7aa2f7;margin-bottom:8px}.hda-sinmyung-detail-row{display:flex;gap:8px;padding:4px 0;font-size:12px;line-height:1.5}.hda-detail-label{color:#7dcfff;font-weight:500;flex-shrink:0;min-width:80px}.hda-detail-value{color:#c0caf5;font-family:Courier New,monospace}.hda-badge-success{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.hda-badge-error{background:#f7768e26;color:#f7768e;border:1px solid rgba(247,118,142,.3)}.hda-badge-neutral{background:#9aa5ce26;color:#9aa5ce;border:1px solid rgba(154,165,206,.3)}.hda-badge-active-yes{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.hda-badge-passive-yes{background:#7dcfff26;color:#7dcfff;border:1px solid rgba(125,207,255,.3)}.hda-badge-partial{background:#e0af6826;color:#e0af68;border:1px solid rgba(224,175,104,.3)}.hda-badge-samhap{background:#7c8aff26;color:#7c8aff;border:1px solid rgba(124,138,255,.3)}.hda-badge-banhap{background:#7dcfff26;color:#7dcfff;border:1px solid rgba(125,207,255,.3)}.hda-badge-yukhap{background:#9aa5ce26;color:#9aa5ce;border:1px solid rgba(154,165,206,.3)}.hda-badge-banghap{background:#bb9af726;color:#bb9af7;border:1px solid rgba(187,154,247,.3)}.hda-badge-yukchung{background:#f7768e26;color:#f7768e;border:1px solid rgba(247,118,142,.3)}@media (max-width: 768px){.hda-content{padding:12px}.hda-section{padding:10px}.hda-info-row,.hda-line-detail,.hda-line-detail-moving,.hda-info-row-indent{font-size:12px}.hda-section-title{font-size:14px}.hda-fushen-header,.hda-sinmyung-card-header{flex-direction:column;align-items:flex-start;gap:8px}.hda-relation-card{flex-direction:column;align-items:flex-start}.hda-relation-elements{font-size:12px}.hda-sinmyung-detail-row{flex-direction:column;gap:4px}.hda-detail-label{min-width:auto}}.hexagram-visual-display{display:flex;flex-direction:column;align-items:center;gap:16px;margin:16px 0;padding:20px;background:var(--bg-secondary, #1e1e1e);border:1px solid var(--border-primary, #2f2f2f);border-radius:12px}.hexagram-visual-display .hexagram-transition{text-align:center}.hexagram-visual-display .transition-display{display:flex;align-items:center;justify-content:center;gap:12px;font-size:18px;font-weight:600;font-family:"Noto Serif KR",serif;margin-bottom:8px}.hexagram-visual-display .arrow-symbol{color:var(--accent-orange, #fb923c);font-size:20px}.hexagram-visual-display .moving-lines-info{font-size:14px;color:var(--accent-orange, #fb923c);font-weight:500;padding:6px 14px;background:#fb923c1a;border-radius:8px;display:inline-block}.hexagram-visual-display .hexagram-visual-container{display:flex;gap:40px;justify-content:center}.hexagram-visual-display .visual-box{text-align:center}.hexagram-visual-display .visual-box h4{margin:0 0 12px;font-size:14px;color:var(--text-secondary, #b4b4b4);font-weight:500}.hexagram-visual-display .hexagram-visual{padding:16px 24px;background:var(--bg-tertiary, #0d1420);border-radius:12px;min-width:120px}.hexagram-visual-display .hexagram-line{margin:8px 0}.hexagram-visual-display .yang-line{font-weight:700;text-align:center;font-size:20px;color:var(--text-primary, #ffffff)}.hexagram-visual-display .yang-line.changing{color:var(--accent-orange, #fb923c);text-shadow:0 0 8px rgba(251,146,60,.5)}.hexagram-visual-display .yin-line{display:flex;justify-content:center;gap:0;font-size:20px;font-weight:700;color:var(--text-primary, #ffffff)}.hexagram-visual-display .yin-line.changing{color:var(--accent-orange, #fb923c);text-shadow:0 0 8px rgba(251,146,60,.5)}.hexagram-visual-display .yin-line .gap{width:16px}.hexagram-effects-table{width:100%;overflow-x:auto;margin:16px 0}.hexagram-effects-table table{width:100%;border-collapse:collapse;font-size:13px}.hexagram-effects-table th,.hexagram-effects-table td{padding:10px 8px;text-align:center;border-bottom:1px solid var(--border-secondary, #2f2f2f)}.hexagram-effects-table th{background:var(--bg-tertiary, #252525);font-weight:500;color:var(--text-secondary, #b4b4b4)}.hexagram-effects-table tbody tr:hover{background:#ffffff08}.hexagram-effects-table tr.moving-line{background:#fb923c1a}.hexagram-effects-table tr.moving-line:hover{background:#fb923c26}.hexagram-effects-table tr.gongmang{opacity:.6}.hexagram-effects-table .effect-number{font-weight:600;color:var(--text-primary, #ffffff)}.hexagram-effects-table .effect-main{font-family:"Noto Serif KR",serif;white-space:nowrap}.hexagram-effects-table .original-effect{color:var(--text-primary, #ffffff)}.hexagram-effects-table .changed-effect{color:var(--accent-orange, #fb923c)}.hexagram-effects-table .sinsu{color:var(--accent-blue, #4f9cf9);font-weight:500}.hexagram-full-display{display:flex;flex-direction:column;gap:16px}@media (max-width: 600px){.hexagram-visual-display .hexagram-visual-container{gap:20px}.hexagram-visual-display .hexagram-visual{padding:12px 16px;min-width:100px}.hexagram-visual-display .yang-line,.hexagram-visual-display .yin-line{font-size:16px}.hexagram-visual-display .yin-line .gap{width:12px}.hexagram-effects-table th,.hexagram-effects-table td{padding:8px 4px;font-size:12px}}.gua-name-main{font-size:18px;font-weight:600;color:var(--text-primary, #ffffff)}.gua-name-sub{font-size:13px;font-weight:400;color:var(--text-tertiary, #888);margin-left:4px}.hexagram-image-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:var(--bg-tertiary, #0d1420);border-radius:12px;min-width:140px}.hexagram-image{width:120px;height:120px;object-fit:contain;border-radius:8px}.hexagram-easy-desc{font-size:12px;color:var(--text-secondary, #b4b4b4);text-align:center;line-height:1.5;max-width:140px}.hexagram-image-desc{margin-top:12px;font-size:13px;color:var(--text-secondary, #b4b4b4);text-align:center;font-style:italic;padding:8px 12px;background:#ffffff0d;border-radius:8px}.hexagram-effects-table .effect-main span{margin-right:4px}.hexagram-effects-table .effect-main span:last-child{margin-right:0}.divination-saju-display{padding:16px 20px;background:var(--bg-secondary, #1e1e1e);border:1px solid var(--border-primary, #2f2f2f);border-radius:12px;margin:16px 0}.divination-saju-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.divination-saju-title{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff)}.divination-saju-datetime{font-size:13px;color:var(--text-tertiary, #888)}.divination-saju-subtitle{font-size:12px;color:var(--text-tertiary, #888);margin-bottom:12px;text-align:center;-webkit-user-select:none;user-select:none}.divination-saju-subtitle.clickable{cursor:pointer;transition:color .2s}.divination-saju-subtitle.clickable:hover{color:var(--text-secondary, #bbb)}.hexagram-report-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.hexagram-header-card-inner{position:relative}.hexagram-header-card-inner .hexagram-card{margin:0;border:none;border-radius:0;background:transparent}.hexagram-header-card-inner .hexagram-card-buttons{display:none}.hexagram-header-card-inner .hexagram-card-gua{background:var(--bg-secondary, #171717);padding:16px}.hexagram-header-card-inner .hexagram-card-gua .gua-image{width:64px;height:64px;border-radius:6px}.hexagram-header-card-inner .hexagram-card-gua .gua-name{font-size:16px;font-weight:600;color:var(--text-primary, #ececec);font-family:"Noto Serif KR",serif}.hexagram-header-card-inner .hexagram-card-gua .gua-label{font-size:11px;color:var(--text-secondary, #94a3b8);background:#8b5cf633;padding:2px 8px;border-radius:4px}.hexagram-header-card-inner .hexagram-card-gua .gua-label:first-of-type{background:#3b82f64d;color:#60a5fa}.hexagram-header-card-inner .hexagram-card-gua .gua-item:last-of-type .gua-label{background:#8b5cf64d;color:#a78bfa}.hexagram-header-card-inner .hexagram-card-gua .gua-arrow{font-size:20px;color:var(--accent-green, #10a37f);font-weight:700}.hexagram-header-card-inner .hexagram-card-question{font-size:15px;font-style:italic;color:var(--text-secondary, #94a3b8);padding:8px 0}.hexagram-report-meta{padding:12px 16px;background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border-top:1px solid var(--border-color, #334155);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.hexagram-report-title{font-size:15px;font-weight:600;color:var(--text-primary, #f1f5f9);margin:0;font-family:"Noto Serif KR",serif}.hexagram-verdict{font-size:14px;font-weight:600;padding:4px 12px;border-radius:16px;background:#8b5cf633;color:var(--accent-purple, #a78bfa)}.hexagram-verdict.good{background:#22c55e33;color:#4ade80}.hexagram-verdict.bad{background:#ef444433;color:#f87171}.hexagram-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;border-radius:10px}.hexagram-loading-badge{padding:8px 16px;background:#8b5cf64d;color:#a78bfa;font-size:13px;font-weight:500;border-radius:20px;animation:hexagram-pulse 1.5s ease-in-out infinite}@keyframes hexagram-pulse{0%,to{opacity:1}50%{opacity:.5}}.hexagram-report-content .report-header{padding:16px;background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border-radius:12px;margin-bottom:16px;text-align:center}.hexagram-report-content .report-title{font-size:18px;font-weight:600;color:var(--text-primary, #f1f5f9);margin:0 0 8px;font-family:"Noto Serif KR",serif}.hexagram-report-content .report-verdict{font-size:14px;color:var(--accent-purple, #a78bfa);margin:0;font-style:italic}.hexagram-report-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary, #94a3b8)}.hexagram-report-loading .spinner{width:40px;height:40px;border:3px solid var(--border-color, #334155);border-top-color:var(--accent-purple, #8b5cf6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.hexagram-report-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:300px}.generating-animation{margin-bottom:24px}.bagua-spinner{font-size:64px;animation:bagua-rotate 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(139,92,246,.5))}@keyframes bagua-rotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.generating-info{margin-bottom:24px}.generating-info h3{font-size:18px;font-weight:600;color:var(--text-primary, #f1f5f9);margin:0 0 16px}.step-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.step-number{font-size:12px;font-weight:600;color:var(--accent-purple, #8b5cf6);background:#8b5cf633;padding:2px 8px;border-radius:10px}.step-title{font-size:15px;font-weight:500;color:var(--text-primary, #f1f5f9)}.step-desc{font-size:13px;color:var(--text-secondary, #94a3b8);margin:0;min-height:20px}.step-progress{display:flex;gap:8px;justify-content:center}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color, #334155);transition:all .3s ease}.step-dot.active{background:var(--accent-purple, #8b5cf6);transform:scale(1.3);box-shadow:0 0 8px #8b5cf680}.step-dot.done{background:#8b5cf680}.sidebar{display:flex;flex-direction:column;width:260px;height:100vh;height:100dvh;height:-webkit-fill-available;background-color:#171717;position:fixed;left:0;top:0;z-index:100;transition:transform .2s ease;padding-bottom:env(safe-area-inset-bottom)}.sidebar.sidebar-collapsed{transform:translate(-100%)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:99}.sidebar-header{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid #2f2f2f}.sidebar-header .new-chat-btn{flex:1}.sidebar-close-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:#b4b4b4;cursor:pointer;border-radius:8px}.sidebar-close-btn:hover{background-color:#2f2f2f;color:#ececec}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;display:flex;flex-direction:column}.section-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background-color:#1a2744;color:#e2e8f0;font-size:14px;font-weight:600;letter-spacing:0;border-radius:6px;margin:4px 8px}.section-header.clickable{width:calc(100% - 16px);background-color:#1a2744;border:none;cursor:pointer;transition:all .15s}.section-header.clickable:hover{background-color:#243352}.section-header.clickable.expanded{background-color:#1a2744}.section-header-main{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer}.section-toggle-btn{background:transparent;border:none;color:#8b9cb8;font-size:10px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s}.section-toggle-btn:hover{background:#ffffff1a;color:#e2e8f0}.section-icon{font-size:14px;width:20px;text-align:center}.section-label{flex:1;text-align:left}.section-chevron{color:#fff;opacity:.8;transition:transform .2s ease;flex-shrink:0}.section-chevron.rotated{transform:rotate(180deg)}.storage-section{margin-bottom:8px}.storage-section:last-child{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.storage-items{display:flex;flex-direction:column;gap:2px;margin-left:24px;padding-left:0}.storage-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px}.storage-grid-item{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background-color:#7aa2f71a;border:none;border-radius:8px;color:#7aa2f7;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.storage-grid-item:hover{background-color:#7aa2f733}.storage-grid-item.active{background-color:#10a37f33;color:#10a37f}.storage-grid-icon{font-size:16px}.storage-grid-label{font-size:14px}.storage-item{display:flex;align-items:center;gap:4px;width:100%;padding:8px 14px;background:transparent;border:none;border-radius:8px;color:#b4b4b4;font-size:14px;cursor:pointer;transition:all .15s;text-align:left}.storage-item:hover{background-color:#252525;color:#ececec}.storage-item.active{background-color:#10a37f26;color:#10a37f;border-left:3px solid #10a37f;padding-left:9px;font-weight:500}.storage-item-icon{font-size:14px}.storage-item-bullet{font-size:12px;color:#8b9cb8;flex-shrink:0}.storage-item-label{flex:1}.chat-items{flex:1;overflow-y:auto}.chat-item{position:relative}.chat-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}.chat-item-info .storage-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-date{font-size:11px;color:#737373;font-family:SF Mono,Monaco,Inconsolata,monospace}.sidebar-loading{display:flex;align-items:center;justify-content:center;padding:20px}.spinner-small{width:24px;height:24px;border:2px solid #424242;border-top-color:#10a37f;border-radius:50%;animation:spin 1s linear infinite}.sidebar-empty{text-align:center;padding:16px 14px;color:#737373}.sidebar-empty p{margin:0 0 4px;font-size:13px}.sidebar-empty-sub{font-size:11px!important}.sidebar-footer{padding:12px;border-top:1px solid #2f2f2f;display:flex;flex-direction:column;gap:8px}.new-chat-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;background-color:transparent;border:1px solid #424242;border-radius:10px;color:#ececec;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.new-chat-btn:hover{background-color:#2f2f2f}.new-chat-btn:active{transform:scale(.98)}.user-section{position:relative}.user-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .15s;text-align:left}.user-btn:hover{background-color:#2f2f2f}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:#10a37f;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar span{color:#fff;font-size:14px;font-weight:600}.user-info{flex:1;min-width:0;display:flex;flex-direction:column}.user-name{font-size:14px;color:#ececec;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:11px;color:#737373;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chevron{color:#737373;transition:transform .2s;flex-shrink:0}.user-chevron-up{transform:rotate(180deg)}.user-menu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background-color:#2f2f2f;border:1px solid #424242;border-radius:10px;padding:6px;box-shadow:0 4px 20px #0006}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:#ececec;font-size:14px;cursor:pointer;transition:all .15s;text-align:left}.user-menu-item:hover{background-color:#3a3a3a}.user-menu-logout{color:#ef4444}.user-menu-logout:hover{background-color:#ef44441a}.login-btn-sidebar{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;background-color:#ececec;border:none;border-radius:10px;color:#171717;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.login-btn-sidebar:hover{background-color:#fff}@media (max-width: 768px){.sidebar{width:280px}.sidebar-overlay{display:block}.sidebar-close-btn{display:flex}.sidebar-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}.chat-item.pinned{background-color:#7aa2f714}.pin-indicator{font-size:10px;margin-right:2px}.room-context-menu-wrapper{position:relative;flex-shrink:0;margin-left:auto}.room-menu-btn{background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:16px;font-weight:700;color:#737373;opacity:0;transition:all .2s;line-height:1}.storage-item:hover .room-menu-btn{opacity:.7}.room-menu-btn:hover{opacity:1!important;background:#ffffff1a;color:#ececec}.room-context-menu{position:absolute;top:100%;right:0;margin-top:4px;background-color:#2a2a2a;border:1px solid #404040;border-radius:8px;padding:4px;min-width:130px;box-shadow:0 4px 16px #0006;z-index:200}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .15s;text-align:left}.context-menu-item:hover{background-color:#3a3a3a}.context-menu-icon{font-size:14px;width:18px;text-align:center}.context-menu-delete{color:#ef5350}.context-menu-delete:hover{background-color:#ef535026}.rename-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:300}.rename-modal{background-color:#2a2a2a;border:1px solid #404040;border-radius:12px;padding:20px;width:90%;max-width:340px;box-shadow:0 8px 32px #00000080}.rename-modal h3{margin:0 0 16px;color:#ececec;font-size:16px;font-weight:600}.rename-modal input{width:100%;padding:12px 14px;background-color:#1a1a1a;border:1px solid #404040;border-radius:8px;color:#ececec;font-size:14px;outline:none;box-sizing:border-box}.rename-modal input:focus{border-color:#10a37f}.rename-modal-buttons{display:flex;gap:10px;margin-top:16px;justify-content:flex-end}.rename-cancel-btn,.rename-save-btn{padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.rename-cancel-btn{background-color:#404040;color:#ececec}.rename-cancel-btn:hover{background-color:#505050}.rename-save-btn{background-color:#10a37f;color:#fff}.rename-save-btn:hover{background-color:#0d8c6d}.archive-list-container{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;height:100%;overflow:hidden;background-color:#171717;color:#ececec}.archive-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #2f2f2f;background-color:#1e1e1e}.archive-header h2{margin:0;font-size:18px;font-weight:600;flex:1}.archive-header .new-saju-btn{background:#10a37f;border:none;color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.archive-header .new-saju-btn:hover{background:#0e906f}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:#b4b4b4;cursor:pointer;border-radius:8px;transition:all .15s}.back-btn:hover{background-color:#2f2f2f;color:#ececec}.archive-search{padding:12px 16px;border-bottom:1px solid #2f2f2f}.archive-search input{width:100%;padding:10px 14px;background-color:#252525;border:1px solid #424242;border-radius:8px;color:#ececec;font-size:14px;outline:none;transition:all .15s}.archive-search input::placeholder{color:#737373}.archive-search input:focus{border-color:#10a37f}.archive-content{flex:1;overflow-y:auto;padding:8px}.archive-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#737373}.archive-loading .spinner{width:28px;height:28px;border:2px solid #424242;border-top-color:#10a37f;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.archive-empty{text-align:center;padding:40px 20px;color:#737373}.archive-empty p{margin:0 0 8px;font-size:14px}.archive-empty .sub{font-size:12px}.archive-item{display:flex;align-items:center;gap:4px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;color:#b4b4b4;font-size:14px;cursor:pointer;transition:all .15s;text-align:left;margin-bottom:2px}.archive-item:hover{background-color:#252525;color:#ececec}.archive-item.active{background-color:#2f2f2f;color:#10a37f}.archive-item .item-bullet{font-size:12px;color:#737373;flex-shrink:0}.archive-item .item-icon{font-size:14px;flex-shrink:0}.archive-item .item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.archive-item .item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ececec}.archive-item .item-subtitle{font-size:11px;color:#737373;font-family:SF Mono,Monaco,Inconsolata,monospace}.archive-item .item-group{font-size:10px;color:#737373;background:#2f2f2f;padding:2px 6px;border-radius:3px;flex-shrink:0}.day-pillar-compare-new .pillar-char,.compare-pillar-col .pillar-char{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;font-family:"Noto Serif KR",serif;font-size:20px;font-weight:600;overflow:hidden;line-height:1;text-align:center;box-sizing:border-box}.bg-wood{background:#4ade8040!important;color:#4ade80!important}.bg-fire{background:#f8717140!important;color:#f87171!important}.bg-earth{background:#fbbf2440!important;color:#fbbf24!important}.bg-metal{background:#e5e7eb33!important;color:#e5e7eb!important}.bg-water{background:#60a5fa40!important;color:#60a5fa!important}.bg-none{background:#73737333!important;color:#737373!important}@media (max-width: 600px){.complement-grid,.problems-grid{grid-template-columns:1fr}.people-summary-new{flex-direction:column;align-items:center}.heart-divider{transform:rotate(90deg)}}.compat-relation-list{display:flex;flex-direction:column;gap:8px}.compat-relation-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#171717;border-radius:6px;border-left:3px solid #737373}.compat-rel-emoji{font-size:16px}.compat-rel-name{font-weight:500;color:#ececec;min-width:60px}.compat-rel-desc{font-size:13px;color:#b4b4b4}.compat-no-data{padding:12px;text-align:center;color:#737373;font-size:13px}.compat-complement-list{display:flex;flex-direction:column;gap:8px}.compat-complement-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#171717;border-radius:6px;font-size:13px;color:#b4b4b4}.compat-complement-item strong{color:#ececec}.compat-problems-list{display:flex;flex-direction:column;gap:8px}.compat-problem-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f443361a;border-radius:6px;font-size:13px;color:#f87171}.compat-no-problems{padding:12px;text-align:center;color:#4ade80;font-size:13px}.person-card .badge{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500;white-space:nowrap}.person-card .badge-group{background:#3f3f3f;color:#b4b4b4}.person-card .badge-gender-male{background:#60a5fa40;color:#60a5fa}.person-card .badge-gender-female{background:#f472b640;color:#f472b6}.person-card .badge-calendar-solar{background:#f8717140;color:#f87171}.person-card .badge-calendar-lunar{background:#60a5fa40;color:#60a5fa}.person-card .pillar-char{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;font-family:"Noto Serif KR",serif;font-size:18px;font-weight:600;overflow:hidden;line-height:1;text-align:center;box-sizing:border-box}.person-card .pillar-char.bg-wood{background:#4ade8040;color:#4ade80}.person-card .pillar-char.bg-fire{background:#f8717140;color:#f87171}.person-card .pillar-char.bg-earth{background:#fbbf2440;color:#fbbf24}.person-card .pillar-char.bg-metal{background:#e5e7eb33;color:#e5e7eb}.person-card .pillar-char.bg-water{background:#60a5fa40;color:#60a5fa}.person-card .pillar-char.bg-none{background:#73737333;color:#737373}.person-card.compact{min-width:140px;max-width:180px;padding:12px}.person-card.compact .person-card-row1{flex-wrap:wrap;gap:4px;margin-bottom:6px}.person-card.compact .person-card-name{font-size:14px}.person-card.compact .person-card-row2{flex-wrap:wrap;gap:4px;margin-bottom:8px}.person-card.compact .person-card-datetime{font-size:11px}.person-card.compact .badge{font-size:10px;padding:1px 6px}.person-card.compact .person-card-pillars{padding:8px}.person-card.compact .person-card-pillars .pillar-labels span{font-size:10px;width:26px}.person-card.compact .person-card-pillars .pillar-char{width:30px;height:30px;font-size:16px;line-height:1}@media (max-width: 600px){.person-card{width:100%;max-width:none}}.chat-layout,.chat-page{--bg-primary: #212121;--bg-secondary: #171717;--bg-tertiary: #2f2f2f;--bg-input: #303030;--text-primary: #ececec;--text-secondary: #b4b4b4;--text-muted: #737373;--border-color: #424242;--accent-green: #10a37f;--accent-green-hover: #1a7f64}.chat-layout{display:flex;height:100vh;height:100dvh;height:-webkit-fill-available;background-color:var(--bg-primary);overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.chat-page{display:flex;flex:1;min-height:0;height:100%;margin-left:260px;transition:margin-left .2s ease;overflow:hidden}.chat-page.sidebar-collapsed{margin-left:0}.chat-section{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;max-height:100%;background-color:#212121;position:relative;padding:0;margin:0;overflow:hidden}.chat-header{display:flex!important;align-items:center;justify-content:center;padding:14px 20px;background-color:#212121;border-bottom:1px solid #424242;min-height:56px;height:auto;flex-shrink:0;position:relative;z-index:10}.chat-header .sidebar-toggle-btn{position:absolute;left:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:#b4b4b4;cursor:pointer;border-radius:8px;transition:all .2s}.chat-header .sidebar-toggle-btn svg{width:20px;height:20px;fill:none;stroke:#b4b4b4;stroke-width:2}.chat-header .sidebar-toggle-btn:hover{background-color:#2f2f2f;color:#ececec}.chat-header .sidebar-toggle-btn:hover svg{stroke:#ececec}.chat-header h2{margin:0;font-size:16px;font-weight:600;color:#ececec}.chat-page.sidebar-hidden{margin-left:0}.chat-header .panel-toggle-btn{position:absolute;right:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:#b4b4b4;cursor:pointer;border-radius:8px;transition:all .2s}.chat-header .panel-toggle-btn svg{width:20px;height:20px;fill:none;stroke:#b4b4b4;stroke-width:2}.chat-header .panel-toggle-btn:hover{background-color:#2f2f2f;color:#ececec}.chat-header .panel-toggle-btn:hover svg{stroke:#ececec}.chat-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;user-select:text;-webkit-user-select:text;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.chat-section.empty-state .chat-messages{display:none}.chat-section.empty-state .chat-input-area{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;padding:20px 20px 40px;background:transparent;overflow-y:auto;-webkit-overflow-scrolling:touch}.chat-section.empty-state .chat-input-container{width:100%;max-width:700px}.chat-welcome-above{display:none}.chat-section.empty-state .chat-welcome-above{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px;width:100%;max-width:700px;padding:0;box-sizing:border-box}.chat-welcome-title{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.chat-welcome-hint{color:var(--text-muted);font-size:16px;margin:0;font-weight:400;letter-spacing:-.01em}.chat-bubble-wrapper{display:flex;width:100%;max-width:900px;margin:0 auto;padding:12px 24px;box-sizing:border-box}.chat-bubble-wrapper.user{justify-content:flex-end;padding-bottom:8px}.chat-bubble-wrapper.assistant{justify-content:flex-start}.chat-bubble{border-radius:20px;padding:12px 18px;position:relative}.chat-bubble.user{background:#2f2f2f;color:#e0e0e0;min-width:60px}.chat-bubble.assistant{background:transparent;color:var(--text-primary, #e2e8f0);padding:0}.chat-bubble-content{font-size:15px;line-height:1.7;word-break:break-word;user-select:text;-webkit-user-select:text;cursor:text}.chat-bubble-content .user-text{white-space:pre-wrap}.chat-bubble-container{display:flex;flex-direction:column}.chat-bubble-wrapper.user .chat-bubble-container{align-items:flex-end;max-width:100%}.chat-bubble-wrapper.assistant .chat-bubble-container{align-items:flex-start;max-width:100%}.chat-bubble-time{font-size:11px;opacity:.6;margin-top:4px;padding:0 4px;color:var(--text-tertiary, #8b9cb8)}.chat-bubble-time.user{text-align:right}.chat-bubble-time.assistant{text-align:left}.chat-bubble-content.loading{display:flex;gap:4px;padding:4px 0}.dot{animation:blink 1.4s infinite;font-size:20px;opacity:.8}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.assistant-response{width:100%;max-width:900px;margin:0 auto;padding:20px 48px;border-bottom:1px solid rgba(255,255,255,.06)}.assistant-response-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.assistant-icon{font-size:20px}.assistant-response-content{font-size:15px;line-height:1.8;color:var(--text-primary, #e2e8f0);width:100%}.assistant-response-content.loading{display:flex;gap:4px;padding:4px 0}.assistant-response-time{font-size:11px;opacity:.5;margin-top:12px;color:var(--text-tertiary, #8b9cb8)}.assistant-response-actions{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:12px}.response-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary, #5a6a7a);cursor:pointer;transition:all .15s ease}.response-action-btn:hover{color:var(--text-secondary, #94a3b8);background:#94a3b81a}.response-action-btn:active{transform:scale(.92)}.response-action-btn svg{width:16px;height:16px;stroke-width:1.5}.more-menu-container{position:relative}.response-action-btn.more-btn.active{color:var(--text-primary, #e2e8f0);background:#94a3b826}.more-menu-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;min-width:220px;background:var(--surface-elevated, #2d3748);border:1px solid var(--border-color, #3d4a5c);border-radius:12px;padding:8px 0;box-shadow:0 8px 24px #0000004d;z-index:100;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.more-menu-time{padding:10px 16px;font-size:13px;color:var(--text-secondary, #94a3b8);border-bottom:1px solid var(--border-color, #3d4a5c);margin-bottom:4px}.more-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:transparent;border:none;color:var(--text-primary, #e2e8f0);font-size:14px;text-align:left;cursor:pointer;transition:background .15s ease}.more-menu-item:hover{background:#94a3b81a}.more-menu-item svg{color:var(--text-secondary, #94a3b8);flex-shrink:0}.assistant-response-content .md-p{margin:12px 0}.assistant-response-content .md-p:first-child{margin-top:0}.assistant-response-content .md-p:last-child{margin-bottom:0}.assistant-response-content .md-ul,.assistant-response-content .md-ol{padding-left:24px;margin:12px 0}.assistant-response-content .md-li{margin:8px 0}.assistant-response-content .md-strong{color:#fff;font-weight:700}.assistant-response-content .md-blockquote{border-left:3px solid #8ab4f8;padding-left:16px;margin:16px 0;color:var(--text-secondary, #b4b4b4)}.assistant-response-content .inline-code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:14px;color:#e06c75}.assistant-response-content .code-block-wrapper{margin:16px 0;border-radius:8px;overflow:hidden}.assistant-response-content .md-hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:24px 0}@media (max-width: 1024px){.assistant-response{padding:20px 60px}}@media (max-width: 768px){.assistant-response{padding:16px 20px}.chat-bubble-wrapper{padding:6px 20px}}.chat-bubble .md-p{margin:6px 0}.chat-bubble .md-p:first-child{margin-top:0}.chat-bubble .md-p:last-child{margin-bottom:0}.chat-bubble .code-block-wrapper{margin:10px 0}.chat-bubble.assistant .inline-code{background:#00000026;color:#e06c75}.chat-bubble.user .inline-code{background:#ffffff1a;color:#e06c75}.chat-bubble .md-ul,.chat-bubble .md-ol{margin:6px 0;padding-left:20px}.chat-bubble.assistant .md-blockquote{background:#0000001a;border-left-color:#ffffff4d}.chat-bubble.assistant .md-link,.chat-bubble.user .md-link{color:#60a5fa}.chat-bubble .md-hr{background:#8080804d}.chat-bubble.assistant .md-strong{color:#fff;font-weight:700}.chat-input-area{flex-shrink:0;padding:16px 20px 24px;background:#212121}.chat-input-container{max-width:700px;margin:0 auto}.chat-input-wrapper{display:flex;align-items:center;background-color:#2f2f2f;border:1px solid #424242;border-radius:24px;padding:10px 12px 10px 18px;transition:border-color .2s;min-height:52px;box-sizing:border-box}.chat-input-wrapper:focus-within{border-color:#656565}.chat-input-area textarea{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:16px;line-height:32px;resize:none;max-height:168px;min-height:32px;padding:0;font-family:inherit;overflow-y:auto}.chat-input-area textarea::placeholder{color:#8e8e8e}.chat-input-area button.send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#fff;border:none;border-radius:50%;color:#212121;cursor:pointer;margin-left:12px;flex-shrink:0;transition:all .15s}.chat-input-area button.send-btn svg{width:16px;height:16px}.chat-input-area button.send-btn:hover:not(:disabled){background-color:#e0e0e0}.chat-input-area button.send-btn:disabled{background-color:#676767;color:#2f2f2f;cursor:not-allowed}.panel-resize-handle{width:4px;background-color:transparent;cursor:col-resize;flex-shrink:0;transition:background-color .15s;position:relative}.panel-resize-handle:before{content:"";position:absolute;top:0;bottom:0;left:-4px;right:-4px}.panel-resize-handle:hover,.panel-resize-handle.resizing{background-color:var(--accent-green)}.panel-section{width:400px;min-width:320px;max-width:50vw;background-color:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.panel-section.panel-collapsed{width:0;min-width:0;overflow:hidden;border-left:none}.panel-mobile-header{display:none;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.panel-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:8px;margin-right:12px}.panel-close-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.panel-mobile-header h3{margin:0;font-size:16px;color:var(--text-primary);font-weight:600}.tab-header{display:flex;padding:16px 16px 0;gap:8px;background-color:var(--bg-secondary)}.tab-btn{flex:1;padding:10px 16px;background-color:transparent;border:none;border-radius:8px 8px 0 0;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;border-bottom:2px solid transparent}.tab-btn:hover{color:var(--text-secondary);background-color:var(--bg-tertiary)}.tab-btn.active{color:var(--text-primary);background-color:var(--bg-primary);border-bottom-color:var(--accent-green)}.tab-container{flex:1;min-height:0;overflow:hidden;padding:20px;background-color:var(--bg-primary);display:flex;flex-direction:column;align-items:center}.manse-calendar-wrapper{display:flex;flex-direction:column;flex:1;width:100%;min-height:0;overflow-y:auto;overflow-x:hidden}.manse-calendar-wrapper .manse-calendar-container{padding:20px;max-width:500px;margin:0 auto}.selection-list-container{display:flex;flex-direction:column;padding:16px;width:100%;max-width:500px;margin:0 auto;height:100%;min-height:0;overflow:hidden}.add-new-btn{width:100%;padding:14px 16px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary, #8b5cf6));border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:transform .15s,box-shadow .15s;flex-shrink:0}.add-new-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.4)}.selection-list{display:flex;flex-direction:column;gap:8px}.selection-list-title{color:var(--text-secondary);font-size:13px;font-weight:500;margin-bottom:8px;padding-left:4px}.empty-list-msg{color:var(--text-tertiary);text-align:center;padding:40px 20px;font-size:14px}.selection-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;cursor:pointer;transition:all .15s}.selection-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translate(4px)}.selection-item .item-name{flex:1;font-weight:500;color:var(--text-primary)}.selection-item .item-group{font-size:12px;padding:4px 8px;background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary)}.selection-item .item-date{font-size:12px;color:var(--text-tertiary)}.selection-item.relationship-item-card{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.selection-item.relationship-item-card .rel-card-wrap{display:flex;align-items:stretch;justify-content:center;gap:10px}.selection-item.relationship-item-card .rel-card-box{width:110px;flex:none;display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px}.selection-item.relationship-item-card .rel-card-badges{display:flex;align-items:center;justify-content:center;gap:4px}.selection-item.relationship-item-card .badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500;white-space:nowrap}.selection-item.relationship-item-card .badge-group{background:var(--bg-tertiary);color:var(--text-secondary)}.selection-item.relationship-item-card .badge-gender-male{background:#60a5fa40;color:#60a5fa}.selection-item.relationship-item-card .badge-gender-female{background:#f472b640;color:#f472b6}.selection-item.relationship-item-card .badge-calendar-solar{background:#f8717140;color:#f87171}.selection-item.relationship-item-card .badge-calendar-lunar{background:#60a5fa40;color:#60a5fa}.selection-item.relationship-item-card .rel-card-name{font-size:13px;font-weight:600;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-item.relationship-item-card .rel-card-row2{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px}.selection-item.relationship-item-card .rel-card-datetime{color:var(--text-secondary)}.selection-item.relationship-item-card .rel-card-pillar{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.selection-item.relationship-item-card .rel-pillar-label{font-size:10px;color:var(--text-tertiary);margin-bottom:2px}.selection-item.relationship-item-card .pillar-char{display:flex;align-items:center;justify-content:center;width:28px;height:22px;border-radius:4px;font-family:"Noto Serif KR",serif;font-size:12px;font-weight:600}.selection-item.relationship-item-card .pillar-char.bg-wood{background:#4ade8040;color:#4ade80}.selection-item.relationship-item-card .pillar-char.bg-fire{background:#f8717140;color:#f87171}.selection-item.relationship-item-card .pillar-char.bg-earth{background:#fbbf2440;color:#fbbf24}.selection-item.relationship-item-card .pillar-char.bg-metal{background:#e5e7eb33;color:#e5e7eb}.selection-item.relationship-item-card .pillar-char.bg-water{background:#60a5fa40;color:#60a5fa}.selection-item.relationship-item-card .pillar-char.bg-none{background:#73737333;color:#737373}.selection-item.relationship-item-card .rel-card-heart{font-size:16px;color:#f87171;flex-shrink:0;align-self:center}.selection-item.relationship-item-card .rel-card-meta{display:flex;align-items:center;justify-content:center}.selection-item.relationship-item-card .rel-date{font-size:11px;color:var(--text-tertiary)}.selection-item.hexagram-item{flex-direction:column;align-items:flex-start;gap:8px}.hex-item-top{display:flex;justify-content:space-between;align-items:center;width:100%}.hex-gua-name{font-weight:600;color:var(--text-primary);font-size:15px}.hex-date{font-size:12px;color:var(--text-tertiary)}.hex-item-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.hex-category{color:var(--text-secondary)}.hex-period,.hex-querent{color:var(--text-tertiary)}.hex-question{font-size:13px;color:var(--text-secondary);font-style:italic;margin-top:4px}.person-select-section{margin:16px 0}.person-select-section h4{color:var(--text-secondary);font-size:13px;margin-bottom:10px}.person-select-section .selected-name{color:var(--accent-primary);font-weight:600}.saju-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.saju-select-card{padding:12px 10px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;cursor:pointer;text-align:center;transition:all .15s}.saju-select-card:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.saju-select-card.selected{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1)}.saju-select-card .card-name{display:block;font-weight:600;color:var(--text-primary);font-size:14px;margin-bottom:4px}.saju-select-card .card-group{font-size:11px;color:var(--text-tertiary)}.vs-divider{text-align:center;font-size:24px;margin:16px 0}.add-new-btn.secondary{background:var(--bg-secondary);border:1px dashed var(--border-primary);color:var(--text-secondary)}.add-new-btn.secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.compat-result-container{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.compat-result{padding:16px}.loading-msg{text-align:center;padding:40px;color:var(--text-secondary)}.compat-people-summary{display:flex;justify-content:center;align-items:center;gap:20px;padding:16px;background:var(--bg-secondary);border-radius:12px;margin-bottom:16px}.compat-person{text-align:center}.compat-person-name{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px}.compat-pillars{display:flex;gap:4px;justify-content:center}.compat-pillars .p-char{font-size:18px;font-weight:600;padding:4px 8px;border-radius:4px}.compat-heart{font-size:24px}.compat-pillar-tabs{display:flex;gap:8px;margin-bottom:16px}.compat-tab{flex:1;padding:10px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.compat-tab:hover{border-color:var(--accent-primary)}.compat-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.compat-pillar-result{background:var(--bg-secondary);border-radius:12px;padding:16px}.compat-compare{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.compat-char{text-align:center}.compat-char .char-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.compat-char .char-value{display:inline-block;font-size:20px;font-weight:600;padding:6px 10px;border-radius:6px;margin:0 2px}.compat-arrow{font-size:20px;color:var(--text-tertiary)}.compat-relation-group{margin-top:12px}.compat-relation-group h5{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.compat-relations{display:flex;flex-wrap:wrap;gap:6px}.compat-rel-badge{padding:4px 10px;background:var(--bg-tertiary);border-radius:12px;font-size:13px;color:var(--text-primary)}.compat-rel-none{color:var(--text-tertiary);font-size:13px}.compat-full-result{padding:16px;display:flex;flex-direction:column;gap:16px}.compat-full-result .people-summary{display:flex;justify-content:center;align-items:center;gap:20px;padding:16px;background:var(--bg-secondary);border-radius:12px}.compat-full-result .person-box{text-align:center}.compat-full-result .person-name{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px}.compat-full-result .person-pillars{display:flex;gap:4px;justify-content:center}.compat-full-result .p-char{font-size:20px;font-weight:700;padding:6px 10px;border-radius:6px}.compat-full-result .heart-vs{font-size:24px}.compat-full-result .result-card{background:var(--bg-secondary);border-radius:12px;padding:16px}.compat-full-result .result-card h3{margin:0 0 12px;font-size:16px;color:var(--text-primary)}.compat-full-result .pillar-tabs{display:flex;gap:8px;margin-bottom:16px}.compat-full-result .pillar-tab{flex:1;padding:10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.compat-full-result .pillar-tab:hover{border-color:var(--accent-primary)}.compat-full-result .pillar-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.compat-full-result .pillar-content{padding-top:8px}.compat-full-result .day-pillar-compare{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.compat-full-result .compare-pillar{text-align:center}.compat-full-result .compare-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.compat-full-result .compare-chars{display:flex;gap:8px}.compat-full-result .char-group{text-align:center}.compat-full-result .char-label{display:block;font-size:11px;color:var(--text-tertiary);margin-bottom:4px}.compat-full-result .vs-arrow{font-size:20px;color:var(--text-tertiary)}.compat-full-result .relation-group{margin-top:12px}.compat-full-result .relation-group h4{font-size:13px;color:var(--text-secondary);margin:0 0 8px}.compat-full-result .relation-badges{display:flex;flex-wrap:wrap;gap:6px}.compat-full-result .relation-badge{padding:4px 10px;background:var(--bg-tertiary);border-radius:12px;font-size:13px;color:var(--text-primary)}.compat-full-result .no-relation{color:var(--text-tertiary);font-size:13px}.compat-full-result .ten-star{margin-top:8px;font-size:13px;color:var(--text-secondary)}.compat-full-result .complement-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compat-full-result .complement-section h4{font-size:13px;color:var(--text-secondary);margin:0 0 8px}.compat-full-result .complement-list{margin:0;padding-left:16px;font-size:13px;color:var(--text-primary)}.compat-full-result .complement-list li{margin-bottom:4px}.compat-full-result .no-data,.compat-full-result .no-problems{font-size:13px;color:var(--text-tertiary);margin:0}.compat-full-result .problems-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compat-full-result .problem-section h4{font-size:13px;color:var(--text-secondary);margin:0 0 8px}.compat-full-result .complement-items,.compat-full-result .problem-items{display:flex;flex-direction:column;gap:6px}.compat-full-result .complement-item,.compat-full-result .problem-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary)}.compat-full-result .item-emoji{font-size:14px}.view-detail-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.view-detail-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.4)}.hex-preview{display:flex;flex-direction:column;gap:16px}.hex-preview-card{background:var(--bg-secondary);border-radius:12px;padding:20px}.hex-preview-gua{display:flex;justify-content:center;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border-primary)}.gua-name-big{font-size:24px;font-weight:700;color:var(--text-primary)}.gua-arrow{font-size:20px;color:var(--text-tertiary)}.hex-preview-info{display:flex;flex-direction:column;gap:10px}.hex-preview-info .info-row{display:flex;gap:12px}.hex-preview-info .info-label{color:var(--text-secondary);font-size:14px;min-width:70px}.hex-preview-info .info-value{color:var(--text-primary);font-size:14px;flex:1}.selected-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);position:sticky;top:0;z-index:10}.selected-info{font-weight:600;color:var(--text-primary);font-size:15px}.selected-group{font-weight:400;color:var(--text-secondary);margin-left:6px;font-size:13px}.change-btn{padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.change-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.back-to-list-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;margin:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.back-to-list-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-content{color:var(--text-primary)}.tab-content h3{font-size:15px;font-weight:600;margin:0 0 20px;color:var(--text-primary)}.tab-content h4{font-size:13px;font-weight:500;margin:24px 0 12px;color:var(--text-secondary)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.form-row{display:flex;gap:10px}.form-row input,.form-row select{flex:1}input[type=number],input[type=text],select{width:100%;padding:12px 14px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:#656565}input::placeholder{color:var(--text-muted)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.radio-group,.checkbox-group{display:flex;gap:8px;flex-wrap:wrap}.radio-group label,.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary);padding:10px 16px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;transition:all .15s;margin-bottom:0;font-weight:400}.radio-group label:hover,.checkbox-group label:hover{border-color:#656565}.radio-group input:checked+span,.checkbox-group input:checked+span{color:var(--accent-green)}.radio-group input,.checkbox-group input{display:none}.radio-group label:has(input:checked),.checkbox-group label:has(input:checked){border-color:var(--accent-green);background-color:#10a37f1a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.btn-primary{background-color:var(--text-primary);color:var(--bg-primary);width:100%}.btn-primary:hover:not(:disabled){background-color:#fff}.btn-primary:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#3a3a3a}.saju-display{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-top:20px}.saju-pillars{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.pillar{text-align:center;background-color:var(--bg-input);border-radius:10px;padding:14px 18px;min-width:64px}.pillar-label{font-size:11px;color:var(--text-muted);margin-bottom:10px;font-weight:500}.pillar-chars{display:flex;flex-direction:column;gap:6px}.stem{color:#f472b6}.branch{color:#60a5fa}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.option-card{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;padding:20px 16px;text-align:center;cursor:pointer;transition:all .15s}.option-card:hover{border-color:#656565;background-color:#3a3a3a}.option-card.selected{border-color:var(--accent-green);background-color:#10a37f1a}.option-card-icon{font-size:32px;margin-bottom:10px}.option-card-label{font-size:14px;color:var(--text-primary);font-weight:500}.coin-area{display:flex;flex-direction:column;align-items:center;padding:24px}.coins{display:flex;gap:16px;margin-bottom:24px}.coin{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 12px #0006;cursor:pointer;transition:transform .2s}.coin:hover{transform:scale(1.08)}.coin.flipping{animation:flip .5s ease-in-out}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.throw-btn{padding:14px 36px;background-color:var(--text-primary);border:none;border-radius:24px;color:var(--bg-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}.throw-btn:hover:not(:disabled){background-color:#fff;transform:translateY(-1px)}.throw-btn:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;transform:none}.lines-display{display:flex;flex-direction:column;gap:10px;margin:24px 0}.line{display:flex;align-items:center;gap:14px}.line-number{font-size:12px;color:var(--text-muted);width:44px;font-weight:500}.line-visual{flex:1;height:10px;background-color:var(--text-primary);border-radius:5px}.line-visual.broken{background:linear-gradient(90deg,var(--text-primary) 40%,transparent 40%,transparent 60%,var(--text-primary) 60%)}.line-visual.moving{background-color:#f472b6}@media (max-width: 1024px){.panel-section{width:340px}}@media (max-width: 768px){.chat-page{margin-left:0}.panel-section{position:fixed;top:0;right:0;width:100%;height:100vh;height:100dvh;height:-webkit-fill-available;z-index:90;transition:transform .2s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.panel-section.panel-collapsed{transform:translate(100%);width:100%}.panel-mobile-header{display:flex}.chat-bubble-wrapper{padding:6px 16px}.chat-bubble{max-width:85%}.chat-bubble.user{max-width:80%;min-width:80px}.chat-input-area{padding:12px 16px 20px}.chat-section.empty-state .chat-input-area{padding:20px 16px 40px}.chat-section.empty-state .chat-welcome-above{margin-bottom:24px}.chat-welcome-title{font-size:24px}.chat-welcome-hint{font-size:14px}}@media (max-width: 480px){.chat-bubble-wrapper{padding:6px 12px}.chat-bubble{max-width:90%;padding:10px 14px}.chat-bubble.user{max-width:85%;min-width:60px}.chat-bubble-content{font-size:14px}.tab-btn{padding:8px 12px;font-size:12px}.option-grid{grid-template-columns:1fr}}.chat-messages::-webkit-scrollbar,.tab-container::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.tab-container::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb,.tab-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover,.tab-container::-webkit-scrollbar-thumb:hover{background-color:#555}.relationship-tab-content{padding:16px}.relationship-buttons{display:flex;flex-direction:column;gap:10px;margin:16px 0}.analyze-compat-btn{width:100%;padding:14px;background:linear-gradient(135deg,#e91e63,#9c27b0);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.analyze-compat-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e91e6366}.copy-compat-btn{width:100%;padding:12px;background:#7c8aff26;border:1px solid rgba(124,138,255,.3);border-radius:10px;color:#7c8aff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.copy-compat-btn:hover{background:#7c8aff40}.compat-pillar-tabs{display:flex;gap:6px;margin-bottom:12px}.compat-pillar-tab{flex:1;padding:10px 8px;background:#ffffff0d;border:1px solid rgba(124,138,255,.2);border-radius:8px;color:#8b9cb8;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.compat-pillar-tab:hover{background:#7c8aff1a}.compat-pillar-tab.active{background:#7c8aff33;border-color:#7c8aff80;color:#fff}.compat-pillar-compare{display:flex;justify-content:center;align-items:center;gap:20px;padding:16px;background:#0003;border-radius:10px;margin-bottom:12px}.compat-compare-pillar{display:flex;flex-direction:column;align-items:center;gap:4px}.compat-compare-label{font-size:11px;color:#8b9cb8}.compat-pillar-char{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;border-radius:8px;background:#ffffff0d;border:2px solid rgba(124,138,255,.2)}.compat-pillar-char.wood{color:#4ade80;border-color:#4ade8080}.compat-pillar-char.fire{color:#f87171;border-color:#f8717180}.compat-pillar-char.earth{color:#fbbf24;border-color:#fbbf2480}.compat-pillar-char.metal{color:#e2e8f0;border-color:#e2e8f080}.compat-pillar-char.water{color:#60a5fa;border-color:#60a5fa80}.compat-vs{font-size:18px;color:#7c8aff}.compat-relation-group{margin-bottom:12px}.compat-relation-group h4{font-size:12px;font-weight:600;color:#a5b4fc;margin:0 0 8px}.compat-relation-list{display:flex;flex-direction:column;gap:6px}.compat-relation-item{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#ffffff0d;border-radius:6px;border-left:3px solid}.compat-rel-emoji{font-size:14px}.compat-rel-name{font-weight:600;color:#fff;font-size:12px}.compat-rel-desc{color:#8b9cb8;font-size:11px}.compat-ten-star{margin-top:6px;padding:6px 10px;background:#ff98001a;border-radius:4px;color:#ffb74d;font-size:12px}.compat-no-data{color:#6b7280;font-size:12px;padding:6px 0}.compat-section-card{background:#ffffff08;border-radius:10px;padding:14px;margin-top:12px;border:1px solid rgba(124,138,255,.1)}.compat-section-card h4{font-size:13px;font-weight:600;color:#fff;margin:0 0 10px}.compat-subtitle{font-size:11px;color:#a5b4fc;margin:8px 0 6px}.compat-complement-group{margin-bottom:10px}.compat-complement-list{display:flex;flex-direction:column;gap:4px}.compat-complement-item{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#4caf501a;border-radius:4px;font-size:11px;color:#81c784}.compat-problems-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compat-problems-list{display:flex;flex-direction:column;gap:4px}.compat-problem-item{display:flex;align-items:center;gap:4px;padding:5px 8px;background:#ff98001a;border-radius:4px;font-size:11px;color:#ffb74d}.compat-no-problems{color:#81c784;font-size:11px}@media (max-width: 480px){.compat-problems-grid{grid-template-columns:1fr}}.saju-view-mode-tabs{display:flex;gap:4px;padding:8px 12px;background:var(--bg-secondary, #0f172a);border-radius:10px;margin-bottom:12px}.saju-view-mode-tabs .view-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-tertiary, #64748b);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.saju-view-mode-tabs .view-mode-btn:hover{background:var(--bg-hover, #334155)}.saju-view-mode-tabs .view-mode-btn.active{background:var(--accent-primary, #3b82f6);color:#fff}.manse-calendar-wrapper .saju-report-content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.relationship-view-mode-tabs{display:flex;gap:4px;padding:8px 12px;background:var(--bg-secondary, #0f172a);border-radius:10px;margin-bottom:12px}.relationship-view-mode-tabs .view-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-tertiary, #64748b);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.relationship-view-mode-tabs .view-mode-btn:hover{background:var(--bg-hover, #334155)}.relationship-view-mode-tabs .view-mode-btn.active{background:var(--accent-primary, #3b82f6);color:#fff}.compat-result-container .relationship-report-content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.thinking-section{display:contents}.thinking-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:20px;color:var(--text-secondary, #94a3b8);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.thinking-toggle:hover{background:var(--bg-tertiary, #334155);border-color:var(--accent-primary, #3b82f6)}.thinking-toggle.expanded{background:var(--bg-tertiary, #334155)}.thinking-icon{color:var(--accent-primary, #3b82f6);font-size:14px}.thinking-arrow{font-size:10px;transition:transform .2s}.thinking-content{flex-basis:100%;margin-top:12px;padding:16px;background:var(--bg-secondary, #1e293b);border-left:3px solid var(--accent-primary, #3b82f6);border-radius:0 8px 8px 0;color:var(--text-secondary, #94a3b8);font-size:14px;line-height:1.7}.thinking-content h1,.thinking-content h2,.thinking-content h3,.thinking-content h4{color:var(--text-primary, #e2e8f0);font-weight:600;margin-top:16px;margin-bottom:8px}.thinking-content h1:first-child,.thinking-content h2:first-child,.thinking-content h3:first-child,.thinking-content h4:first-child{margin-top:0}.thinking-content p{margin-bottom:8px}.thinking-indicator{color:var(--text-tertiary, #64748b);font-style:italic}.thinking-section.thinking-loading{display:contents}.thinking-toggle.disabled{cursor:default;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155)}.thinking-toggle.disabled:hover{background:var(--bg-secondary, #1e293b);border-color:var(--border-color, #334155)}.thinking-spinner{display:inline-block;animation:thinking-pulse 1.5s ease-in-out infinite;margin-right:6px}@keyframes thinking-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.thinking-content.streaming{max-height:150px;overflow-y:auto;border-left-color:var(--accent-secondary, #8b5cf6)}.result-header{display:flex;justify-content:space-between;align-items:center;max-width:500px;margin:0 auto 16px;padding:0 4px}.result-header h2{font-size:18px;font-weight:700;color:#fff;margin:0;font-family:"Noto Serif KR",serif}.copy-btn{padding:8px 16px;background:#7c8aff33;border:1px solid rgba(124,138,255,.4);border-radius:8px;color:#7c8aff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#7c8aff4d}.pillar-tabs{display:flex;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(124,138,255,.1)}.pillar-tab{flex:1;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(124,138,255,.2);border-radius:8px;color:#8b9cb8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pillar-tab:hover{background:#7c8aff1a}.pillar-tab.active{background:#7c8aff33;border-color:#7c8aff80;color:#fff}.pillar-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.analyze-section{max-width:500px;margin:0 auto 24px}.analyze-btn{width:100%;padding:16px;background:linear-gradient(135deg,#e91e63,#9c27b0);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.analyze-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #e91e6366}.copy-result-btn{width:100%;padding:14px;margin-top:10px;background:#7c8aff33;border:1px solid rgba(124,138,255,.4);border-radius:12px;color:#7c8aff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.copy-result-btn:hover{background:#7c8aff4d;transform:translateY(-1px)}.analysis-result{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.result-card{background:#1a2744b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:20px;border:1px solid rgba(124,138,255,.15)}.result-card h3{font-size:16px;font-weight:700;color:#fff;margin:0 0 16px;font-family:"Noto Serif KR",serif}.result-card h4{font-size:13px;font-weight:600;color:#a5b4fc;margin:16px 0 8px}.day-pillar-compare{display:flex;justify-content:center;align-items:center;gap:24px;padding:20px;background:#0003;border-radius:12px;margin-bottom:16px}.compare-pillar{display:flex;flex-direction:column;align-items:center;gap:4px}.compare-label{font-size:12px;color:#8b9cb8}.vs{font-size:20px;color:#7c8aff}.relation-group{margin-bottom:12px}.relation-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff0d;border-radius:8px;border-left:3px solid}.rel-name{font-weight:600;color:#fff;font-size:13px}.rel-desc{color:#8b9cb8;font-size:12px}.ten-star{margin-top:8px;padding:8px 12px;background:#ff98001a;border-radius:6px;color:#ffb74d;font-size:13px}.no-data{color:#6b7280;font-size:13px;padding:8px 0}.complement-group{margin-bottom:16px}.complement-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#4caf501a;border-radius:8px}.fill-emoji{font-size:16px}.fill-text{font-size:13px;color:#81c784}.problem-column h4{margin-bottom:8px}.problems-list{display:flex;flex-direction:column;gap:6px}.problem-item{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#ff98001a;border-radius:6px}.problem-emoji{font-size:14px}.problem-text{font-size:12px;color:#ffb74d}.no-problems{color:#81c784;font-size:13px}.four-pillars-display{padding:20px;background:#0003;border-top:1px solid rgba(124,138,255,.1)}.pillars-row{display:flex;justify-content:center;gap:16px}.pillar-column{display:flex;flex-direction:column;align-items:center;gap:4px}.pillar-label{font-size:12px;color:#8b9cb8;margin-bottom:4px}.pillar-char{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;border-radius:10px;font-family:"Noto Serif KR",serif}.pillar-char.stem{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(124,138,255,.3)}.pillar-char.branch{background:linear-gradient(135deg,#ffffff0d,#0000001a);border:2px solid rgba(124,138,255,.2)}.pillar-char.wood{color:#4ade80;border-color:#4ade8080}.pillar-char.fire{color:#f87171;border-color:#f8717180}.pillar-char.earth{color:#fbbf24;border-color:#fbbf2480}.pillar-char.metal{color:#e2e8f0;border-color:#e2e8f080}.pillar-char.water{color:#60a5fa;border-color:#60a5fa80}.collapsed-title{font-weight:700;color:#7c8aff}@media (max-width: 480px){.problems-grid{grid-template-columns:1fr}.pillars-row{gap:8px}.pillar-char{width:42px;height:42px;font-size:20px}.day-pillar-compare{gap:16px;padding:16px}}.archive-page{display:flex;min-height:100vh;background-color:#171717;color:#ececec}.archive-page .archive-main{flex:1;display:flex;flex-direction:column;margin-left:260px;transition:margin-left .2s ease;height:100vh;overflow-y:auto;overflow-x:hidden}.archive-page .archive-main.sidebar-closed{margin-left:0}.archive-page .archive-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid #2f2f2f;background:#1e1e1e;flex-shrink:0;position:sticky;top:0;z-index:50}.archive-page .archive-header h2{position:absolute;left:50%;transform:translate(-50%);font-size:18px;font-weight:600;margin:0;text-align:center;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:10}.archive-page .archive-header h2.saju-header-title{pointer-events:auto}.archive-page .archive-header h2.archive-header-title{pointer-events:none}.archive-page .archive-header .menu-toggle{background:transparent;border:1px solid #424242;color:#b4b4b4;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:18px;transition:all .2s}.archive-page .archive-header .menu-toggle:hover{background:#2f2f2f;color:#ececec}.archive-page .archive-header .new-button{background:#10a37f;border:none;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.archive-page .archive-header .new-button:hover{background:#0e906f}.archive-page .archive-header .back-button{background:transparent;border:1px solid #424242;color:#b4b4b4;padding:8px 16px;min-width:80px;text-align:center;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.archive-page .archive-header .back-button:hover{background:#2f2f2f;color:#ececec}.archive-page .header-left,.archive-page .header-actions{display:flex;align-items:center;gap:8px;z-index:1}.archive-page .header-actions .report-button{padding:8px 16px;background:#10a37f;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.archive-page .header-actions .report-button:hover{background:#0e906f}.archive-page .header-actions .saju-origin-button{padding:8px 16px;background:transparent;color:#a78bfa;border:1px solid rgba(167,139,250,.4);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap}.archive-page .header-actions .saju-origin-button:hover{background:#a78bfa1f;border-color:#a78bfab3;color:#c4b5fd}@media (max-width: 480px){.archive-page .header-actions .saju-origin-button .btn-label{display:none}.archive-page .header-actions .saju-origin-button{padding:8px 12px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:18px}}.archive-page .header-actions .header-action-btn{background:#2f2f2f;border:1px solid #424242;color:#b4b4b4;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.archive-page .header-actions .header-action-btn:hover{background:#3f3f3f;border-color:#525252;color:#ececec}.archive-page .header-actions .header-action-btn.edit:hover{background:#10a37f;border-color:#10a37f;color:#fff}.archive-page .header-actions .header-action-btn.delete:hover{background:#f44336;border-color:#f44336;color:#fff}.archive-page .header-actions .edit-button{background:#2f2f2f;border:1px solid #424242;color:#b4b4b4;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s}.archive-page .header-actions .edit-button:hover{background:#10a37f;border-color:#10a37f;color:#fff}.archive-page .header-actions .delete-button{background:#2f2f2f;border:1px solid #424242;color:#b4b4b4;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s}.archive-page .header-actions .delete-button:hover{background:#f44336;border-color:#f44336;color:#fff}.archive-page .header-spacer{min-width:80px}.archive-page .archive-header .form-page-title{position:static;left:auto;transform:none;flex:1;text-align:center;font-size:18px;font-weight:600;margin:0;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:auto;max-width:none}.archive-page .archive-header .header-right-spacer{min-width:80px;flex-shrink:0}.archive-page .archive-list-full{flex:1;padding:16px;padding-bottom:calc(32px + env(safe-area-inset-bottom));background:#171717}.archive-page .list-items-full{display:flex;flex-direction:column;gap:8px}.archive-page .list-empty-full{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;color:#737373;gap:8px;text-align:center}.archive-page .list-empty-full .empty-icon{font-size:48px;margin-bottom:8px}.archive-page .list-empty-full .sub{font-size:13px;color:#525252}.archive-page .list-empty-full .empty-new-btn{margin-top:16px;background:#10a37f;border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.archive-page .list-empty-full .empty-new-btn:hover{background:#0e906f}.archive-page .archive-detail-full{flex:1;min-height:0;padding:16px;padding-bottom:calc(32px + env(safe-area-inset-bottom));background:#171717}.archive-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.archive-page .modal-content{background:#1e1e1e;border:1px solid #2f2f2f;border-radius:12px;padding:24px;max-width:400px;width:90%}.archive-page .modal-content h3{margin:0 0 16px;font-size:18px}.archive-page .modal-content p{margin:0 0 16px;color:#b4b4b4}.archive-page .delete-warning{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;padding:12px;margin-bottom:16px}.archive-page .delete-warning p{margin:0 0 8px;font-size:14px;color:#f44336}.archive-page .delete-warning ul{margin:0;padding-left:20px;font-size:13px;color:#737373}.archive-page .delete-warning .warning-section{margin-bottom:12px}.archive-page .delete-warning .warning-section:last-child{margin-bottom:0}.archive-page .delete-warning .warning-section>p{font-weight:500;color:#e57373;margin-bottom:4px}.archive-page .delete-warning .warning-section ul{margin-top:4px}.archive-page .delete-warning .warning-section li{color:#9e9e9e;font-size:12px;margin-bottom:2px}.archive-page .modal-buttons{display:flex;gap:12px;justify-content:flex-end}.archive-page .modal-btn{padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;border:none}.archive-page .modal-btn.cancel{background:#2f2f2f;color:#b4b4b4}.archive-page .modal-btn.confirm{background:#f44336;color:#fff}.archive-page .modal-btn:hover{opacity:.9}.archive-page .modal-content.edit-modal{max-width:500px}.archive-page .edit-form{margin-bottom:20px}.archive-page .edit-textarea{width:100%;padding:12px;background:#2f2f2f;border:1px solid #424242;border-radius:8px;color:#ececec;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;box-sizing:border-box}.archive-page .edit-textarea:focus{outline:none;border-color:#10a37f}.archive-page .edit-textarea::placeholder{color:#737373}.archive-page .modal-content.edit-modal .modal-btn.confirm{background:#10a37f}.archive-page .modal-content.edit-modal .modal-btn.confirm:hover{background:#0e906f}.archive-page .archive-content{display:flex;flex:1 1 0;height:0;overflow:hidden;padding:0}.archive-page .archive-list-panel{width:340px;min-width:200px;max-width:600px;height:100%;background:#1e1e1e;border-right:1px solid #2f2f2f;display:flex;flex-direction:column;flex-shrink:0;position:relative;overflow:hidden}.archive-page .archive-list-panel.collapsed{width:50px!important;min-width:50px}.resize-handle{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;z-index:10;background:transparent}.resize-handle:hover,.resize-handle.dragging{background:#10a37f;opacity:.5}.archive-list-panel.collapsed .resize-handle,.archive-list-panel.collapsed .list-items,.archive-list-panel.collapsed .list-header span:first-child{display:none}.archive-page .list-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #2f2f2f;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;color:#b4b4b4;flex-shrink:0}.archive-page .list-header:hover{background:#252525}.archive-page .list-header .chevron{font-size:12px;transition:transform .2s}.archive-page .list-header .chevron.open{transform:rotate(180deg)}.archive-page .list-items{flex:1;overflow-y:auto;padding:8px;min-height:0}.list-loading,.list-empty{padding:24px 16px;text-align:center;color:#737373}.loading-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:300px;padding:40px 20px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(124,138,255,.15);border-top-color:#7c8aff;border-radius:50%}.loading-container p{color:#89b;font-size:14px;margin:0;letter-spacing:.02em}.list-empty .sub{font-size:13px;margin-top:8px}.archive-page .list-item{display:flex;align-items:center;gap:4px;padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .15s;margin-bottom:2px;background:transparent;border:none;width:100%;text-align:left;color:#b4b4b4;font-size:14px}.archive-page .list-item:hover{background:#252525;color:#ececec}.archive-page .list-item.active{background:#2f2f2f;color:#10a37f}.archive-page .list-item .item-bullet{font-size:12px;color:#737373;flex-shrink:0}.archive-page .list-item .item-icon{font-size:14px;flex-shrink:0}.archive-page .list-item .item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.archive-page .list-item .item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ececec;font-size:14px}.archive-page .list-item .item-subtitle{font-size:11px;color:#737373;font-family:SF Mono,Monaco,Inconsolata,monospace}.archive-page .list-item .item-group{font-size:10px;color:#737373;background:#2f2f2f;padding:2px 6px;border-radius:3px;flex-shrink:0}.archive-page .list-item .item-delete{background:transparent;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;font-size:11px;opacity:0;transition:all .2s;flex-shrink:0}.archive-page .list-item:hover .item-delete{opacity:.6}.archive-page .list-item .item-delete:hover{opacity:1!important;background:#f4433633}.archive-page .list-item.relationship-item{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.archive-page .rel-card-wrap{display:flex;align-items:stretch;justify-content:center;gap:10px}.archive-page .rel-card-box{width:120px;flex:none;display:flex;flex-direction:column;gap:6px;padding:10px;background:#1e1e1e;border:1px solid #2f2f2f;border-radius:8px}.archive-page .rel-card-badges{display:flex;align-items:center;justify-content:center;gap:4px}.archive-page .rel-card-name{font-size:14px;font-weight:600;color:#ececec;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-page .rel-card-row2{display:flex;align-items:center;gap:6px;font-size:12px}.archive-page .rel-card-datetime{color:#b4b4b4}.archive-page .rel-card-pillar{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.archive-page .rel-pillar-label{font-size:10px;color:#737373;font-family:-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:2px}.archive-page .rel-card-heart{font-size:16px;color:#f87171;flex-shrink:0;align-self:center}.archive-page .rel-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.archive-page .rel-date{font-size:10px;color:#737373}.archive-page .rel-card-actions{display:flex;align-items:center;gap:4px}.archive-page .rel-card-actions .item-edit,.archive-page .rel-card-actions .item-delete{font-size:12px;padding:4px 6px;border-radius:4px;cursor:pointer;transition:all .15s;background:#2f2f2f;opacity:1!important}.archive-page .rel-card-actions .item-edit:hover{background:#10a37f4d}.archive-page .rel-card-actions .item-delete:hover{background:#f443364d}.archive-page .list-item.relationship-item.active .rel-card-box{border-color:#10a37f;background:#10a37f0d}.archive-page .badge{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500;white-space:nowrap}.archive-page .badge-group{background:#3f3f3f;color:#b4b4b4}.archive-page .badge-gender-male{background:#60a5fa40;color:#60a5fa}.archive-page .badge-gender-female{background:#f472b640;color:#f472b6}.archive-page .badge-calendar-solar{background:#f8717140;color:#f87171}.archive-page .badge-calendar-lunar{background:#60a5fa40;color:#60a5fa}.archive-page .pillar-char{display:flex;align-items:center;justify-content:center;width:32px;height:26px;border-radius:4px;font-family:"Noto Serif KR",serif;font-size:14px;font-weight:600}.archive-page .pillar-char.bg-wood{background:#4ade8040;color:#4ade80}.archive-page .pillar-char.bg-fire{background:#f8717140;color:#f87171}.archive-page .pillar-char.bg-earth{background:#fbbf2440;color:#fbbf24}.archive-page .pillar-char.bg-metal{background:#e5e7eb33;color:#e5e7eb}.archive-page .pillar-char.bg-water{background:#60a5fa40;color:#60a5fa}.archive-page .pillar-char.bg-none{background:#73737333;color:#737373}.archive-detail-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:#171717}.detail-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;background:#171717}.detail-header{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #2f2f2f;background:#1e1e1e}.detail-header h3{flex:1;margin:0;font-size:16px;font-weight:600}.detail-header .detail-group{font-size:12px;color:#737373;background:#2f2f2f;padding:4px 12px;border-radius:4px}.manse-wrapper{flex:1;overflow-y:auto;padding:16px}.detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#737373;gap:8px}.detail-empty p:first-child{font-size:48px}.detail-empty .empty-new-btn{margin-top:16px;background:#10a37f;border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.detail-empty .empty-new-btn:hover{background:#0e906f}.element-wood{color:#4ade80!important}.element-fire{color:#f87171!important}.element-earth{color:#fbbf24!important}.element-metal{color:#e5e7eb!important}.element-water{color:#60a5fa!important}.selector-section h4{margin:0 0 12px;font-size:14px;color:#b4b4b4}.selector-section h4 .selected-name{color:#10a37f;font-weight:600}.saju-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,180px));gap:10px;justify-content:start}.saju-grid .saju-card.rel-card-box{display:flex;flex-direction:column;gap:6px;padding:10px;background:#1e1e1e;border:2px solid #2f2f2f;border-radius:8px;min-width:120px;max-width:180px}.saju-grid .saju-card.rel-card-box:hover{background:#252525;border-color:#424242}.saju-grid .saju-card.rel-card-box.selected{background:#10a37f0d;border-color:#10a37f}.saju-grid .saju-card.rel-card-box .rel-card-row2{justify-content:center}.vs-divider{text-align:center;font-size:24px;padding:16px 0}.no-saju-message{grid-column:1 / -1;text-align:center;padding:24px;color:#737373}.filter-area{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-label{font-size:12px;color:#737373}.filter-buttons{display:flex;gap:4px}.filter-btn{padding:4px 10px;font-size:12px;background:#2f2f2f;border:none;border-radius:4px;color:#b4b4b4;cursor:pointer;transition:all .15s}.filter-btn:hover{background:#3f3f3f}.filter-btn.active{background:#10a37f;color:#fff}@media (max-width: 1024px){.archive-main{margin-left:0}.archive-list-panel{width:280px;min-width:280px}}@media (max-width: 768px){.archive-content{flex-direction:column}.archive-list-panel{width:100%;min-width:100%;max-height:200px;border-right:none;border-bottom:1px solid #2f2f2f}.archive-list-panel.collapsed{width:100%;min-width:100%;max-height:50px}.archive-header h2{font-size:16px}.archive-header .new-button{padding:8px 16px;font-size:13px}}.fortune-tabs{display:flex;width:100%;margin-bottom:16px;border-radius:12px;background:#1e1e1e;padding:4px;gap:4px}.fortune-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:12px 8px;background:transparent;border:none;border-radius:8px;color:#8b9cb8;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.fortune-tab:hover{background:#7c8aff1a;color:#b4c4dc}.fortune-tab.active{background:#7c8aff33;color:#fff;font-weight:600}.fortune-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40%;height:3px;background:#7c8aff;border-radius:2px 2px 0 0}.fortune-tab .tab-icon{font-size:20px;line-height:1}.fortune-tab .tab-label{font-size:13px;line-height:1}.fortune-tab-wrapper{width:100%;max-width:1024px;margin:0 auto;padding:0 20px;box-sizing:border-box}@media (max-width: 768px){.fortune-tab-wrapper{padding:0 12px}}@media (max-width: 480px){.fortune-tab-wrapper{padding:0 8px}}.fortune-main-tabs{display:flex;width:100%;margin-bottom:8px;border-radius:12px;background:#1e1e1e;padding:4px;gap:4px}.fortune-main-tab{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:#8b9cb8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.fortune-main-tab:hover{background:#7c8aff1a;color:#b4c4dc}.fortune-main-tab.active{background:linear-gradient(135deg,#7c8aff40,#b464ff26);color:#fff;font-weight:700;box-shadow:0 2px 8px #7c8aff33}.fortune-main-tab .tab-icon{font-size:20px;line-height:1}.fortune-main-tab .tab-label{font-size:14px;line-height:1}.fortune-main-tab .tab-sub{display:block;font-size:11px;color:var(--text-muted, #6b7a8f);margin-top:2px;font-weight:400;letter-spacing:0}.fortune-main-tab.active .tab-sub{color:#7c8affb3}.fortune-sub-tabs{display:flex;width:100%;margin-bottom:12px;border-radius:8px;background:#161616;padding:3px;gap:3px}.fortune-sub-tab{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#6b7a8f;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.fortune-sub-tab:hover{background:#7c8aff14;color:#a4b4c8}.fortune-sub-tab.active{background:#7c8aff2e;color:#d0d8ff;font-weight:600}.fortune-sub-tab .tab-icon{font-size:16px;line-height:1}.fortune-sub-tab .tab-label{font-size:13px;line-height:1}.fortune-flow-wrapper{padding:0}.fortune-flow-wrapper .integrated-fortune-section{background:transparent;padding:0}.flow-context-panel{display:flex;align-items:center;gap:0;background:linear-gradient(135deg,#7c8aff14,#b464ff0d);border:1px solid rgba(124,138,255,.2);border-radius:12px;padding:14px 16px;margin-bottom:12px}.flow-context-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.flow-context-label{font-size:11px;color:#8b9cb8;font-weight:500;letter-spacing:.03em}.flow-context-pillars{display:flex;gap:6px;align-items:center}.flow-pillar-char{font-size:22px;font-weight:700;font-family:"Noto Serif KR",serif;line-height:1}.flow-context-sub{font-size:11px;color:#6b7a8f;margin-top:2px}.flow-no-data{font-size:18px;color:#4a5568}.flow-context-divider{width:1px;height:48px;background:#7c8aff33;margin:0 16px;flex-shrink:0}.flow-year-toggle{background:transparent;border:1px solid rgba(124,138,255,.2);color:#8b9cb8;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;margin-left:8px}.flow-year-toggle:hover,.flow-year-toggle.active{background:#7c8aff26;border-color:#7c8aff66;color:#d0d8ff}.flow-year-picker{display:flex;align-items:center;gap:10px;background:#1e1e1e;border:1px solid #2f2f2f;border-radius:10px;padding:10px 14px;margin-bottom:12px}.flow-year-label{font-size:13px;color:#8b9cb8;white-space:nowrap}.flow-year-select{flex:1;background:#2a2a2a;border:1px solid #3a3a3a;color:#e0e0e0;padding:6px 10px;border-radius:6px;font-size:14px;cursor:pointer}.flow-month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px}.flow-month-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:10px;cursor:pointer;transition:all .18s ease}.flow-month-cell:hover{background:#7c8aff14;border-color:#7c8aff40}.flow-month-cell.current-month{border-color:#7c8aff73;background:#7c8aff0f}.flow-month-cell.selected{background:#7c8aff2e;border-color:#7c8aff99;box-shadow:0 0 0 2px #7c8aff33}.flow-month-num{font-size:11px;color:#6b7a8f;font-weight:500}.flow-month-cell.current-month .flow-month-num{color:#a0b0ff;font-weight:700}.flow-month-ganji{display:flex;flex-direction:column;align-items:center;gap:2px}.flow-month-stem,.flow-month-branch{font-size:14px;font-weight:600;font-family:"Noto Serif KR",serif;line-height:1.2}.fortune-period-selector{display:flex;gap:8px;margin-bottom:16px}.fortune-period-selector .date-picker-wrapper .date-picker{width:100%;padding:10px 40px 10px 12px;background:var(--bg-tertiary, #243352);border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-primary, #f1f5f9);font-size:14px;cursor:pointer}.fortune-period-selector .month-picker select,.fortune-period-selector .year-picker,.fortune-period-selector .period-picker{flex:1;padding:10px 12px;background:var(--bg-tertiary, #243352);border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-primary, #f1f5f9);font-size:14px;cursor:pointer}.fortune-period-selector select:focus,.fortune-period-selector .date-picker:focus{outline:none;border-color:var(--accent-primary, #10a37f)}.fortune-detail-section{background:#1a2744b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(124,138,255,.15);border-radius:12px;padding:20px;margin-bottom:16px;width:100%;box-sizing:border-box}.fortune-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.fortune-detail-header .fortune-icon{font-size:32px}.fortune-detail-header h4{flex:1;margin:0;font-size:18px;color:#ececec}.fortune-detail-header .fortune-date{font-size:14px;color:#737373}.fortune-pillar-display{display:flex;justify-content:center;width:fit-content;margin:0 auto 24px;background:#24283b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(124,138,255,.15);box-shadow:0 4px 24px #0000001a}.fortune-pillar-display .pillar-column{display:flex;flex-direction:column;align-items:center;min-width:140px;border-right:1px solid rgba(124,138,255,.1)}.fortune-pillar-display .pillar-column:last-child{border-right:none}.fortune-pillar-display .pillar-label{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff);font-family:"Noto Serif KR",serif;padding:10px 40px;background:#2433528c;width:100%;text-align:center;border-bottom:1px solid rgba(124,138,255,.1);box-sizing:border-box}.fortune-pillar-display .pillar-char-box{display:flex;align-items:center;justify-content:center;margin:24px 32px;padding:32px 40px;border-radius:10px;border:1px solid rgba(124,138,255,.15)}.fortune-pillar-display .pillar-char-box .pillar-char{font-family:"Noto Serif KR",serif;font-size:3.5rem;font-weight:700;line-height:1}.fortune-pillar-display .pillar-char-box.element-wood{background:#9ece6a26;border-color:#9ece6a4d}.fortune-pillar-display .pillar-char-box.element-wood .pillar-char{color:var(--element-wood, #4ade80);text-shadow:0 0 8px rgba(158,206,106,.4)}.fortune-pillar-display .pillar-char-box.element-fire{background:#f7768e26;border-color:#f7768e4d}.fortune-pillar-display .pillar-char-box.element-fire .pillar-char{color:var(--element-fire, #f472b6);text-shadow:0 0 8px rgba(247,118,142,.4)}.fortune-pillar-display .pillar-char-box.element-earth{background:#e0af6826;border-color:#e0af684d}.fortune-pillar-display .pillar-char-box.element-earth .pillar-char{color:var(--element-earth, #fbbf24);text-shadow:0 0 8px rgba(224,175,104,.4)}.fortune-pillar-display .pillar-char-box.element-metal{background:#c0caf51f;border-color:#c0caf540}.fortune-pillar-display .pillar-char-box.element-metal .pillar-char{color:var(--element-metal, #e2e8f0);text-shadow:0 0 8px rgba(192,202,245,.4)}.fortune-pillar-display .pillar-char-box.element-water{background:#7c8aff26;border-color:#7c8aff4d}.fortune-pillar-display .pillar-char-box.element-water .pillar-char{color:var(--element-water, #7c8aff);text-shadow:0 0 8px rgba(124,138,255,.4)}.fortune-description{text-align:center;color:#b4b4b4;font-size:14px;margin-bottom:20px;line-height:1.6}.fortune-analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fortune-analysis-grid .analysis-item{display:flex;justify-content:space-between;padding:14px 16px;background:#24283b80;border:1px solid rgba(124,138,255,.1);border-radius:10px}.fortune-analysis-grid .label{font-size:13px;color:#8b9cb8}.fortune-analysis-grid .value{font-size:15px;color:#e2e8f0;font-weight:600;font-family:"Noto Serif KR",serif}.fortune-analysis-grid .value.highlight{color:#7c8aff}.fortune-loading{text-align:center;padding:40px;color:#737373}.fortune-calendar-section{background:#1a2744b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(124,138,255,.15);border-radius:16px;padding:24px;margin-top:20px;width:100%;box-sizing:border-box;box-shadow:0 8px 32px #0003}.calendar-title{text-align:center;font-size:17px;font-weight:600;color:#e2e8f0;margin:0 0 20px}.calendar-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.calendar-nav button{background:#243352cc;border:1px solid rgba(124,138,255,.2);color:#8b9cb8;padding:10px 18px;border-radius:8px;cursor:pointer;transition:all .15s}.calendar-nav button:hover{background:#7c8aff33;color:#e2e8f0;border-color:#7c8aff66}.calendar-nav span{font-size:17px;font-weight:600;color:#e2e8f0;min-width:120px;text-align:center}.calendar-grid{width:100%;box-sizing:border-box;display:flex;flex-direction:column}.calendar-header{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;gap:8px;margin-bottom:12px}.calendar-header span{display:flex;align-items:center;justify-content:center;padding:12px 0;font-size:14px;font-weight:600;color:#8b9cb8;width:100%;box-sizing:border-box}.calendar-header span:first-child{color:#f472b6}.calendar-header span:last-child{color:#7c8aff}.calendar-body{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;width:100%}.calendar-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:10px;min-height:90px;width:100%;background:#24283b99;border:1px solid rgba(124,138,255,.1);transition:all .15s;box-sizing:border-box}.calendar-cell:hover{background:#243352cc}.calendar-cell.empty{background:transparent;border:none;min-height:0;padding:0}.calendar-cell.today{background:#10a37f33;border:1px solid rgba(16,163,127,.5)}.calendar-cell.highlighted{background:#6366f133;border:2px solid #6366f1;box-shadow:0 0 12px #6366f14d}.calendar-cell.highlighted .cell-day{color:#fff;font-weight:700}.calendar-cell .cell-day{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:4px}.calendar-cell .cell-lunar-row{font-size:10px;color:#94a3b8;margin-top:4px}.calendar-cell .cell-season{color:#fbbf24;font-weight:500;margin-left:2px}.calendar-cell.season-node{border-color:#fbbf2466!important}.calendar-cell .cell-ganji-box{display:flex;flex-direction:column;align-items:center;gap:4px}.calendar-cell .cell-stem,.calendar-cell .cell-branch{display:flex;align-items:center;justify-content:center;width:32px;height:28px;font-size:16px;font-weight:600;font-family:"Noto Serif KR",serif;border-radius:4px;border:1px solid rgba(124,138,255,.1)}.calendar-cell .cell-stem.element-wood,.calendar-cell .cell-branch.element-wood{background:#9ece6a33;border-color:#9ece6a4d;color:#4ade80}.calendar-cell .cell-stem.element-fire,.calendar-cell .cell-branch.element-fire{background:#f7768e33;border-color:#f7768e4d;color:#f472b6}.calendar-cell .cell-stem.element-earth,.calendar-cell .cell-branch.element-earth{background:#e0af6833;border-color:#e0af684d;color:#fbbf24}.calendar-cell .cell-stem.element-metal,.calendar-cell .cell-branch.element-metal{background:#c0caf526;border-color:#c0caf540;color:#e2e8f0}.calendar-cell .cell-stem.element-water,.calendar-cell .cell-branch.element-water{background:#7c8aff33;border-color:#7c8aff4d;color:#7c8aff}.calendar-cell.clickable{cursor:pointer}.calendar-cell.clickable:hover{background:#243352e6;transform:scale(1.03);border-color:#7c8aff4d}.calendar-cell.selected{background:#6366f140;border:2px solid #6366f1;box-shadow:0 0 12px #6366f166}.calendar-cell.selected .cell-day{color:#fff;font-weight:700}.hexagram-info-card{background:#1e1e1e;border:1px solid #2f2f2f;border-radius:12px;padding:20px;margin-bottom:16px}.hexagram-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.hex-category{font-size:13px;font-weight:500;padding:4px 10px;border-radius:6px;background:#10a37f26;color:#10a37f}.hex-category.love{background:#f472b626;color:#f472b6}.hex-category.money{background:#fbbf2426;color:#fbbf24}.hex-category.career{background:#60a5fa26;color:#60a5fa}.hex-category.health{background:#4ade8026;color:#4ade80}.hex-category.general{background:#10a37f26;color:#10a37f}.hex-period{font-size:12px;padding:4px 10px;border-radius:6px;background:#6366f126;color:#818cf8}.hex-target-date{font-size:12px;padding:4px 10px;border-radius:6px;background:#fb923c26;color:#fb923c}.hex-date{font-size:12px;color:#737373;margin-left:auto}.hexagram-querent{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;background:#171717;border-radius:8px}.hexagram-querent .querent-label{font-size:13px;color:#737373}.hexagram-querent .querent-name{font-size:14px;color:#ececec;font-weight:500}.hexagram-question{margin-bottom:16px}.hexagram-question .question-label{font-size:12px;color:#737373;margin-right:8px}.hexagram-question .question-text{font-size:15px;color:#ececec}.hexagram-gua-info{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#171717;border-radius:8px}.hexagram-gua-info .gua-name{font-size:18px;font-weight:600;color:#ececec;font-family:"Noto Serif KR",serif}.hexagram-gua-info .gua-arrow{font-size:20px;color:#10a37f}.hexagram-gua-info.with-images .gua-item{display:flex;flex-direction:column;align-items:center;gap:8px}.hexagram-gua-info.with-images .gua-image{width:64px;height:64px;object-fit:contain;border-radius:6px}.hexagram-gua-info.with-images .gua-text{display:flex;flex-direction:column;align-items:center;gap:2px}.hexagram-gua-info.with-images .gua-label{font-size:11px;color:#737373}.hexagram-gua-info.with-images .gua-name{font-size:16px}.analysis-loading{text-align:center;padding:40px;color:#737373}.archive-header .add-saju-btn{background:#2f2f2f;border:1px solid #424242;color:#b4b4b4;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .15s}.archive-header .add-saju-btn:hover{background:#3f3f3f;color:#ececec}.filter-section{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:16px;background:#1e1e1e;border-radius:8px}.analyze-button.full{width:100%;padding:16px;background:#10a37f;border:none;color:#fff;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s;margin-top:20px}.analyze-button.full:hover{background:#0e906f}.select-prompt{text-align:center;padding:20px;color:#737373;font-size:14px}.people-summary-new{display:flex;align-items:stretch;justify-content:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.heart-divider{font-size:32px;display:flex;align-items:center}.person-card{background:#1e1e1e;border:1px solid #2f2f2f;border-radius:12px;padding:16px;min-width:200px;max-width:280px}.person-card-row1{display:flex;align-items:center;gap:8px;margin-bottom:8px}.person-card-name{font-size:16px;font-weight:600;color:#ececec}.person-card-row2{display:flex;align-items:center;gap:8px;margin-bottom:12px}.person-card-datetime{font-size:13px;color:#737373}.person-card-pillars{background:#171717;border-radius:8px;padding:12px}.person-card-pillars .pillar-labels{display:flex;flex-direction:row;justify-content:space-around;margin-bottom:8px}.person-card-pillars .pillar-labels span{font-size:11px;color:#737373;width:32px;text-align:center}.person-card-pillars .pillar-chars{display:flex;flex-direction:row;justify-content:space-around;gap:4px}.person-card-pillars .pillar-chars .pillar-col{display:flex;flex-direction:column;align-items:center;gap:4px}.result-card{background:#1e1e1e;border:1px solid #2f2f2f;border-radius:12px;padding:20px;margin-bottom:16px}.result-card h3{margin:0 0 16px;font-size:16px;color:#ececec}.pillar-tabs{display:flex;gap:8px;margin-bottom:16px}.pillar-tab{flex:1;padding:12px;background:#2f2f2f;border:1px solid #424242;border-radius:8px;color:#b4b4b4;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.pillar-tab:hover{background:#3f3f3f}.pillar-tab.active{background:#10a37f;border-color:#10a37f;color:#fff}.pillar-content{padding-top:8px}.day-pillar-compare-new{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;padding:16px;background:#171717;border-radius:8px}.compare-person{display:flex;flex-direction:column;align-items:center;gap:8px}.compare-name{font-size:14px;font-weight:500;color:#b4b4b4}.compare-pillar-col{display:flex;flex-direction:column;gap:4px}.vs-arrow-new{font-size:24px;color:#737373}.relation-group{margin-bottom:16px}.relation-group h4{margin:0 0 8px;font-size:13px;color:#737373}.relation-list{display:flex;flex-direction:column;gap:8px}.relation-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#171717;border-radius:6px;border-left:3px solid #737373}.rel-emoji{font-size:16px}.rel-name{font-weight:500;color:#ececec;min-width:60px}.rel-desc{font-size:13px;color:#b4b4b4}.ten-star{margin-top:8px;font-size:13px;color:#b4b4b4}.ten-star strong{color:#10a37f}.no-data{padding:12px;text-align:center;color:#737373;font-size:13px}.complement-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.complement-section h4{margin:0 0 12px;font-size:13px;color:#737373}.complement-list{display:flex;flex-direction:column;gap:8px}.complement-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#171717;border-radius:6px;font-size:13px;color:#b4b4b4}.complement-item strong{color:#ececec}.problems-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.problem-section h4{margin:0 0 12px;font-size:13px;color:#737373}.problems-list{display:flex;flex-direction:column;gap:8px}.problem-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f443361a;border-radius:6px;font-size:13px;color:#f87171}.no-problems{padding:12px;text-align:center;color:#4ade80;font-size:13px}@media (max-width: 600px){.complement-grid,.problems-grid{grid-template-columns:1fr}.people-summary-new{flex-direction:column;align-items:center}.heart-divider{transform:rotate(90deg)}.person-card{width:100%;max-width:none}}.archive-page .group-filter{display:flex;gap:8px;padding:16px 24px;flex-wrap:wrap;background:#1e1e1e;border-bottom:1px solid #2f2f2f}.archive-page .filter-btn{padding:8px 16px;border-radius:20px;border:1px solid #424242;background:#252525;color:#b4b4b4;font-size:13px;cursor:pointer;transition:all .2s}.archive-page .filter-btn:hover{border-color:#10a37f;color:#ececec}.archive-page .filter-btn.active{background:#10a37f;border-color:#10a37f;color:#fff}.archive-page .saju-grouped-list{display:flex;flex-direction:column;gap:32px;padding:24px}.archive-page .saju-group-section{display:flex;flex-direction:column;gap:16px}.archive-page .group-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#b4b4b4;padding-bottom:12px;border-bottom:1px solid #2f2f2f}.archive-page .group-title .group-count{background:#2f2f2f;color:#737373;font-size:12px;font-weight:500;padding:2px 8px;border-radius:10px;margin-left:4px}.archive-page .group-filter-row{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#1e1e1e;border-bottom:1px solid #2f2f2f;flex-wrap:wrap}.archive-page .group-filter-section{display:flex;align-items:center;gap:8px}.archive-page .group-filter-section .filter-label{font-size:13px;font-weight:600;color:#b4b4b4;min-width:30px}.archive-page .filter-heart{font-size:18px;color:#f472b6}.archive-page .relationship-grouped-list{display:flex;flex-direction:column;gap:32px;padding:24px}.archive-page .relationship-group-section{display:flex;flex-direction:column;gap:16px}.archive-page .relationship-group-section .group-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#b4b4b4;padding-bottom:12px;border-bottom:1px solid #2f2f2f}.archive-page .heart-in-title{color:#f472b6;margin:0 4px}.archive-page .relationship-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}@media (max-width: 768px){.archive-page .group-filter-row{flex-direction:column;align-items:flex-start;gap:12px}.archive-page .filter-heart{display:none}.archive-page .relationship-card-grid{grid-template-columns:1fr}}.archive-page .filter-section.compact{padding:12px;background:#252525;border-radius:8px;margin-bottom:12px}.archive-page .filter-section.compact .filter-group{margin-bottom:8px}.archive-page .filter-section.compact .filter-group:last-child{margin-bottom:0}.archive-page .filter-section.compact .filter-btn{padding:6px 12px;font-size:12px}.relationship-search-filters{padding:12px 16px;background-color:var(--bg-secondary, #1e293b);border-bottom:1px solid var(--border-color, #334155);display:flex;flex-direction:column;gap:12px}.relationship-search-filters .search-row{display:flex;gap:12px}.relationship-search-filters .search-input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color, #334155);background-color:var(--bg-primary, #0f172a);color:var(--text-primary, #f1f5f9);font-size:14px}.relationship-search-filters .search-input:focus{outline:none;border-color:var(--accent-pink, #ec4899)}.relationship-search-filters .search-input::placeholder{color:var(--text-tertiary, #64748b)}.relationship-search-filters .birth-year-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.relationship-search-filters .filter-label{font-size:13px;font-weight:500;color:var(--text-secondary, #94a3b8);min-width:40px}.relationship-search-filters .birth-year-inputs{display:flex;align-items:center;gap:10px}.relationship-search-filters .birth-year-group{display:flex;align-items:center;gap:6px}.relationship-search-filters .person-label{font-size:12px;color:var(--text-tertiary, #64748b)}.relationship-search-filters .birth-year-group input{width:70px;padding:6px 10px;border-radius:6px;border:1px solid var(--border-color, #334155);background-color:var(--bg-primary, #0f172a);color:var(--text-primary, #f1f5f9);font-size:13px;text-align:center}.relationship-search-filters .birth-year-group input:focus{outline:none;border-color:var(--accent-pink, #ec4899)}.relationship-search-filters .heart-icon{color:var(--accent-pink, #ec4899);font-size:14px}.relationship-search-filters .clear-filters-btn{padding:6px 12px;border-radius:6px;border:none;background-color:var(--bg-tertiary, #334155);color:var(--text-secondary, #94a3b8);font-size:12px;cursor:pointer;transition:all .15s ease;margin-left:auto}.relationship-search-filters .clear-filters-btn:hover{background-color:var(--accent-red, #ef4444);color:#fff}.fortune-detail-section .fortune-report-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:300px;margin:20px auto 0;padding:14px 24px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary, #8b5cf6));border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.fortune-detail-section .fortune-report-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.hexagram-filter-bar{padding:16px 20px;background:var(--bg-secondary, #1e293b);border-bottom:1px solid var(--border-primary, #334155);display:flex;flex-direction:column;gap:12px}.hexagram-filter-bar .filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hexagram-filter-bar .filter-label{font-size:13px;font-weight:600;color:var(--text-secondary, #94a3b8);min-width:70px}.hexagram-filter-bar .archive-search{flex:1;max-width:400px}.hexagram-filter-bar .archive-search input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--border-primary, #334155);background:var(--bg-tertiary, #334155);color:var(--text-primary, #f1f5f9);font-size:14px;transition:all .15s}.hexagram-filter-bar .archive-search input:focus{outline:none;border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.hexagram-filter-bar .archive-search input::placeholder{color:var(--text-tertiary, #64748b)}.hexagram-filter-bar .filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.hexagram-filter-bar .filter-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--border-primary, #334155);background:transparent;color:var(--text-secondary, #94a3b8);font-size:13px;cursor:pointer;transition:all .15s}.hexagram-filter-bar .filter-btn:hover{border-color:var(--accent-primary, #6366f1);color:var(--text-primary, #f1f5f9)}.hexagram-filter-bar .filter-btn.active{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff}.hexagram-filter-bar .datetime-filters{display:flex;gap:8px;align-items:center}.hexagram-filter-bar .filter-select{padding:8px 12px;border-radius:6px;border:1px solid var(--border-primary, #334155);background:var(--bg-tertiary, #334155);color:var(--text-primary, #f1f5f9);font-size:13px;cursor:pointer;min-width:100px}.hexagram-filter-bar .filter-select:focus{outline:none;border-color:var(--accent-primary, #6366f1)}.hexagram-filter-bar .filter-status{padding-top:8px;border-top:1px solid var(--border-primary, #334155)}.hexagram-filter-bar .filter-count{font-size:13px;color:var(--text-tertiary, #64748b)}.hexagram-filter-bar .clear-filters-btn{padding:6px 12px;border-radius:6px;border:none;background:var(--bg-tertiary, #334155);color:var(--text-secondary, #94a3b8);font-size:12px;cursor:pointer;transition:all .15s;margin-left:auto}.hexagram-filter-bar .clear-filters-btn:hover{background:var(--accent-red, #ef4444);color:#fff}@media (max-width: 768px){.hexagram-filter-bar{padding:12px 16px;gap:10px}.hexagram-filter-bar .filter-row{flex-direction:column;align-items:flex-start;gap:8px}.hexagram-filter-bar .filter-label{min-width:auto}.hexagram-filter-bar .archive-search{max-width:100%;width:100%}.hexagram-filter-bar .filter-buttons,.hexagram-filter-bar .datetime-filters{width:100%}.hexagram-filter-bar .filter-select{flex:1}}.archive-page.app-mode .archive-main{margin-left:0}.archive-page.app-mode .archive-header{padding-top:env(safe-area-inset-top,16px)}.archive-page.panel-mode .archive-main{margin-left:0}.archive-page.panel-mode .archive-header{display:none}.panel-mini-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1e1e1e;border-bottom:1px solid #2f2f2f;position:sticky;top:0;z-index:10}.panel-back-btn{background:transparent;border:1px solid #424242;color:#b4b4b4;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s}.panel-back-btn:hover{background:#2f2f2f;color:#ececec}.panel-title{flex:1;font-size:14px;font-weight:600;color:#ececec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-page.panel-mode .archive-list-full,.archive-page.panel-mode .archive-detail-full{padding-top:8px}.pro-term-hint{font-size:11px;color:var(--text-tertiary, #888);margin-left:4px;opacity:.7}.detail-analysis-toggle{display:flex;width:100%;align-items:center;justify-content:center;gap:6px;padding:12px 16px;margin-top:12px;background:#7c8aff1f;border:1px solid rgba(124,138,255,.35);border-radius:8px;color:#c4cef7;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-sizing:border-box;letter-spacing:.02em}.detail-analysis-toggle:hover{background:#7c8aff38;border-color:#7c8aff99;color:#e0e6ff}.detail-analysis-toggle:active{background:#7c8aff4d}.detailed-analysis-section{margin-top:16px;padding:20px;background:linear-gradient(135deg,#1e293b66,#1e293b99);border-radius:12px;border:1px solid rgba(124,138,255,.15);box-shadow:0 4px 12px #0000001a}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin-bottom:8px;background:#1e293b66;border-radius:8px;border:1px solid rgba(51,65,85,.5);transition:all .2s}.detail-row:hover{background:#1e293b99;border-color:#7c8aff4d;transform:translate(2px)}.detail-row:last-child{margin-bottom:0}.detail-label{flex-shrink:0;min-width:90px;font-size:13px;font-weight:600;color:#94a3b8;letter-spacing:.3px}.detail-value{flex:1;text-align:right;font-size:14px;font-weight:500;color:#e2e8f0;line-height:1.5}.detail-value.relations-list{text-align:right;line-height:1.8}.detail-value.relations-list>div{margin-bottom:6px;padding:4px 0}.detail-value.relations-list>div:last-child{margin-bottom:0}.detail-value strong{color:#7c8aff;font-weight:600}.detail-value .highlight{display:inline-block;padding:2px 8px;background:#7c8aff26;border-radius:4px;color:#a0afc8;font-size:13px}.detailed-analysis-section h4,.detailed-analysis-section .section-title{font-size:14px;font-weight:600;color:#b8c5db;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(124,138,255,.2)}.analysis-group{margin-bottom:20px}.analysis-group:last-child{margin-bottom:0}.analysis-group-title{font-size:13px;font-weight:600;color:#7c8aff;margin-bottom:10px;padding-left:8px;border-left:3px solid #7c8aff}.detail-value .positive{color:#4ade80}.detail-value .negative{color:#f87171}.detail-value .neutral{color:#fbbf24}.detail-value .info{color:#60a5fa}.day-stem-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-size:14px;font-weight:600}.day-stem-badge.element-wood{background:#4ade8033;color:#4ade80;box-shadow:inset 0 0 0 1px #4ade804d}.day-stem-badge.element-fire{background:#f8717133;color:#f87171;box-shadow:inset 0 0 0 1px #f871714d}.day-stem-badge.element-earth{background:#fbbf2433;color:#fbbf24;box-shadow:inset 0 0 0 1px #fbbf244d}.day-stem-badge.element-metal{background:#cbd5e133;color:#cbd5e1;box-shadow:inset 0 0 0 1px #cbd5e14d}.day-stem-badge.element-water{background:#60a5fa33;color:#60a5fa;box-shadow:inset 0 0 0 1px #60a5fa4d}.saju-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.saju-modal-card{background:#1e1e2e;border:1px solid rgba(124,138,255,.3);border-radius:16px;box-shadow:0 24px 64px #0009;width:100%;max-width:580px;max-height:85vh;overflow-y:auto}.saju-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.saju-modal-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#e2e8f0}.saju-modal-close{background:transparent;border:none;color:#8b9cb8;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;transition:all .15s ease}.saju-modal-close:hover{background:#ffffff14;color:#e2e8f0}.saju-modal-info{display:flex;gap:20px;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.07);flex-wrap:wrap}.saju-modal-info span{font-size:13px;color:#94a3b8}.saju-modal-info strong{color:#cbd5e1;margin-right:6px;font-weight:500}.saju-modal-pillars{padding:20px 24px 24px}.saju-modal-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px;color:#8b9cb8;font-size:14px}.saju-dropdown{width:calc(100% - 48px);max-width:800px;margin:0 24px 16px;background:#252535;border-radius:12px;border:1px solid rgba(124,138,255,.4);overflow:visible;box-shadow:0 4px 20px #0006}.saju-dropdown-content{padding:20px}.saju-basic-info{display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #3f3f3f;flex-wrap:wrap}.saju-basic-info span{color:#b4c4dc;font-size:14px}.saju-basic-info strong{color:#fff;margin-right:6px}@media (max-width: 768px){.saju-dropdown{max-width:100%;margin:0 8px 16px}.saju-dropdown-content{padding:16px}.saju-basic-info{flex-direction:column;gap:8px}.fortune-tab{min-height:48px;padding:10px 6px}.fortune-tab .tab-icon{font-size:18px}.fortune-tab .tab-label{font-size:12px}}.saju-header-title{cursor:pointer;display:flex!important;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:normal!important;overflow:visible!important;pointer-events:auto!important}.saju-header-title:hover{background:#7c8aff1a;transform:translateY(-1px)}.saju-header-title:hover .dropdown-icon{opacity:1;transform:translateY(1px)}.saju-header-title:active{transform:translateY(0);background:#7c8aff26}.saju-header-title .dropdown-icon{font-size:16px;opacity:.7;transition:all .2s ease;color:#7c8aff}.report-saju-layout{--bg-primary: #212121;--bg-secondary: #171717;--bg-tertiary: #2f2f2f;--bg-input: #303030;--text-primary: #ececec;--text-secondary: #b4b4b4;--text-muted: #737373;--border-color: #424242;--accent-green: #10a37f;--accent-green-hover: #1a7f64}.report-saju-layout{display:flex;height:100vh;overflow:hidden;background-color:var(--bg-primary);margin-left:260px}.report-loading,.report-error{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-secondary);gap:16px}.report-error button{padding:12px 24px;background:var(--accent-green);border:none;border-radius:8px;color:#fff;cursor:pointer}.report-error button:hover{background:var(--accent-green-hover)}.report-main-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.report-header{display:flex;align-items:center;justify-content:center;padding:14px 20px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);min-height:56px;flex-shrink:0;position:relative}.report-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.back-btn{position:absolute;left:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;border-radius:8px;transition:all .2s}.back-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.header-actions{position:absolute;right:16px;display:flex;gap:8px}.header-analysis-btn{padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.header-analysis-btn:hover{background:var(--bg-secondary);color:var(--accent-blue, #7aa2f7);border-color:var(--accent-blue, #7aa2f7)}.header-retry-btn{padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.header-retry-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-tertiary)}.header-retry-btn.error-highlight{background:#ef444426;border-color:#ef4444;color:#ef4444;animation:error-pulse 2s ease-in-out infinite}.header-retry-btn.error-highlight:hover{background:#ef444440}@keyframes error-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.report-panel-wrapper{flex:1;background-color:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}@media (max-width: 1024px){.report-saju-layout{margin-left:0}}@media (max-width: 768px){.report-header{padding:12px 16px}}@media print{.report-saju-layout{display:block!important;height:auto!important;overflow:visible!important;margin-left:0!important;background:#fff!important}.report-main-content{display:block!important;height:auto!important;overflow:visible!important}.report-header{display:none!important}.report-panel-wrapper{display:block!important;height:auto!important;overflow:visible!important;background:#fff!important;padding:0!important}#image-reading-print{display:block!important;visibility:visible!important;position:relative!important}}.fortune-report-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.fortune-report-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-tertiary, #64748b);font-size:14px}.fortune-header-card{display:flex;flex-direction:column;gap:12px;padding:16px}.fortune-header-card .fortune-tabs{display:flex;gap:4px;background:var(--bg-secondary, #0f172a);padding:4px;border-radius:10px}.fortune-header-card .fortune-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.fortune-header-card .fortune-tab .tab-icon{font-size:16px}.fortune-header-card .fortune-tab .tab-label{font-size:11px;font-weight:500;color:var(--text-tertiary, #64748b)}.fortune-header-card .fortune-tab:hover{background:var(--bg-hover, #334155)}.fortune-header-card .fortune-tab.active{background:var(--accent-primary, #3b82f6)}.fortune-header-card .fortune-tab.active .tab-label{color:#fff}.fortune-period-selector{display:flex;gap:8px}.fortune-period-selector .date-picker-wrapper{flex:1;position:relative}.fortune-period-selector .date-picker-wrapper .date-picker{width:100%;padding:10px 40px 10px 12px;background:var(--bg-secondary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-primary, #f1f5f9);font-size:14px;cursor:pointer}.fortune-period-selector .date-picker-wrapper .date-picker::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:40px;height:100%;cursor:pointer}.fortune-period-selector .date-picker-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;pointer-events:none}.fortune-period-selector .date-picker,.fortune-period-selector .year-picker,.fortune-period-selector .period-picker{flex:1;padding:10px 12px;background:var(--bg-secondary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-primary, #f1f5f9);font-size:14px;cursor:pointer}.fortune-period-selector .date-picker:focus,.fortune-period-selector .year-picker:focus,.fortune-period-selector .period-picker:focus{outline:none;border-color:var(--accent-primary, #3b82f6)}.fortune-period-selector .month-picker{display:flex;gap:8px;flex:1}.fortune-period-selector .month-picker select{flex:1;padding:10px 12px;background:var(--bg-secondary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-primary, #f1f5f9);font-size:14px;cursor:pointer}.fortune-summary{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary, #0f172a);border-radius:10px}.fortune-summary .fortune-ganji{font-size:24px;font-weight:700;font-family:"Noto Serif KR",serif;color:var(--text-primary, #f1f5f9)}.fortune-summary .fortune-label{font-size:14px;color:var(--text-secondary, #94a3b8)}.fortune-summary .fortune-loading-badge{margin-left:auto;padding:4px 10px;background:#3b82f633;color:#60a5fa;font-size:11px;font-weight:500;border-radius:12px;animation:pulse 1.5s ease-in-out infinite}.fortune-tags{display:flex;flex-wrap:wrap;gap:8px}.fortune-tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.fortune-tag.tag-sky{background:#3b82f626;color:#60a5fa}.fortune-tag.tag-earth{background:#22c55e26;color:#4ade80}.fortune-tag.tag-unseong{background:#a855f726;color:#c084fc}.fortune-tag.tag-sinsal{background:#fb923c26;color:#fb923c}.fortune-report-content>.report-panel{flex:1;min-height:0;overflow-y:auto;height:auto;background:transparent}.fortune-report-content>.report-panel .report-panel-header{position:sticky;top:0;z-index:10;background:var(--bg-primary, #0f172a);padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border-color, #334155)}@media (max-width: 480px){.fortune-header-card{padding:12px;gap:10px}.fortune-summary .fortune-ganji{font-size:20px}.fortune-tags{gap:6px}.fortune-tag{padding:4px 10px;font-size:11px}}.report-fortune-layout{--bg-primary: #212121;--bg-secondary: #171717;--bg-tertiary: #2f2f2f;--bg-input: #303030;--text-primary: #ececec;--text-secondary: #b4b4b4;--text-muted: #737373;--border-color: #424242;--accent-green: #10a37f;--accent-green-hover: #1a7f64;--accent-primary: #6366f1}.report-fortune-layout{display:flex;height:100vh;overflow:hidden;background-color:var(--bg-primary);margin-left:260px}.report-fortune-layout .report-loading,.report-fortune-layout .report-error{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-secondary);gap:16px}.report-fortune-layout .report-error button{padding:12px 24px;background:var(--accent-green);border:none;border-radius:8px;color:#fff;cursor:pointer}.report-fortune-layout .report-error button:hover{background:var(--accent-green-hover)}.report-fortune-layout .report-main-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.report-fortune-layout .report-header{display:flex;align-items:center;justify-content:center;padding:14px 20px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);min-height:56px;flex-shrink:0;position:relative}.report-fortune-layout .report-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.report-fortune-layout .back-btn{position:absolute;left:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;border-radius:8px;transition:all .2s}.report-fortune-layout .back-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.report-fortune-layout .report-panel-wrapper{flex:1;background-color:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.report-fortune-layout .fortune-selector{padding:16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);flex-shrink:0}.report-fortune-layout .fortune-period-selector{margin-bottom:12px}.report-fortune-layout .fortune-period-selector input,.report-fortune-layout .fortune-period-selector select{width:100%;padding:10px 12px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none}.report-fortune-layout .fortune-period-selector input:focus,.report-fortune-layout .fortune-period-selector select:focus{border-color:var(--accent-primary)}.report-fortune-layout .month-picker{display:flex;gap:8px}.report-fortune-layout .month-picker select{flex:1}.report-fortune-layout .fortune-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.report-fortune-layout .fortune-ganji{font-size:20px;font-weight:700;color:var(--text-primary);font-family:"Noto Serif KR",serif}.report-fortune-layout .fortune-label{font-size:13px;color:var(--text-secondary)}.report-fortune-layout .fortune-ten-star,.report-fortune-layout .fortune-sinsal{font-size:12px;padding:4px 8px;background-color:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary)}.report-fortune-layout .fortune-ten-star{background-color:#6366f133;color:#a5b4fc}.report-fortune-layout .fortune-sinsal{background-color:#fbbf2433;color:#fcd34d}.report-fortune-layout .fortune-loading-badge{font-size:11px;padding:2px 6px;background-color:#10a37f33;color:var(--accent-green);border-radius:4px;animation:pulse 1.5s infinite}.report-fortune-layout .fortune-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.report-fortune-layout .fortune-tag{font-size:11px;padding:4px 8px;border-radius:4px;font-weight:500}.report-fortune-layout .fortune-tag.tag-sky{background-color:#6366f133;color:#a5b4fc}.report-fortune-layout .fortune-tag.tag-earth{background-color:#10a37f33;color:#6ee7b7}.report-fortune-layout .fortune-tag.tag-unseong{background-color:#fbbf2433;color:#fcd34d}.report-fortune-layout .fortune-tag.tag-sinsal{background-color:#f8717133;color:#fca5a5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.date-picker-wrapper{position:relative;width:100%}.date-picker-wrapper .date-picker{width:100%;padding-right:40px}.date-picker-wrapper .date-picker-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;pointer-events:none}.date-picker-wrapper .date-picker::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:40px;height:100%;cursor:pointer}.date-picker{background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:8px;padding:8px 12px;color:var(--text-primary, #fff);font-size:14px;cursor:pointer;color-scheme:dark}.date-picker:focus{outline:none;border-color:var(--primary-color, #7c3aed)}.fortune-tag .pro-term-hint{font-size:10px;color:var(--text-tertiary, #888);margin-left:4px;opacity:.7}@media (max-width: 1024px){.report-fortune-layout{margin-left:0}}@media (max-width: 768px){.report-fortune-layout .report-header{padding:12px 16px}.report-fortune-layout .fortune-tabs{gap:4px}.report-fortune-layout .fortune-tab{padding:8px 4px}.report-fortune-layout .fortune-tab .tab-icon{font-size:16px}.report-fortune-layout .fortune-tab .tab-label{font-size:11px}}.report-date-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0;position:relative}.report-date-nav-btn{width:36px;height:36px;border:1px solid rgba(124,138,255,.3);background:#7c8aff14;border-radius:8px;font-size:22px;color:#c4cef7;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.report-date-nav-btn:hover{background:#7c8aff33;border-color:#7c8aff99}.report-date-label{font-size:16px;font-weight:600;color:#e0e6ff;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background .2s;min-width:180px;text-align:center}.report-date-label:hover{background:#7c8aff1a}.report-date-picker-popup{position:absolute;top:52px;left:50%;transform:translate(-50%);z-index:100;background:var(--bg-tertiary, #1e2d4a);border:1px solid rgba(124,138,255,.4);border-radius:8px;padding:8px;color:#e0e6ff;font-size:14px}.report-flow-controls{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 4px}.report-segment-control{display:flex;align-items:center;background:#00000059;border-radius:10px;padding:3px;gap:2px;width:100%;max-width:480px}.report-segment{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:8px;border:none;background:transparent;color:#ffffff73;font-size:15px;font-weight:500;cursor:pointer;transition:all .18s ease;white-space:nowrap}.report-segment:hover{color:#ffffffbf}.report-segment.active{background:#ffffff1f;color:#e8eeff;font-weight:700;box-shadow:0 1px 4px #00000059,inset 0 1px #ffffff12}.report-segment .seg-icon{font-size:16px;line-height:1}.report-segment .seg-label{font-size:15px;letter-spacing:.02em}.report-daewoon-label{display:inline-flex;align-items:center;gap:6px;min-width:220px;justify-content:center}.dw-nav-period{font-size:13px;color:#8a9bb8;white-space:nowrap}.dw-nav-stem,.dw-nav-branch{font-family:"Noto Serif KR",serif;font-size:20px;font-weight:700;line-height:1}.report-period-selector{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.report-period-selector select,.report-month-picker select,.report-year-picker,.report-period-picker{background:#ffffff0d;border:1px solid rgba(124,138,255,.2);border-radius:8px;color:#c4cef7;font-size:14px;padding:6px 12px;outline:none;cursor:pointer;min-width:100px}.report-month-picker{display:flex;gap:8px;justify-content:center}.report-period-nav{display:flex;align-items:center;justify-content:center;gap:10px}.report-action-bar{display:flex;gap:8px;justify-content:flex-end;padding:8px 0}.report-save-btn,.report-regen-btn{padding:7px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.report-save-btn{background:#7c8aff33;border:1px solid rgba(124,138,255,.5);color:#c4cef7}.report-save-btn:hover{background:#7c8aff59}.report-regen-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#8a9bb8}.report-regen-btn:hover{border-color:#ffffff4d;color:#c4cef7}.report-fortune-layout .fortune-tab-wrapper{flex:1;overflow-y:auto;padding-bottom:60px}.report-fortune-summary-table{margin-bottom:20px}.report-fortune-loading-bar{font-size:12px;color:#7c8aff;animation:pulse 1.5s infinite;margin-bottom:8px}.diary-scrap-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#1e1e28f2;border:1px solid rgba(124,138,255,.4);color:#ffffffe6;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:0 6px 24px #0006;z-index:9999;pointer-events:none;animation:toastIn .25s ease,toastOut .3s ease 2.7s forwards;white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.report-sections-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:12px;color:#fff6;font-size:14px}.report-sections-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#7c8aff;border-radius:50%;animation:spin .8s linear infinite}.report-diary-section{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.report-diary-title{font-size:16px;font-weight:600;color:#c4cef7;margin:0 0 12px}.report-diary-textarea{width:100%;min-height:120px;background:#ffffff0a;border:1px solid rgba(124,138,255,.2);border-radius:10px;color:#c4ccd8;font-size:14px;line-height:1.8;padding:14px 16px;resize:vertical;box-sizing:border-box;transition:border-color .2s}.report-diary-textarea:focus{outline:none;border-color:#7c8aff80;background:#ffffff0f}.report-diary-textarea::placeholder{color:#4a5568}.report-diary-footer{display:flex;justify-content:flex-end;margin-top:10px}.report-diary-save-btn{padding:7px 20px;background:#7c8aff26;border:1px solid rgba(124,138,255,.4);border-radius:8px;color:#c4cef7;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.report-diary-save-btn:hover{background:#7c8aff47}@media (max-width: 768px){.report-date-label{font-size:14px;min-width:140px}.report-segment-control{max-width:100%}.report-segment{padding:9px 8px;font-size:14px}.report-segment .seg-icon{font-size:15px}.report-segment .seg-label{font-size:14px}.report-daewoon-label{min-width:160px}.dw-nav-period{font-size:12px}.dw-nav-stem,.dw-nav-branch{font-size:17px}.report-action-bar{justify-content:stretch}.report-save-btn,.report-regen-btn{flex:1;text-align:center}}.fortune-report-action-bar{padding:12px 0 4px;display:flex;justify-content:flex-end}.fortune-organize-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;letter-spacing:-.2px}.fortune-organize-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea59}.fortune-organize-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.fortune-summary-card{margin:8px 0 4px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#ffffff08}.fortune-summary-card-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;gap:8px}.fortune-summary-card-toggle:hover{background:#ffffff0d}.fortune-summary-card-toggle .toggle-title{font-size:13px;font-weight:600;color:#9baec8;letter-spacing:-.2px;white-space:nowrap}.fortune-summary-card-toggle .toggle-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.fortune-summary-card-toggle .toggle-icon{font-size:11px;color:#6b7a99;transition:transform .2s;display:inline-block}.fortune-summary-card-toggle .toggle-icon.collapsed{transform:rotate(-90deg)}.fortune-summary-card-content{padding:0 14px 12px;transition:all .2s}.fortune-summary-card.collapsed .fortune-summary-card-content{display:none}.fortune-summary-card-toggle .fortune-organize-btn{padding:5px 11px;font-size:12px}.fortune-organize-btn.full-width{width:100%;margin:10px 0 4px;padding:10px 16px;font-size:13px;text-align:center;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2)}.fortune-organize-btn.full-width:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6,#6a4190);transform:translateY(-1px);box-shadow:0 4px 14px #667eea66}.fortune-summary-card-toggle .fortune-organize-btn{padding:unset;font-size:unset}.report-action-bar .fortune-organize-btn{padding:7px 14px;font-size:13px;border-radius:8px}.fortune-panel{display:flex;flex-direction:column;gap:12px;padding:16px;overflow-y:auto}.fortune-view-mode-tabs{display:flex;gap:8px;margin-bottom:4px}.view-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:10px;cursor:pointer;transition:all .2s}.view-mode-btn .mode-icon{font-size:14px}.view-mode-btn .mode-label{font-size:13px;font-weight:500;color:var(--text-secondary, #94a3b8)}.view-mode-btn:hover{background:var(--bg-hover, #334155);border-color:var(--accent-primary, #3b82f6)}.view-mode-btn.active{background:var(--accent-primary, #3b82f6);border-color:var(--accent-primary, #3b82f6)}.view-mode-btn.active .mode-label{color:#fff}.fortune-tab-header{display:flex;gap:4px;background:var(--bg-secondary, #1e293b);padding:4px;border-radius:10px}.fortune-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.fortune-tab-btn .tab-icon{font-size:16px;filter:none}.fortune-tab-btn .tab-label{font-size:11px;font-weight:500;color:var(--text-tertiary, #64748b)}.fortune-tab-btn:hover{background:var(--bg-hover, #334155)}.fortune-tab-btn.active{background:var(--accent-primary, #3b82f6)}.fortune-tab-btn.active .tab-label{color:#fff}.fortune-detail{background:var(--bg-card, #1e293b);border-radius:12px;padding:16px;flex-shrink:0}.fortune-detail-empty{text-align:center;padding:40px 20px;color:var(--text-tertiary, #64748b)}.fortune-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #334155)}.fortune-period-label{font-size:14px;color:var(--text-secondary, #94a3b8)}.fortune-ganji-label{font-size:16px;font-weight:600;color:var(--text-primary, #f1f5f9);font-family:"Noto Serif KR",serif}.fortune-pillar-display{display:flex;justify-content:center;gap:32px;margin-bottom:24px;padding:16px;background:var(--bg-secondary, #0f172a);border-radius:12px}.fortune-pillar-display .pillar-item{display:flex;flex-direction:column;align-items:center;gap:6px}.fortune-pillar-display .pillar-label{font-size:12px;color:var(--text-tertiary, #64748b);font-weight:500}.fortune-pillar-display .pillar-char{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;font-family:"Noto Serif KR",serif;border-radius:12px;background:var(--bg-card, #1e293b)}.fortune-pillar-display .pillar-korean{font-size:13px;color:var(--text-secondary, #94a3b8);font-weight:500}.pillar-char.element-wood{background:linear-gradient(135deg,#22c55e20,#16a34a20);color:#4ade80;border:1px solid #22c55e40}.pillar-char.element-fire{background:linear-gradient(135deg,#ef444420,#dc262620);color:#f87171;border:1px solid #ef444440}.pillar-char.element-earth{background:linear-gradient(135deg,#eab30820,#ca8a0420);color:#fbbf24;border:1px solid #eab30840}.pillar-char.element-metal{background:linear-gradient(135deg,#a1a1aa20,#71717a20);color:#d4d4d8;border:1px solid #a1a1aa40}.pillar-char.element-water{background:linear-gradient(135deg,#3b82f620,#2563eb20);color:#60a5fa;border:1px solid #3b82f640}.fortune-analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.fortune-analysis-grid .analysis-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-secondary, #334155);border-radius:8px}.fortune-analysis-grid .analysis-label{font-size:12px;color:var(--text-tertiary, #64748b)}.fortune-analysis-grid .analysis-value{font-size:14px;font-weight:600;color:var(--text-primary, #f1f5f9)}.fortune-analysis-grid .analysis-value.highlight{color:var(--accent-primary, #3b82f6)}.fortune-summary-text{text-align:center;padding:12px;background:var(--bg-secondary, #334155);border-radius:8px}.fortune-summary-text p{margin:0;font-size:13px;color:var(--text-secondary, #94a3b8)}.fortune-selector{background:var(--bg-card, #1e293b);border-radius:12px;padding:16px;flex-shrink:0}.month-year-selector,.year-selector,.daewoon-selector{display:flex;flex-direction:column;gap:12px}.month-year-selector .selector-row{display:flex;align-items:center;gap:12px}.month-year-selector label,.year-selector label,.daewoon-selector label{font-size:13px;font-weight:500;color:var(--text-secondary, #94a3b8);min-width:50px}.month-year-selector select,.year-selector select,.daewoon-selector select{flex:1;padding:12px 14px;background:var(--bg-secondary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:10px;color:var(--text-primary, #f1f5f9);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.month-year-selector select:hover,.year-selector select:hover,.daewoon-selector select:hover{border-color:var(--accent-primary, #3b82f6);background:var(--bg-hover, #1e293b)}.month-year-selector select:focus,.year-selector select:focus,.daewoon-selector select:focus{outline:none;border-color:var(--accent-primary, #3b82f6);box-shadow:0 0 0 3px var(--accent-primary-alpha, rgba(59, 130, 246, .15))}.current-daewoon-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;background:linear-gradient(135deg,var(--accent-primary, #3b82f6),#6366f1);color:#fff;font-size:12px;font-weight:600;border-radius:20px;margin-top:12px}.month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.month-grid-btn{padding:10px 8px;background:var(--bg-secondary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-primary, #f1f5f9);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.month-grid-btn:hover{background:var(--bg-hover, #1e293b);border-color:var(--accent-primary, #3b82f6)}.month-grid-btn.active{background:var(--accent-primary, #3b82f6);border-color:var(--accent-primary, #3b82f6);color:#fff}.daewoon-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto;margin-top:8px}.daewoon-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-secondary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:10px;cursor:pointer;transition:all .15s}.daewoon-item:hover{background:var(--bg-hover, #1e293b);border-color:var(--accent-primary, #3b82f6)}.daewoon-item.active{background:var(--accent-primary, #3b82f6);border-color:var(--accent-primary, #3b82f6)}.daewoon-item.active .daewoon-period,.daewoon-item.active .daewoon-ganji{color:#fff}.daewoon-item.current{border-color:var(--accent-orange, #f59e0b)}.daewoon-item.current.active{background:linear-gradient(135deg,var(--accent-primary, #3b82f6),var(--accent-orange, #f59e0b))}.daewoon-period{font-size:13px;color:var(--text-secondary, #94a3b8);font-weight:500}.daewoon-ganji{font-size:16px;font-weight:600;font-family:"Noto Serif KR",serif;color:var(--text-primary, #f1f5f9)}.current-badge{font-size:10px;font-weight:600;padding:2px 6px;background:var(--accent-orange, #f59e0b);color:#fff;border-radius:10px}.year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.year-grid-btn{padding:12px 8px;background:var(--bg-secondary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-primary, #f1f5f9);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.year-grid-btn:hover{background:var(--bg-hover, #1e293b);border-color:var(--accent-primary, #3b82f6)}.year-grid-btn.active{background:var(--accent-primary, #3b82f6);border-color:var(--accent-primary, #3b82f6);color:#fff}.year-grid-btn.current:not(.active){border-color:var(--accent-orange, #f59e0b);color:var(--accent-orange, #f59e0b)}.year-nav{display:flex;gap:8px;margin-top:12px}.year-nav-btn{flex:1;padding:8px;background:var(--bg-secondary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-secondary, #94a3b8);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.year-nav-btn:hover{background:var(--bg-hover, #1e293b);color:var(--text-primary, #f1f5f9)}@media (max-width: 480px){.fortune-panel{padding:12px}.fortune-pillar-display{gap:16px}.fortune-pillar-display .pillar-char{width:40px;height:40px;font-size:20px}.fortune-analysis-grid{grid-template-columns:1fr}}.fortune-panel-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.fortune-panel .panel-analysis-wrap{flex:1;min-height:0;overflow-y:auto;padding:0;background:transparent}.fortune-panel .panel-analysis-wrap .fortune-tab-wrapper{max-width:100%;padding:0;overflow-y:visible}.fortune-panel .panel-analysis-wrap .archive-detail-full{padding:0;margin:0}.fortune-report-wrapper{flex:1;min-height:0;overflow-y:auto}.fortune-report-wrapper .report-panel{height:auto;padding:0;background:transparent}.fortune-report-wrapper .report-panel-header{position:sticky;top:0;z-index:10;background:var(--bg-primary, #0f172a);padding:12px 0;margin-bottom:12px}.report-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.report-modal{background:var(--bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:16px;width:100%;max-width:400px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.report-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #334155)}.report-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #e2e8f0)}.report-modal-close{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary, #64748b);border-radius:6px;transition:all .15s}.report-modal-close:hover{background:#ffffff1a;color:var(--text-primary, #e2e8f0)}.report-modal-content{padding:24px;overflow-y:auto;flex:1}.report-section-title{font-size:14px;font-weight:500;color:var(--text-secondary, #94a3b8);margin:0 0 16px}.report-reasons{display:flex;flex-direction:column;gap:12px}.report-reason-item{display:flex;align-items:center;gap:12px;cursor:pointer}.report-reason-item input{display:none}.report-checkbox{width:20px;height:20px;border:2px solid var(--border-color, #475569);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.report-reason-item input:checked+.report-checkbox{background:var(--accent-primary, #3b82f6);border-color:var(--accent-primary, #3b82f6)}.report-checkbox svg{color:#fff}.report-reason-label{font-size:15px;color:var(--text-primary, #e2e8f0)}.report-detail-input{width:100%;padding:12px 14px;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-primary, #e2e8f0);font-size:14px;line-height:1.5;resize:none;font-family:inherit}.report-detail-input::placeholder{color:var(--text-tertiary, #64748b)}.report-detail-input:focus{outline:none;border-color:var(--accent-primary, #3b82f6)}.report-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color, #334155)}.report-btn{flex:1;padding:12px 20px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.report-btn.cancel{background:var(--bg-secondary, #1e293b);color:var(--text-secondary, #94a3b8)}.report-btn.cancel:hover{background:var(--bg-tertiary, #334155)}.report-btn.submit{background:var(--accent-primary, #3b82f6);color:#fff}.report-btn.submit:hover{background:#2563eb}.report-btn.submit:disabled{opacity:.6;cursor:not-allowed}.landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;position:relative;overflow:hidden}.landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.landing-bg-gradient{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(168,85,247,.1) 0%,transparent 50%);animation:bgPulse 20s ease-in-out infinite}@keyframes bgPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.landing-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}.landing-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:40px 24px;width:100%;max-width:400px}.landing-header{text-align:center;margin-bottom:40px}.landing-logo{margin-bottom:16px}.landing-logo-icon{font-size:56px;display:block;filter:drop-shadow(0 0 40px rgba(99,102,241,.5));animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.landing-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.5px}.landing-subtitle{font-size:16px;color:#a1a1aa;margin:0}.landing-card{width:100%;background:#18181bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px 24px;box-shadow:0 0 0 1px #ffffff0d,0 20px 50px -20px #00000080}.landing-card-title{font-size:24px;font-weight:600;color:#fff;margin:0 0 8px;text-align:center}.landing-card-desc{font-size:14px;color:#a1a1aa;margin:0 0 24px;text-align:center;line-height:1.6}.landing-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:14px;margin-bottom:16px}.landing-error-icon{flex-shrink:0}.landing-buttons{display:flex;flex-direction:column;gap:12px}.landing-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;border:1px solid transparent;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.landing-btn:disabled{opacity:.6;cursor:not-allowed}.landing-btn-icon{width:20px;height:20px;flex-shrink:0}.landing-btn-google{background:#fff;color:#1f1f1f}.landing-btn-google:hover:not(:disabled){background:#f5f5f5;box-shadow:0 4px 12px #00000026}.landing-btn-kakao{background:#fee500;color:#000}.landing-btn-kakao:hover:not(:disabled){background:#fdd800;box-shadow:0 4px 12px #fee5004d}.landing-btn-apple{background:#000;color:#fff;border-color:#fff3}.landing-btn-apple:hover:not(:disabled){background:#1a1a1a;border-color:#ffffff4d}.landing-divider{display:flex;align-items:center;gap:16px;margin:20px 0;color:#52525b;font-size:13px}.landing-divider:before,.landing-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.landing-btn-email{background:transparent;color:#d4d4d8;border-color:#fff3}.landing-btn-email:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d}.landing-footer{margin-top:32px;text-align:center}.landing-terms{font-size:12px;color:#71717a;line-height:1.6}.landing-terms a{color:#a1a1aa;text-decoration:underline;text-underline-offset:2px}.landing-terms a:hover{color:#fff}.landing-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100}.landing-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.landing-loading p{color:#a1a1aa;font-size:14px}@media (max-width: 480px){.landing-content{padding:24px 16px}.landing-card{padding:24px 20px}.landing-logo-icon{font-size:48px}.landing-title{font-size:28px}}@media (prefers-color-scheme: light){.landing-page{background:#fafafa}.landing-bg-gradient{background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(168,85,247,.08) 0%,transparent 50%)}.landing-bg-grid{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px)}.landing-card{background:#ffffffe6;border-color:#0000001a}.landing-card-title{color:#18181b}.landing-card-desc{color:#52525b}.landing-btn-email{color:#3f3f46;border-color:#0003}.landing-divider{color:#a1a1aa}.landing-divider:before,.landing-divider:after{background:#0000001a}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#343541;padding:20px}.login-container{width:100%;max-width:400px;position:relative}.login-header{text-align:center;margin-bottom:40px}.login-logo{font-size:64px;margin-bottom:16px}.login-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px}.login-subtitle{font-size:16px;color:#8e8ea0;margin:0}.login-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.login-buttons{display:flex;flex-direction:column;gap:12px}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn-icon{width:20px;height:20px}.login-btn-google{background-color:#fff;color:#1f1f1f}.login-btn-google:hover:not(:disabled){background-color:#f7f7f7}.login-btn-kakao{background-color:#fee500;color:#000}.login-btn-kakao:hover:not(:disabled){background-color:#e6cf00}.login-btn-apple{background-color:#000;color:#fff;border:1px solid rgba(255,255,255,.2)}.login-btn-apple:hover:not(:disabled){background-color:#1a1a1a}.login-footer{margin-top:32px;text-align:center}.login-footer p{color:#8e8ea0;font-size:14px;margin:0 0 12px}.login-footer-sub{font-size:12px!important;color:#6b6b7b!important;line-height:1.5}.login-footer a{color:#8e8ea0;text-decoration:underline}.login-footer a:hover{color:#fff}.login-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#343541cc;border-radius:12px}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#10a37f;border-radius:50%;animation:spin 1s linear infinite}.inapp-warning-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.inapp-warning-modal{background-color:#40414f;border-radius:16px;padding:24px;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 40px #0006}.inapp-warning-icon{font-size:48px;margin-bottom:16px}.inapp-warning-modal h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 12px}.inapp-warning-modal>p{color:#c5c5d2;font-size:14px;line-height:1.5;margin:0 0 20px}.inapp-warning-instructions{background-color:#ffffff0d;border-radius:12px;padding:16px;margin-bottom:20px;text-align:left}.inapp-warning-instructions p{color:#fff;font-size:14px;margin:0 0 12px}.inapp-warning-instructions ol{color:#c5c5d2;font-size:13px;line-height:1.6;margin:0;padding-left:20px}.inapp-warning-instructions li{margin-bottom:8px}.inapp-warning-instructions strong{color:#fee500}.inapp-warning-buttons{display:flex;flex-direction:column;gap:10px}.inapp-warning-btn{width:100%;padding:14px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.inapp-warning-btn.primary{background-color:#10a37f;color:#fff}.inapp-warning-btn.primary:hover{background-color:#0d8a6a}.inapp-warning-btn.secondary{background-color:#fee500;color:#000}.inapp-warning-btn.secondary:hover{background-color:#e6cf00}@media (max-width: 480px){.login-page{padding:16px}.login-logo{font-size:48px}.login-title{font-size:28px}.login-btn{padding:12px 16px;font-size:15px}.inapp-warning-modal{padding:20px}.inapp-warning-icon{font-size:40px}.inapp-warning-modal h3{font-size:18px}}.auth-callback{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#343541}.auth-callback-content{text-align:center;color:#fff}.auth-callback-content p{margin-top:20px;font-size:16px;color:#d1d5db}.spinner{width:40px;height:40px;margin:0 auto;border:3px solid rgba(255,255,255,.1);border-top-color:#10a37f;border-radius:50%;animation:spin 1s linear infinite}.panel-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary, #0f1729);color:var(--text-primary, #ffffff)}.panel-page .loading-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.panel-page .loading-spinner{width:32px;height:32px;border:3px solid rgba(124,138,255,.2);border-top-color:var(--accent-blue, #7c8aff);border-radius:50%;animation:spin 1s linear infinite}.panel-header{padding:16px;border-bottom:1px solid var(--border-secondary, #2a3a5a);background:var(--bg-secondary, #1a2744)}.panel-header h3{margin:0;font-size:16px;font-weight:600}.panel-person-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-secondary, #1a2744);border-bottom:1px solid var(--border-secondary, #2a3a5a)}.person-info{display:flex;align-items:center;gap:8px}.person-name{font-size:18px;font-weight:600;color:var(--text-primary, #ffffff)}.person-group{font-size:14px;color:var(--text-tertiary, #8b9cb8)}.change-person-btn{padding:8px 16px;background:var(--bg-tertiary, #243352);border:1px solid var(--border-secondary, #2a3a5a);border-radius:8px;color:var(--text-secondary, #e2e8f0);font-size:13px;cursor:pointer;transition:all .2s}.change-person-btn:hover{background:var(--bg-card, #1a2744);border-color:var(--accent-blue, #7c8aff)}.panel-mode-tabs{padding:10px 16px 8px;background:var(--bg-secondary, #1a2744);border-bottom:1px solid var(--border-secondary, #2a3a5a)}.panel-content{flex:1;overflow-y:auto;padding:16px}.panel-analysis-wrap{background:transparent!important;height:auto!important;min-height:unset!important;overflow:visible!important}.panel-analysis-wrap .archive-detail-full{padding:0!important;background:transparent!important}.panel-analysis-wrap .fortune-tab-wrapper{padding:0!important}.panel-mode-tabs .report-segment-control{max-width:100%}.panel-mode-tabs .report-segment{padding:8px 12px;font-size:14px}.panel-page .saju-list-content{padding:0}.panel-page .saju-card-grid{gap:12px}.panel-page .saju-card{cursor:pointer}.panel-page .saju-card:hover{border-color:var(--accent-blue, #7c8aff);transform:translateY(-2px)}.settings-page{display:flex;min-height:100vh;background-color:#171717;color:#ececec}.settings-main{flex:1;display:flex;flex-direction:column;margin-left:260px;transition:margin-left .2s ease;min-height:100vh}.settings-main.sidebar-closed{margin-left:0}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #2f2f2f;background:#1e1e1e;position:sticky;top:0;z-index:50}.settings-header h1{font-size:20px;font-weight:600;margin:0}.settings-header .menu-toggle{background:transparent;border:1px solid #424242;color:#b4b4b4;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:18px;transition:all .2s}.settings-header .menu-toggle:hover{background:#2f2f2f;color:#ececec}.settings-content{flex:1;padding:24px;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px}.settings-loading .spinner{width:40px;height:40px;border:3px solid #2f2f2f;border-top-color:#10a37f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-login-required{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;text-align:center}.settings-login-required h2{font-size:24px;margin:0}.settings-login-required p{color:#737373;margin:0}.settings-login-required button{background:#10a37f;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;cursor:pointer;margin-top:8px}.settings-section{background:#1e1e1e;border:1px solid #2f2f2f;border-radius:12px;padding:24px;margin-bottom:24px}.settings-section .section-title{font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #2f2f2f}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid #2f2f2f}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-item:first-of-type{padding-top:0}.setting-info{flex:1;padding-right:24px}.setting-info h3{font-size:15px;font-weight:500;margin:0 0 4px}.setting-info p{font-size:13px;color:#737373;margin:0;line-height:1.4}.toggle-switch{position:relative;width:52px;height:28px;background:#3f3f3f;border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.toggle-switch.active{background:#10a37f}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-slider{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-slider{transform:translate(24px)}.ganji-options{display:flex;gap:8px}.ganji-option{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:#2f2f2f;border:2px solid #3f3f3f;border-radius:10px;cursor:pointer;transition:all .2s;min-width:80px}.ganji-option:hover{border-color:#525252;background:#3f3f3f}.ganji-option.active{border-color:#10a37f;background:#10a37f26}.ganji-option-icon{font-size:24px;margin-bottom:4px}.ganji-option-label{font-size:13px;font-weight:500;color:#ececec;margin-bottom:2px}.ganji-option-example{font-size:11px;color:#737373}.mode-options{display:flex;gap:8px}.mode-option{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#2f2f2f;border:2px solid #3f3f3f;border-radius:10px;cursor:pointer;transition:all .2s;min-width:120px}.mode-option:hover{border-color:#525252;background:#3f3f3f}.mode-option.active{border-color:#10a37f;background:#10a37f26}.mode-option-label{font-size:14px;font-weight:500;color:#ececec;margin-bottom:4px}.mode-option.active .mode-option-label{color:#10a37f}.mode-option-desc{font-size:11px;color:#737373}.account-info .setting-info p{font-size:14px;color:#ececec}.saving-indicator{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:#2f2f2f;border:1px solid #3f3f3f;border-radius:8px;font-size:14px;color:#ececec;box-shadow:0 4px 12px #0000004d}.saving-spinner{width:16px;height:16px;border:2px solid #3f3f3f;border-top-color:#10a37f;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.settings-main{margin-left:0}.settings-content,.settings-section{padding:16px}.setting-item{flex-direction:column;gap:12px}.setting-info{padding-right:0}.ganji-options{width:100%}.ganji-option{flex:1;min-width:0;padding:10px 8px}.calendar-options{width:100%}.calendar-option{flex:1;text-align:center}}