:root{--color-wood: #22c55e;--color-fire: #ef4444;--color-earth: #eab308;--color-metal: #a1a1aa;--color-water: #3b82f6;--color-yang: #f59e0b;--color-yin: #6366f1;--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #f59e0b;--color-primary: #1e3a5f;--color-secondary: #4a5568;--color-accent: #c9a227;--color-background: #f8f5f0;--color-card: #ffffff;--color-border: #e2e8f0;--color-text: #1a202c;--color-text-muted: #718096;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-background);color:var(--color-text);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.chart-header{text-align:center;margin-bottom:var(--spacing-lg)}.chart-header-top{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.chart-header-top h2{margin:0}.chart-header-actions{display:flex;gap:var(--spacing-sm)}.save-chart-btn{display:flex;align-items:center;gap:var(--spacing-xs)}.birth-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:1.1rem;color:var(--color-text)}.birth-info .birth-date{font-weight:600;font-size:1.25rem;color:var(--color-primary)}.birth-info .birth-time{font-weight:500}.birth-info .birth-gender{background:var(--color-background);padding:2px 10px;border-radius:var(--radius-full);font-size:.95rem}.birth-info .birth-timezone{font-size:.9rem;color:var(--color-text-muted)}.birth-info span:not(:last-child):after{content:"・";margin-left:var(--spacing-sm);color:var(--color-text-muted)}.birth-info .birth-timezone:before{content:none}@media(max-width:640px){.birth-info{font-size:1rem}.birth-info .birth-date{font-size:1.1rem}}.card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:1rem}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:#2d4a6f}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-secondary:hover{background:#5a6578}.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-success{background:#22c55e;color:#fff}.btn-success:hover{background:#16a34a}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover{background:#0000000d}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--color-text)}.form-input,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a5f1a}.form-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.9rem}.form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.wu-xing-wood{color:var(--color-wood)}.wu-xing-fire{color:var(--color-fire)}.wu-xing-earth{color:var(--color-earth)}.wu-xing-metal{color:var(--color-metal)}.wu-xing-water{color:var(--color-water)}.bg-wood{background-color:var(--color-wood)}.bg-fire{background-color:var(--color-fire)}.bg-earth{background-color:var(--color-earth)}.bg-metal{background-color:var(--color-metal)}.bg-water{background-color:var(--color-water)}.yin{color:var(--color-yin)}.yang{color:var(--color-yang)}.yin-yang-yang{color:var(--color-yang);font-weight:700}.yin-yang-yin{color:var(--color-yin);font-weight:700}.header{background:linear-gradient(135deg,var(--color-primary),#2d4a6f);color:#fff;padding:var(--spacing-lg) 0;box-shadow:var(--shadow-md)}.header-title{font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm)}.header-subtitle{font-size:.875rem;opacity:.9;margin-top:var(--spacing-xs)}.header-top{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.header-brand{flex:1}.header-reset-btn{white-space:nowrap}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-menu{position:relative}.settings-btn{padding:var(--spacing-xs);border-radius:50%;display:flex;align-items:center;justify-content:center}.settings-btn .user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.settings-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);min-width:240px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.dropdown-user-info{padding:var(--spacing-md);display:flex;flex-direction:column;gap:2px}.dropdown-user-name{font-weight:600;color:var(--color-text)}.dropdown-user-email{font-size:.8rem;color:var(--color-text-muted)}.dropdown-notice{padding:var(--spacing-md);font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.dropdown-divider{height:1px;background:var(--color-border)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;font-size:.9rem;color:var(--color-text);cursor:pointer;transition:background .2s}.dropdown-item:hover{background:var(--color-bg-secondary)}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0;margin-top:var(--spacing-xl)}.footer-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);text-align:center}.footer-credit{color:var(--color-text-muted);font-size:.875rem}.nav{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.nav-link{color:#fff;opacity:.9;transition:opacity .2s;font-size:.95rem}.nav-link:hover{opacity:1;text-decoration:none}.nav-link.active{opacity:1;border-bottom:2px solid var(--color-accent);padding-bottom:var(--spacing-xs)}.main{padding:var(--spacing-xl) 0}.pillar-chart{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);max-width:600px;margin:0 auto}.pillar{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;text-align:center}.pillar-header{background:var(--color-primary);color:#fff;padding:var(--spacing-sm);font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.pillar-unknown{opacity:.75}.pillar-unknown .pillar-header{background:#6b7280}.pillar-unknown-badge{font-size:.65rem;background:#ffffff4d;padding:1px 6px;border-radius:var(--radius-full);font-weight:400}.pillar-stem{padding:var(--spacing-md);font-size:2.5rem;font-weight:700;border-bottom:1px solid var(--color-border);text-align:center}.pillar-branch{padding:var(--spacing-md);font-size:2.5rem;font-weight:700;text-align:center}.pillar-info{padding:var(--spacing-sm);background:var(--color-background);font-size:.75rem;color:var(--color-text-muted)}.ten-god-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background:var(--color-primary);color:#fff}.hidden-stems{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#00000005}.hidden-stem{display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.hidden-stem-name{font-weight:600}.hidden-stem-weight{opacity:.6}.pillar-element-info{display:flex;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.element-badge,.yinyang-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;color:#fff}.yinyang-badge.yang{background:var(--color-yang)}.yinyang-badge.yin{background:var(--color-yin)}.twelve-stage-badge{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);border:2px solid;border-radius:var(--radius-md);margin:var(--spacing-sm);font-weight:700;font-size:1rem;background:#fff}.twelve-stage-name{cursor:pointer}.wu-xing-chart{display:flex;align-items:flex-end;justify-content:center;gap:var(--spacing-md);height:150px;padding:var(--spacing-md)}.wu-xing-bar{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.wu-xing-bar-fill{width:40px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .3s ease}.wu-xing-bar-label{font-size:.875rem;font-weight:600}.wu-xing-bar-value{font-size:.75rem;color:var(--color-text-muted)}.fortune-section{overflow:visible}.fortune-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.fortune-header h3{margin:0}.fortune-kongwang-note{margin-left:var(--spacing-sm)}.fortune-table-container{overflow-x:auto;margin:var(--spacing-md) 0}.fortune-table{width:100%;border-collapse:collapse;font-size:.9rem}.fortune-table th{background:var(--color-background);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;font-size:.8rem;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);white-space:nowrap}.fortune-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);vertical-align:middle}.fortune-table .col-age{width:100px}.fortune-table .col-ganzhi{width:120px}.fortune-table .col-tengod{width:80px}.fortune-table .col-shensha{min-width:120px}.fortune-table .col-expand{width:32px;text-align:center;color:var(--color-text-muted)}.fortune-row{cursor:pointer;transition:background .2s}.fortune-row:hover{background:#00000005}.fortune-row.current{background:#c9a2271a}.fortune-row.current td{border-bottom-color:#c9a2274d}.fortune-row.past{opacity:.6}.fortune-row.void{background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(0,0,0,.02) 5px,rgba(0,0,0,.02) 10px)}.fortune-row .age-range{font-weight:500}.fortune-row .current-badge{display:inline-block;background:#c9a227;color:#fff;font-size:.65rem;padding:1px 6px;border-radius:var(--radius-full);margin-left:var(--spacing-xs);vertical-align:middle}.fortune-row .ganzhi-display{font-size:1.2rem;font-weight:700;display:inline-flex;gap:2px}.fortune-row .ganzhi-wuxing{display:block;font-size:.7rem;color:var(--color-text-muted);margin-top:2px}.fortune-row .fortune-tengod-badge{font-size:.8rem}.fortune-row .shensha-list{display:flex;flex-wrap:wrap;gap:4px}.fortune-row .shensha-badge.clickable{cursor:pointer;transition:transform .1s,box-shadow .1s}.fortune-row .shensha-badge.clickable:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.fortune-row .shensha-more{font-size:.7rem;color:var(--color-text-muted);padding:2px 4px}.fortune-row .no-shensha{color:var(--color-text-muted)}.fortune-detail-row{background:var(--color-background)}.fortune-detail-row td{padding:0}.fortune-detail-content{padding:var(--spacing-md) var(--spacing-lg);border-left:3px solid var(--color-primary);margin:var(--spacing-xs) var(--spacing-md);background:#fff;border-radius:0 var(--radius-md) var(--radius-md) 0}.fortune-detail-content .detail-section{margin-bottom:var(--spacing-md)}.fortune-detail-content .detail-section:last-child{margin-bottom:0}.fortune-detail-content .detail-section h5{font-size:.85rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.fortune-detail-content .detail-section p{font-size:.9rem;line-height:1.6;margin:0}.fortune-detail-content .ganzhi-explanation{display:flex;flex-direction:column;gap:var(--spacing-xs)}.fortune-detail-content .ganzhi-explanation .label{font-weight:600}.fortune-detail-content .ganzhi-explanation .desc{font-size:.85rem;color:var(--color-text-muted)}.fortune-detail-content .shensha-full-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.fortune-detail-content .shensha-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.fortune-detail-content .shensha-item:hover{background:#0000000d}.fortune-detail-content .shensha-item.auspicious{border-left:3px solid #22c55e}.fortune-detail-content .shensha-item.inauspicious{border-left:3px solid #ef4444}.fortune-detail-content .shensha-item .shensha-name{font-weight:600;min-width:80px}.fortune-detail-content .shensha-item .shensha-desc{font-size:.85rem;color:var(--color-text-muted)}.fortune-detail-content .void-notice{background:#fffbeb;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid #fcd34d}.fortune-detail-content .void-notice h5{color:#92400e}.yearly-fortune-section{background:var(--color-background);border-radius:var(--radius-sm);overflow:hidden}.yearly-fortune-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background .2s}.yearly-fortune-header:hover{background:#00000008}.yearly-fortune-header h5{display:flex;align-items:center;gap:var(--spacing-xs);margin:0;color:var(--color-primary)}.yearly-fortune-header .toggle-icon{color:var(--color-muted)}.yearly-fortune-content{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);border-top:1px solid var(--color-border)}.yearly-fortune-desc{font-size:.85rem;color:var(--color-muted);margin-bottom:var(--spacing-md)}.yearly-fortune-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}.yearly-fortune-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:all .2s}.yearly-fortune-item:hover{border-color:var(--color-primary);box-shadow:0 2px 4px #0000001a}.yearly-fortune-item.current-year{border-color:var(--color-primary);background:linear-gradient(135deg,#6366f10d,#6366f11a)}.yearly-fortune-item.current-year:before{content:"今年";position:absolute;top:-8px;right:-8px;background:var(--color-primary);color:#fff;font-size:.65rem;padding:2px 6px;border-radius:8px}.yearly-fortune-item{position:relative}.yearly-fortune-item.void{opacity:.7}.yf-year{font-size:.9rem;font-weight:600;color:var(--color-text)}.yf-age{font-size:.75rem;color:var(--color-muted);margin-bottom:var(--spacing-xs)}.yf-ganzhi{font-size:1.1rem;font-weight:700;display:flex;gap:2px;margin-bottom:var(--spacing-xs)}.yf-tengod{margin-bottom:var(--spacing-xs)}.yf-tengod .ten-god-badge{font-size:.7rem;padding:2px 6px}.yf-shensha{display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.yf-shensha .shensha-badge.small{font-size:.65rem;padding:1px 4px}.fortune-help-modal{max-width:600px}.fortune-detail-modal{max-width:600px;max-height:85vh;overflow-y:auto}.fortune-detail-modal .modal-title{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.fortune-modal-ganzhi{font-size:1.5rem;font-weight:700;display:flex;gap:2px}.fortune-modal-age{font-size:.9rem;font-weight:400;color:var(--color-text-muted)}.fortune-guide-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.fortune-guide-grid .guide-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-background);border-radius:var(--radius-sm)}.fortune-guide-grid .guide-label{font-weight:600;min-width:60px;color:var(--color-primary)}.fortune-guide-grid .guide-desc{font-size:.9rem;color:var(--color-text-muted)}.shensha-detail-modal{max-width:450px}.shensha-detail-modal .modal-title{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.shensha-detail-modal .shensha-type{font-size:.75rem;padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.shensha-detail-modal .shensha-type.auspicious{background:#dcfce7;color:#166534}.shensha-detail-modal .shensha-type.inauspicious{background:#fef2f2;color:#991b1b}.shensha-detail-modal .shensha-reading{font-size:.9rem;font-weight:400;color:var(--color-text-muted)}.shensha-info-section{margin-bottom:var(--spacing-md)}.shensha-info-section:last-child{margin-bottom:0}.shensha-info-section h5{font-size:.85rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.shensha-info-section p{font-size:.9rem;line-height:1.6;margin:0}@media(max-width:640px){.fortune-table{font-size:.8rem}.fortune-table th,.fortune-table td{padding:var(--spacing-xs) var(--spacing-sm)}.fortune-table .col-age{width:70px}.fortune-row .ganzhi-display{font-size:1rem}.fortune-row .ganzhi-wuxing{display:none}.fortune-row .current-badge{display:block;margin-left:0;margin-top:2px}.fortune-detail-content{padding:var(--spacing-sm);margin:var(--spacing-xs)}}.kong-wang-mark{display:inline-block;font-size:.5rem;background:#f59e0b;color:#fff;padding:0 3px;border-radius:2px;margin-left:2px;vertical-align:super}.text-warning{color:#f59e0b}.shensha-badge{font-size:.65rem;padding:2px 6px;border-radius:3px;white-space:nowrap;border:none;background:none}.shensha-badge.auspicious{background:#dcfce7;color:#166534;border:1px solid #86efac}.shensha-badge.inauspicious{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.shensha-section{padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm)}.shensha-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}.shensha-item{padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.shensha-item.auspicious{background:#f0fdf4;border-color:#86efac}.shensha-item.inauspicious{background:#fef2f2;border-color:#fca5a5}.shensha-item-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.shensha-name{font-weight:700;font-size:.9rem}.shensha-location{font-size:.75rem;color:var(--color-text-muted)}.shensha-desc{font-size:.8rem;color:var(--color-text-muted);margin:0}.shensha-note{display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm)}.kong-wang-label{background:#fef3c7;color:#92400e;padding:2px 6px;border-radius:3px;font-size:.8rem}.text-success{color:#16a34a}.text-danger{color:#dc2626}.glossary-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.glossary-item{background:var(--color-card);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .2s}.glossary-item:hover{box-shadow:var(--shadow-md)}.glossary-term{font-size:1.125rem;font-weight:600;display:flex;align-items:baseline;gap:var(--spacing-sm)}.glossary-reading{font-size:.875rem;color:var(--color-text-muted);font-weight:400}.glossary-category{display:inline-block;background:var(--color-primary);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:var(--radius-full);margin-left:var(--spacing-sm)}.glossary-description{margin-top:var(--spacing-sm);color:var(--color-text-muted);font-size:.9rem}.tabs{display:flex;gap:var(--spacing-xs);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg)}.tab{padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;border:none;background:none;font-size:1rem;color:var(--color-text-muted);transition:color .2s;margin-bottom:-2px}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);font-weight:600}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal{background:var(--color-card);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted);line-height:1}.modal-body{padding:var(--spacing-lg)}.floating-chart-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:100}.floating-chart-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.floating-chart-btn:active{transform:scale(.95)}.chart-modal{background:var(--color-card);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative}.chart-modal .modal-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;justify-content:center;align-items:center}.chart-modal .modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:all .2s}.chart-modal .modal-close:hover{background:var(--color-bg);color:var(--color-text)}.chart-modal .modal-body{padding:var(--spacing-md)}.chart-modal .pillar-chart{max-width:100%;gap:var(--spacing-sm)}.chart-modal .pillar-stem,.chart-modal .pillar-branch{overflow:visible;padding:var(--spacing-sm)}.chart-modal .stem-ruby,.chart-modal .branch-ruby{font-size:2.2rem}.chart-modal .stem-ruby rt,.chart-modal .branch-ruby rt{font-size:.35em;white-space:nowrap}.chart-modal .pillar-element-info{justify-content:center}@media(max-width:640px){.floating-chart-btn{bottom:16px;right:16px;width:48px;height:48px}.chart-modal{max-width:95%;max-height:85vh}.chart-modal .modal-body{padding:var(--spacing-xs)}.chart-modal .pillar-chart{grid-template-columns:repeat(4,1fr);gap:2px}.chart-modal .stem-ruby,.chart-modal .branch-ruby{font-size:1.8rem}.chart-modal .stem-ruby rt,.chart-modal .branch-ruby rt{font-size:.32em}.chart-modal .pillar-header{font-size:.75rem;padding:var(--spacing-xs)}.chart-modal .pillar-stem,.chart-modal .pillar-branch{padding:var(--spacing-xs)}.chart-modal .pillar-element-info{gap:2px}.chart-modal .element-badge,.chart-modal .yinyang-badge{font-size:.65rem;padding:1px 4px}}.school-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media(max-width:768px){.school-selector{grid-template-columns:1fr}}.school-option{background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all .2s}.school-option:hover{border-color:var(--color-primary)}.school-option.selected{border-color:var(--color-primary);background:#1e3a5f0d}.school-name{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm)}.school-description{font-size:.875rem;color:var(--color-text-muted)}@media(max-width:640px){.pillar-chart{grid-template-columns:repeat(4,1fr);gap:4px;max-width:100%}.pillar{border-radius:var(--radius-sm)}.pillar-header{padding:4px;font-size:.7rem}.pillar-stem,.pillar-branch{font-size:1.5rem;padding:var(--spacing-xs)}.pillar-stem ruby rt,.pillar-branch ruby rt{font-size:.45rem}.pillar-element-info{gap:2px;margin-top:2px}.element-badge,.yinyang-badge{font-size:.55rem;padding:1px 4px}.ten-god-badge{font-size:.6rem;padding:2px 4px}.ten-god-badge.mt-sm{margin-top:4px}.twelve-stage-badge{margin:4px auto;padding:4px 6px;font-size:.65rem}.hidden-stems{padding:4px;gap:2px}.hidden-stems .text-sm{font-size:.6rem;margin-bottom:2px}.hidden-stem{font-size:.6rem}.hidden-stem .ten-god-badge{font-size:.5rem;padding:1px 3px}.pillar-info{padding:4px;font-size:.55rem}.header-title{font-size:1.25rem}.nav{flex-wrap:wrap;gap:var(--spacing-sm)}}.term-trigger{cursor:pointer;border-bottom:1px dotted var(--color-primary);transition:border-color .2s}.term-trigger:hover{border-bottom-color:var(--color-accent)}.term-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-md);animation:modal-fade-in .2s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.term-modal{background:var(--color-card);border-radius:var(--radius-lg);width:100%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:modal-scale-in .2s ease}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.term-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-background);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.term-modal-title{font-weight:600;font-size:1.125rem}.term-modal-reading{font-weight:400;font-size:.875rem;color:var(--color-text-muted);margin-left:var(--spacing-xs)}.term-modal-close{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:8px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .2s,color .2s}.term-modal-close:hover{background:var(--color-border);color:var(--color-text)}.term-modal-body{padding:var(--spacing-lg)}.term-modal-description{font-size:.9rem;color:var(--color-text);line-height:1.7;margin-top:var(--spacing-sm)}.term-modal-related{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);font-size:.8rem}.term-modal-related-label{color:var(--color-text-muted)}.term-modal-related-term{background:var(--color-background);padding:4px 8px;border-radius:var(--radius-sm);color:var(--color-text)}.term-modal-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);font-size:.85rem;color:var(--color-primary);padding:var(--spacing-sm) 0}.term-modal-link:hover{text-decoration:underline}.clickable-badge{cursor:help;transition:opacity .2s}.clickable-badge:hover{opacity:.8}.guide-toc{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.guide-toc h2{margin-bottom:var(--spacing-lg);font-size:1.25rem}.guide-toc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-sm)}.guide-toc-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.guide-toc-item:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.guide-toc-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.guide-toc-item:hover .guide-toc-number{background:#fff;color:var(--color-primary)}.guide-toc-title{flex:1;font-weight:500}.guide-toc-time{font-size:.75rem;color:var(--color-text-muted);opacity:.7}.guide-toc-item:hover .guide-toc-time{color:#fffc}.guide-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--spacing-lg);overflow:hidden}.guide-section-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);cursor:pointer;transition:background .2s}.guide-section-header:hover{background:var(--color-bg)}.guide-section-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.guide-section-header h2{flex:1;margin:0;font-size:1.1rem}.guide-section-toggle{color:var(--color-text-muted);transition:transform .3s}.guide-section.open .guide-section-toggle{transform:rotate(180deg)}.guide-section-content{padding:0 var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--color-border)}.guide-section-content h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-size:1rem;color:var(--color-primary)}.guide-section-content h4{margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.95rem}.guide-section-content p{margin-bottom:var(--spacing-md);line-height:1.8}.guide-section-content ul,.guide-section-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.guide-section-content li{margin-bottom:var(--spacing-xs);line-height:1.7}.guide-intro-box{background:linear-gradient(135deg,var(--color-primary),#6366f1);color:#fff;padding:var(--spacing-xl);border-radius:var(--radius);margin-bottom:var(--spacing-lg)}.guide-intro-box h3{color:#fff!important;margin-top:0!important}.guide-highlight-box{background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.guide-note-box{background:#e0f2fe;border-left:4px solid #0284c7;padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.guide-key-point{background:#f0fdf4;border:1px solid #22c55e;border-radius:var(--radius);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.guide-key-point strong{color:#16a34a}.guide-tip-box{background:#faf5ff;border:1px solid #a855f7;border-radius:var(--radius);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.guide-calculation-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:var(--radius);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.guide-calculation-box h4{color:#0369a1}.guide-calc-category{background:#ffffffb3;border-radius:var(--radius-sm);padding:var(--spacing-md)}.guide-calc-category strong.text-primary{color:#0369a1}.guide-chart-example{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.guide-chart-title{text-align:center;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-primary)}.guide-chart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);text-align:center}.guide-chart-column{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.guide-chart-label{font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.guide-chart-gan{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.guide-chart-zhi{font-size:1.25rem;font-weight:700;color:#dc2626}.guide-chart-note{font-size:.8rem;color:var(--color-text-muted);text-align:center;margin-top:var(--spacing-md)}.guide-chart-header{text-align:center;font-weight:700;font-size:1rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.guide-chart-stem{font-size:1.5rem;font-weight:700;color:var(--color-primary);padding:var(--spacing-xs) 0}.guide-chart-branch{font-size:1.5rem;font-weight:700;color:#dc2626;padding:var(--spacing-xs) 0}.guide-chart-highlight{position:relative;border:3px solid #ef4444!important;border-radius:var(--radius-sm);background:#fef2f2;padding:var(--spacing-xs) var(--spacing-sm);box-shadow:0 0 0 2px #ef444433}.guide-chart-highlight-label{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;font-size:.65rem;padding:1px 6px;border-radius:3px;white-space:nowrap}.guide-pillars-detail{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin:var(--spacing-lg) 0}.guide-pillar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.guide-pillar-header{padding:var(--spacing-md);text-align:center;font-size:1.25rem;font-weight:700;color:#fff}.guide-pillar-year{background:linear-gradient(135deg,#6366f1,#4f46e5)}.guide-pillar-month{background:linear-gradient(135deg,#f59e0b,#d97706)}.guide-pillar-day{background:linear-gradient(135deg,#ef4444,#dc2626)}.guide-pillar-hour{background:linear-gradient(135deg,#10b981,#059669)}.guide-pillar-body{padding:var(--spacing-md)}.guide-pillar-section{margin-bottom:var(--spacing-md)}.guide-pillar-section h5{font-size:.85rem;font-weight:700;color:var(--color-text-muted);margin-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs)}.guide-pillar-section p{font-size:.9rem;margin:0}.guide-pillar-section ul{margin:0;padding-left:var(--spacing-lg);font-size:.85rem}.guide-pillar-section li{margin-bottom:2px}.guide-pillar-note{font-size:.8rem;color:var(--color-text-muted);padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm);text-align:center}.guide-pillar-important{background:#fef3c7;color:#92400e;font-weight:500}@media(max-width:900px){.guide-pillars-detail{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.guide-pillars-detail{grid-template-columns:1fr}}.guide-stems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.guide-stems-grid-2col{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.guide-stem-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.guide-stem-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-md);text-align:left}.guide-stem-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.guide-stem-char{font-size:1.5rem;font-weight:700}.guide-stem-reading{font-size:.8rem;color:var(--color-text-muted)}.guide-stem-element{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;margin-bottom:var(--spacing-xs)}.guide-stem-element.wood{background:#dcfce7;color:#166534}.guide-stem-element.fire{background:#fee2e2;color:#991b1b}.guide-stem-element.earth{background:#fef3c7;color:#92400e}.guide-stem-element.metal{background:#f3f4f6;color:#374151}.guide-stem-element.water{background:#dbeafe;color:#1e40af}.guide-stem-yinyang{font-size:.8rem;color:var(--color-text-muted)}.guide-stem-desc{font-size:.85rem;margin-top:var(--spacing-sm);line-height:1.5}.guide-branches-table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0;font-size:.9rem}.guide-branches-table th,.guide-branches-table td{border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.guide-branches-table th{background:var(--color-bg);font-weight:700}.guide-branches-table td:first-child{font-weight:700;font-size:1.1rem}.guide-zoukan-explanation{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg)}.guide-zoukan-rule{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.guide-zoukan-rule:last-child{border-bottom:none;padding-bottom:0}.guide-zoukan-rule h5{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.guide-branch-water{background:#3b82f60d}.guide-branch-wood{background:#22c55e0d}.guide-branch-fire{background:#ef44440d}.guide-branch-earth{background:#f59e0b0d}.guide-branch-metal{background:#9ca3af0d}.guide-branches-circle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg)}.branches-diagram-container{display:flex;justify-content:center;align-items:center;max-width:400px;margin:0 auto}.branches-circle-svg{width:100%;height:auto}.branches-circle-diagram{max-width:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.branches-circle-diagram .branches-svg{width:100%;height:auto;display:block}.branches-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md) var(--spacing-lg)}.legend-line{width:24px;height:3px;border-radius:2px}.legend-sanpou-wood{background:var(--color-wood);border:1px dashed var(--color-wood)}.legend-sanpou-fire{background:var(--color-fire);border:1px dashed var(--color-fire)}.legend-sanpou-metal{background:var(--color-metal);border:1px dashed var(--color-metal)}.legend-sanpou-water{background:var(--color-water);border:1px dashed var(--color-water)}.legend-chu{background:var(--color-danger);opacity:.5}.guide-sanpou-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-md)}.guide-sanpou-card h5{margin-bottom:var(--spacing-xs)}.guide-rokugou-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}.rokugou-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;text-align:center}.guide-chu-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}.chu-item{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;text-align:center}.guide-gai-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-sm)}.gai-item{background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius);padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;text-align:center}.guide-kei-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-md)}.kei-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.kei-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm)}.kei-name{font-weight:700;color:var(--color-primary)}.kei-branches{font-size:1.1rem}.kei-self-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.kei-self{background:var(--color-bg);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.9rem}.guide-elements-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md);margin:var(--spacing-lg) 0}.guide-element-card{text-align:center;padding:var(--spacing-lg);border-radius:var(--radius)}.guide-element-card.wood{background:linear-gradient(135deg,#86efac,#22c55e);color:#fff}.guide-element-card.fire{background:linear-gradient(135deg,#fca5a5,#ef4444);color:#fff}.guide-element-card.earth{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#fff}.guide-element-card.metal{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:#1f2937}.guide-element-card.water{background:linear-gradient(135deg,#93c5fd,#3b82f6);color:#fff}.guide-element-name{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.guide-element-reading{font-size:.85rem;opacity:.9}.guide-cycle-diagram{display:flex;justify-content:center;gap:var(--spacing-xl);margin:var(--spacing-xl) 0;flex-wrap:wrap}.guide-cycle{text-align:center;padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:200px}.guide-cycle-title{font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-primary)}.guide-cycle-flow{font-size:.9rem;line-height:2}.guide-gods-table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0;font-size:.85rem}.guide-gods-table th,.guide-gods-table td{border:1px solid var(--color-border);padding:var(--spacing-sm);text-align:left}.guide-gods-table th{background:var(--color-bg);font-weight:700;text-align:center}.guide-gods-table td:first-child{font-weight:700;text-align:center;white-space:nowrap}.guide-gods-detail{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.guide-gods-detail h4{color:var(--color-primary);margin-top:0}.guide-gods-logic{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg)}.guide-gods-logic-section{margin-bottom:var(--spacing-md)}.guide-gods-logic-grid{display:grid;gap:var(--spacing-sm)}.guide-gods-logic-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-sm)}.guide-gods-logic-label{font-weight:700;min-width:100px;color:var(--color-primary)}.guide-gods-logic-arrow{color:var(--color-text-muted)}.guide-gods-logic-meaning{flex:1}.guide-yinyang-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.guide-yinyang-box{padding:var(--spacing-md);border-radius:var(--radius)}.guide-yinyang-box h5{margin:0 0 var(--spacing-sm) 0;font-weight:700}.guide-yinyang-same{background:#fef2f2;border:1px solid #fecaca}.guide-yinyang-same h5{color:#dc2626}.guide-yinyang-diff{background:#f0fdf4;border:1px solid #bbf7d0}.guide-yinyang-diff h5{color:#16a34a}.guide-gods-memory ul{margin:0;padding-left:var(--spacing-lg)}.guide-gods-memory li{margin-bottom:var(--spacing-xs)}.guide-god-group{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.guide-god-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.guide-god-group-title{font-size:1rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-primary)}.guide-god-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.guide-god-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-md)}.guide-god-card h5{margin:0 0 var(--spacing-xs) 0;font-size:1rem;font-weight:700}.guide-god-keywords{font-size:.8rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}@media(max-width:768px){.guide-yinyang-comparison,.guide-god-cards{grid-template-columns:1fr}.guide-gods-logic-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.guide-gods-logic-arrow{display:none}}.guide-steps{counter-reset:step-counter;margin:var(--spacing-lg) 0}.guide-step{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.guide-step:before{counter-increment:step-counter;content:counter(step-counter);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.guide-step-content{flex:1}.guide-step-content h4{margin:0 0 var(--spacing-sm) 0}.guide-step-content p{margin:0}.guide-toukan-example{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg)}.guide-toukan-grid{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center}.guide-toukan-branch{text-align:center;padding:var(--spacing-md);background:#fef3c7;border:2px solid #f59e0b;border-radius:var(--radius)}.guide-toukan-branch-label{font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.guide-toukan-branch-char{font-size:2rem;font-weight:700;color:#92400e}.guide-toukan-branch-zoukan{font-size:.85rem;margin-top:var(--spacing-sm)}.guide-toukan-arrow{font-size:1.5rem;color:var(--color-primary)}.guide-toukan-stems{text-align:center}.guide-toukan-stems-label{font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.guide-toukan-stems-grid{display:flex;gap:var(--spacing-sm);justify-content:center}.guide-toukan-stem{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.guide-toukan-match{background:#dcfce7;border-color:#22c55e;color:#166534}.guide-toukan-result{margin-top:var(--spacing-sm);font-size:.85rem;color:#16a34a}.guide-kakkyoku-target{border:2px solid #f59e0b!important;background:#fffbeb}.guide-kakkyoku-list{display:grid;gap:var(--spacing-sm)}.guide-kakkyoku-row{display:grid;grid-template-columns:140px 1fr;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.guide-kakkyoku-name{font-weight:700;color:var(--color-primary)}.guide-kakkyoku-desc{font-size:.9rem;color:var(--color-text-muted)}.guide-step-vertical-title{display:flex;flex-direction:row;gap:var(--spacing-sm);padding:var(--spacing-sm)}.guide-step-vertical-title:before{display:none}.guide-vertical-title{writing-mode:vertical-rl;text-orientation:mixed;font-size:.9rem;font-weight:700;color:var(--color-primary);margin:0;padding:var(--spacing-xs);background:linear-gradient(180deg,var(--color-primary),#6366f1);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.guide-step-body{flex:1;min-width:0}.guide-step-body>.guide-cycle-visual-vertical:first-child{display:inline-flex}.guide-cycle-visual-vertical{display:inline-flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);vertical-align:top;margin-right:var(--spacing-md)}.guide-cycle-visual-vertical .guide-cycle-arrow{font-size:.9rem;line-height:1}.guide-cycle-visual-vertical .guide-cycle-stage{min-width:50px;text-align:center}@media(max-width:600px){.guide-kakkyoku-row{grid-template-columns:1fr}.guide-toukan-grid{flex-direction:column}.guide-toukan-arrow{transform:rotate(90deg)}}.guide-reading-steps{display:grid;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.guide-reading-step{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border-left:4px solid var(--color-primary);border-radius:0 var(--radius) var(--radius) 0}.guide-reading-step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-primary);color:#fff;border-radius:50%;font-weight:700;font-size:.85rem;flex-shrink:0}.guide-reading-step-content h4{margin:0 0 var(--spacing-xs) 0;font-size:.95rem}.guide-reading-step-content p{margin:0;font-size:.9rem;color:var(--color-text-muted)}.guide-practice-box{background:linear-gradient(135deg,#fef3c7,#fcd34d);border:2px solid #f59e0b;border-radius:var(--radius);padding:var(--spacing-xl);margin:var(--spacing-lg) 0;text-align:center}.guide-practice-box h4{color:#92400e;margin-top:0}.guide-practice-links{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg);flex-wrap:wrap}.guide-practice-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:#fff;color:var(--color-primary);border-radius:var(--radius);font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 2px 4px #0000001a}.guide-practice-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.guide-controls{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md)}.guide-expand-all{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;color:var(--color-text-muted);transition:all .2s}.guide-expand-all:hover{background:var(--color-bg);color:var(--color-text)}.guide-cycle-visual{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);justify-content:center}.guide-cycle-stage{padding:6px 12px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem}.guide-cycle-strong{background:#fef2f2;color:#e74c3c;border:1px solid #e74c3c}.guide-cycle-medium{background:#fffbeb;color:#f39c12;border:1px solid #f39c12}.guide-cycle-weak{background:#f5f5f5;color:#95a5a6;border:1px solid #95a5a6}.guide-cycle-arrow{color:var(--color-text-muted);font-weight:700}.guide-twelve-stages-table{overflow-x:auto;margin:var(--spacing-md) 0;-webkit-overflow-scrolling:touch}.guide-twelve-stages-table table{width:100%;min-width:500px;border-collapse:collapse;font-size:.9rem}.guide-twelve-stages-table th,.guide-twelve-stages-table td{padding:var(--spacing-sm);border:1px solid var(--color-border);text-align:left}.guide-twelve-stages-table th{background:var(--color-primary);color:#fff;font-weight:600}.guide-stage-strong{background:#fef2f2}.guide-stage-medium{background:#fffbeb}.guide-stage-weak{background:#f5f5f5}.stage-energy{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-weight:600;font-size:.75rem;color:#fff}.stage-energy.strong{background:#e74c3c}.stage-energy.medium{background:#f39c12}.stage-energy.weak{background:#95a5a6}.guide-changsheng-table{overflow-x:auto;margin:var(--spacing-md) 0}.guide-changsheng-table table{width:100%;border-collapse:collapse;background:#fff}.guide-changsheng-table th,.guide-changsheng-table td{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);text-align:left}.guide-changsheng-table th{background:#0369a1;color:#fff;font-weight:600}.guide-changsheng-table tr:nth-child(2n){background:#f8fafc}.guide-stages-pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin:var(--spacing-md) 0}.guide-pillar-meaning{padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius);border-left:4px solid var(--color-primary)}.guide-pillar-meaning h5{margin:0 0 var(--spacing-xs) 0;color:var(--color-primary)}.guide-pillar-meaning p{margin:0;font-size:.9rem}.guide-tips-box{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:#f0fdf4;border:1px solid #86efac;border-radius:var(--radius)}.guide-tip{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:.9rem}.guide-tip svg{flex-shrink:0;margin-top:2px;color:#22c55e}@media(max-width:768px){.guide-toc-list,.guide-stages-pillars{grid-template-columns:1fr}.guide-cycle-visual{gap:4px}.guide-cycle-stage{padding:4px 8px;font-size:.75rem}.guide-cycle-arrow{font-size:.75rem}.guide-elements-grid{grid-template-columns:repeat(3,1fr)}.guide-stems-grid,.guide-chart-grid{grid-template-columns:repeat(2,1fr)}.guide-branches-table{font-size:.8rem}.guide-branches-table th,.guide-branches-table td{padding:var(--spacing-xs)}.guide-cycle-diagram{flex-direction:column;align-items:center}.guide-practice-links{flex-direction:column}.guide-section{margin-bottom:var(--spacing-sm)}.guide-section-header{padding:var(--spacing-sm);gap:var(--spacing-sm)}.guide-section-header h2{font-size:1rem}.guide-section-number{width:24px;height:24px;font-size:.75rem}.guide-section-content{padding:0 var(--spacing-sm) var(--spacing-md)}.guide-section-content ul,.guide-section-content ol{padding-left:var(--spacing-md)}.guide-step{padding:var(--spacing-sm);gap:var(--spacing-sm)}.guide-step:before{width:24px;height:24px;font-size:.8rem}.guide-reading-step{padding:var(--spacing-sm);gap:var(--spacing-sm)}.guide-reading-step-number{width:22px;height:22px;font-size:.75rem}.guide-twelve-stages-table{margin-left:0;margin-right:0;width:100%}.guide-intro-box,.guide-highlight-box,.guide-note-box,.guide-key-point,.guide-tip-box,.guide-calculation-box,.guide-chart-example,.guide-toukan-example,.guide-pillar-meaning,.guide-tips-box,.guide-your-chart,.guide-your-daymaster,.guide-your-tengods,.guide-your-stages,.guide-your-strength{padding:var(--spacing-sm)}}.chart-reading{margin-top:var(--spacing-xl)}.birth-hour-unknown-notice{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);color:#92400e}.birth-hour-unknown-notice svg{flex-shrink:0;margin-top:2px}.birth-hour-unknown-notice strong{display:block;margin-bottom:var(--spacing-xs)}.birth-hour-unknown-notice p{font-size:.9rem;margin:0;line-height:1.5}.reading-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--spacing-md);overflow:hidden}.reading-section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;cursor:pointer;text-align:left;transition:background .2s}.reading-section-header:hover{background:var(--color-bg)}.reading-section-content{padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.reading-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:var(--radius);padding:var(--spacing-lg)}.reading-paragraph{margin-bottom:var(--spacing-md);line-height:1.8}.reading-paragraph:last-child{margin-bottom:0}.reading-day-master{display:flex;gap:var(--spacing-xl);align-items:flex-start}.day-master-symbol{text-align:center;padding:var(--spacing-lg);background:var(--color-bg);border-radius:var(--radius);min-width:100px}.day-master-symbol span:first-child{font-size:3rem;font-weight:700;display:block}.day-master-label{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.day-master-info{flex:1}.day-master-badges{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.element-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500}.element-wood{background:#dcfce7;color:#166534}.element-fire{background:#fee2e2;color:#991b1b}.element-earth{background:#fef3c7;color:#92400e}.element-metal{background:#f3f4f6;color:#374151}.element-water{background:#dbeafe;color:#1e40af}.yinyang-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:.85rem}.yinyang-badge.yang{background:#fef3c7;color:#92400e}.yinyang-badge.yin{background:#e0e7ff;color:#3730a3}.day-master-desc{line-height:1.8;color:var(--color-text-muted)}.strength-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700}.strength-strong{background:#fee2e2;color:#dc2626}.strength-weak{background:#dbeafe;color:#2563eb}.strength-neutral{background:#f3f4f6;color:#6b7280}.strength-meter{margin-bottom:var(--spacing-lg)}.strength-meter-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.strength-meter-bar{height:12px;background:linear-gradient(to right,#3b82f6,#9ca3af,#ef4444);border-radius:6px;position:relative}.strength-meter-indicator{position:absolute;top:-4px;width:20px;height:20px;background:#fff;border:3px solid var(--color-primary);border-radius:50%;transform:translate(-50%);box-shadow:0 2px 4px #0003}.strength-score{text-align:center;margin-top:var(--spacing-sm);font-size:.85rem;color:var(--color-text-muted)}.strength-factors{background:var(--color-bg);border-radius:var(--radius);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.factor-grid{display:grid;gap:var(--spacing-sm)}.factor-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.factor-label{font-size:.9rem}.factor-value{font-size:.85rem;font-weight:500}.factor-value.positive{color:#16a34a}.factor-value.negative{color:#dc2626}.factor-value.neutral{color:#6b7280}.strength-description{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:#eff6ff;border-radius:var(--radius);color:#1e40af}.strength-description p{margin:0;font-size:.9rem}.pattern-badge{background:var(--color-primary);color:#fff;padding:2px 10px;border-radius:var(--radius-sm);font-size:.8rem}.pattern-info{padding:var(--spacing-md)}.pattern-main{margin-bottom:var(--spacing-md)}.pattern-name{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.pattern-tengod{font-size:.9rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.pattern-desc{line-height:1.8;margin-bottom:var(--spacing-md)}.pattern-transparent{background:var(--color-bg);border-radius:var(--radius);padding:var(--spacing-md)}.transparent-stems{display:flex;gap:var(--spacing-sm)}.transparent-stem{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:1.25rem;font-weight:700;border-radius:var(--radius-sm)}.useful-god-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.useful-god-card{text-align:center;padding:var(--spacing-lg);border-radius:var(--radius)}.useful-god-main{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.useful-god-favorable{background:#f0fdf4;border:1px solid #86efac}.useful-god-unfavorable{background:#fef2f2;border:1px solid #fca5a5}.useful-god-label{font-size:.8rem;font-weight:700;margin-bottom:var(--spacing-sm)}.useful-god-main .useful-god-label{color:#92400e}.useful-god-favorable .useful-god-label{color:#16a34a}.useful-god-unfavorable .useful-god-label{color:#dc2626}.useful-god-element{font-size:2rem;font-weight:700;padding:var(--spacing-sm);border-radius:var(--radius-sm);display:inline-block;min-width:60px}.useful-god-note{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--spacing-sm)}.useful-god-description{padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius);margin-bottom:var(--spacing-md)}.useful-god-description p{margin:0;line-height:1.8}.useful-god-advice{padding:var(--spacing-md);background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius)}.useful-god-advice ul{margin:0;padding-left:var(--spacing-lg)}.useful-god-advice li{margin-bottom:var(--spacing-xs)}.tengod-stats{margin-bottom:var(--spacing-lg)}.tengod-chart{display:grid;gap:var(--spacing-xs)}.tengod-bar-row{display:flex;align-items:center;gap:var(--spacing-sm)}.tengod-name{width:60px;font-size:.85rem;text-align:right}.tengod-bar-container{flex:1;height:20px;background:var(--color-bg);border-radius:var(--radius-sm);overflow:hidden}.tengod-bar{height:100%;background:var(--color-border);border-radius:var(--radius-sm);transition:width .3s}.tengod-bar.active{background:var(--color-primary)}.tengod-count{width:20px;font-size:.85rem;color:var(--color-text-muted)}.tengod-dominant,.tengod-missing{padding:var(--spacing-md);border-radius:var(--radius);margin-top:var(--spacing-md)}.tengod-dominant{background:#f0fdf4;border:1px solid #86efac}.tengod-missing{background:#fef2f2;border:1px solid #fca5a5}.tengod-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tengod-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem}.tengod-badge.dominant{background:#22c55e;color:#fff}.tengod-badge.missing{background:#f87171;color:#fff}.tengod-explanation{background:linear-gradient(135deg,#faf5ff,#f3e8ff);padding:var(--spacing-lg);border-radius:var(--radius)}.tengod-groups{display:grid;gap:var(--spacing-md);margin-top:var(--spacing-md)}.tengod-group{background:#fff;border-radius:var(--radius);padding:var(--spacing-md);border-left:4px solid var(--color-primary)}.tengod-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-xs)}.tengod-group-theme{font-size:.8rem;color:var(--color-text-muted);background:var(--color-bg);padding:2px 8px;border-radius:var(--radius-full)}.tengod-group-items{display:grid;gap:var(--spacing-sm)}.tengod-detail-item{display:grid;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm)}.tengod-detail-name{font-weight:600;color:var(--color-primary);font-size:.9rem}.tengod-detail-desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.tengod-dominant-interpretation,.tengod-missing-interpretation{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffffb3;border-radius:var(--radius-sm)}.tengod-balance-summary{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:var(--radius);border:1px solid #86efac}.balance-interpretation{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-sm)}.twelve-stages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.twelve-stage-card{text-align:center;padding:var(--spacing-md);border-radius:var(--radius);border:2px solid}.twelve-stage-card.energy-strong{border-color:#e74c3c;background:linear-gradient(to bottom,#fef2f2,#fff)}.twelve-stage-card.energy-medium{border-color:#f39c12;background:linear-gradient(to bottom,#fffbeb,#fff)}.twelve-stage-card.energy-weak{border-color:#95a5a6;background:linear-gradient(to bottom,#f5f5f5,#fff)}.twelve-stage-pillar{font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.twelve-stage-name-large{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.twelve-stage-card.energy-strong .twelve-stage-name-large{color:#e74c3c}.twelve-stage-card.energy-medium .twelve-stage-name-large{color:#f39c12}.twelve-stage-card.energy-weak .twelve-stage-name-large{color:#95a5a6}.twelve-stage-keywords{font-size:.7rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.twelve-stage-energy{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;color:#fff}.twelve-stage-energy.energy-strong{background:#e74c3c}.twelve-stage-energy.energy-medium{background:#f39c12}.twelve-stage-energy.energy-weak{background:#95a5a6}.twelve-stages-cycle{background:var(--color-bg);padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-md)}.cycle-visual{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.cycle-stage{padding:4px 8px;border-radius:var(--radius-sm);font-size:.8rem;background:#e5e7eb;color:#6b7280}.cycle-stage.active{background:var(--color-primary);color:#fff;font-weight:600}.twelve-stages-interpretation{background:#f0f9ff;border:1px solid #bae6fd;padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-md)}.twelve-stages-legend{background:var(--color-bg);padding:var(--spacing-md);border-radius:var(--radius)}.legend-items{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.legend-color{width:16px;height:16px;border-radius:4px}.legend-color.energy-strong{background:#e74c3c}.legend-color.energy-medium{background:#f39c12}.legend-color.energy-weak{background:#95a5a6}.energy-explanation{display:grid;gap:var(--spacing-md);margin-top:var(--spacing-md)}.energy-item{padding:var(--spacing-md);border-radius:var(--radius);border-left:4px solid}.energy-strong-box{background:#fef2f2;border-left-color:#e74c3c}.energy-medium-box{background:#fffbeb;border-left-color:#f39c12}.energy-weak-box{background:#f8fafc;border-left-color:#95a5a6}.energy-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.energy-traits{margin:var(--spacing-sm) 0 0 var(--spacing-md);padding-left:var(--spacing-md);font-size:.85rem}.energy-traits li{margin-bottom:var(--spacing-xs)}.energy-pillar-meaning{background:var(--color-bg);padding:var(--spacing-md);border-radius:var(--radius)}.pillar-meanings{display:grid;gap:var(--spacing-sm)}.pillar-meaning-item{display:flex;justify-content:space-between;padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-sm);font-size:.9rem}.pillar-meaning-item strong{color:var(--color-primary)}.pillar-meaning-item span{color:var(--color-text-muted)}.god-explanation{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:var(--spacing-lg);border-radius:var(--radius)}.god-concept-grid{display:grid;gap:var(--spacing-md);margin-top:var(--spacing-md)}.god-concept-item{padding:var(--spacing-md);background:#fff;border-radius:var(--radius);border-left:4px solid}.god-useful{border-left-color:#22c55e}.god-favorable{border-left-color:#3b82f6}.god-unfavorable{border-left-color:#ef4444}.god-concept-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.god-icon{font-size:1.2rem}.god-reasoning{background:var(--color-bg);padding:var(--spacing-md);border-radius:var(--radius)}.reasoning-box{background:#fff;padding:var(--spacing-md);border-radius:var(--radius);border:1px solid var(--color-border)}.god-practical-advice{background:linear-gradient(135deg,#fefce8,#fef9c3);padding:var(--spacing-md);border-radius:var(--radius);margin-top:var(--spacing-md)}.advice-grid{display:grid;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.advice-item{background:#fff;padding:var(--spacing-md);border-radius:var(--radius)}.advice-item strong{display:block;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.fortune-guide{display:grid;gap:var(--spacing-md)}.fortune-guide-item{padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius)}.fortune-guide-item h5{margin:0 0 var(--spacing-sm) 0;color:var(--color-primary)}.fortune-tips{margin:var(--spacing-sm) 0 0 0;padding-left:var(--spacing-lg);font-size:.9rem}.fortune-tips li{margin-bottom:var(--spacing-xs)}@media(max-width:768px){.reading-day-master{flex-direction:column;align-items:center;text-align:center}.useful-god-grid{grid-template-columns:1fr}.tengod-name{width:50px;font-size:.75rem}.twelve-stages-grid{grid-template-columns:repeat(2,1fr)}.twelve-stage-name-large{font-size:1.2rem}}.guide-ai-notice{display:flex;align-items:center;gap:var(--spacing-sm);background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--radius);padding:var(--spacing-md);color:#b91c1c;font-size:.9rem}.guide-ai-notice p{margin:0}.guide-personalized-notice{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:2px solid #f59e0b;border-radius:var(--radius-lg);padding:var(--spacing-lg)}.guide-personalized-header{display:flex;align-items:center;gap:var(--spacing-sm);color:#92400e;margin-bottom:var(--spacing-sm)}.guide-personalized-header strong{font-size:1rem}.guide-personalized-chart{margin-top:var(--spacing-md)}.guide-mini-chart{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.guide-mini-pillar{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-sm);padding:var(--spacing-sm);min-width:50px}.guide-mini-pillar.guide-mini-day{background:#fef2f2;border-color:#fca5a5}.guide-mini-label{font-size:.7rem;color:var(--color-text-muted);margin-bottom:2px}.guide-mini-stem{font-size:1.1rem;font-weight:700;color:var(--color-primary)}.guide-mini-branch{font-size:1.1rem;font-weight:700;color:#b45309}.guide-calculation-section{margin:var(--spacing-lg) 0}.guide-calculation-intro{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:var(--radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.guide-calculation-intro h4{margin:0 0 var(--spacing-sm) 0;color:#0369a1}.guide-calculation-intro p{margin:0;color:#0c4a6e}.guide-calculation-pillars{display:grid;gap:var(--spacing-lg)}.guide-calculation-pillar{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.guide-calculation-pillar-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);font-weight:700;color:#fff}.guide-calculation-pillar-header.year{background:linear-gradient(135deg,#6366f1,#4f46e5)}.guide-calculation-pillar-header.month{background:linear-gradient(135deg,#f59e0b,#d97706)}.guide-calculation-pillar-header.day{background:linear-gradient(135deg,#ef4444,#dc2626)}.guide-calculation-pillar-header.hour{background:linear-gradient(135deg,#10b981,#059669)}.guide-calculation-pillar-body{padding:var(--spacing-lg)}.guide-calculation-pillar-body h4{margin:0 0 var(--spacing-sm) 0;color:var(--color-primary);font-size:.95rem}.guide-calculation-pillar-body p{margin:0 0 var(--spacing-md) 0;line-height:1.7;color:var(--color-text-muted)}.guide-calculation-pillar-body p:last-child{margin-bottom:0}.guide-user-pillar{background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius-sm);padding:var(--spacing-md);margin-top:var(--spacing-md)}.guide-user-pillar strong{color:#92400e}.guide-sekki-table{overflow-x:auto;margin:var(--spacing-md) 0}.guide-sekki-table table{width:100%;border-collapse:collapse;font-size:.85rem}.guide-sekki-table th,.guide-sekki-table td{padding:var(--spacing-sm);border:1px solid var(--color-border);text-align:center}.guide-sekki-table th{background:var(--color-primary);color:#fff;font-weight:600}.guide-sekki-table tr:nth-child(2n){background:var(--color-surface)}.guide-hour-table{overflow-x:auto;margin:var(--spacing-md) 0}.guide-hour-table table{width:100%;border-collapse:collapse;font-size:.85rem}.guide-hour-table th,.guide-hour-table td{padding:var(--spacing-sm);border:1px solid var(--color-border);text-align:center}.guide-hour-table th{background:#10b981;color:#fff;font-weight:600}.guide-hour-table tr:nth-child(2n){background:#ecfdf5}@media(max-width:768px){.guide-mini-chart{gap:var(--spacing-xs)}.guide-mini-pillar{min-width:45px;padding:var(--spacing-xs)}.guide-mini-stem,.guide-mini-branch{font-size:.95rem}.guide-sekki-table,.guide-hour-table{font-size:.75rem}.guide-sekki-table th,.guide-sekki-table td,.guide-hour-table th,.guide-hour-table td{padding:var(--spacing-xs)}}.guide-your-chart{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:2px solid #f59e0b;border-radius:var(--radius-lg);padding:var(--spacing-lg)}.guide-your-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.guide-your-pillar{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-md);text-align:center}.guide-your-pillar.highlight{border:2px solid #ef4444;background:#fef2f2}.guide-your-pillar-header{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:700;color:#fff;margin-bottom:var(--spacing-sm)}.guide-your-pillar-header.year{background:linear-gradient(135deg,#6366f1,#4f46e5)}.guide-your-pillar-header.month{background:linear-gradient(135deg,#f59e0b,#d97706)}.guide-your-pillar-header.day{background:linear-gradient(135deg,#ef4444,#dc2626)}.guide-your-pillar-header.hour{background:linear-gradient(135deg,#10b981,#059669)}.guide-your-pillar-chars{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:var(--spacing-sm)}.guide-your-gan{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.guide-your-zhi{font-size:1.5rem;font-weight:700;color:#b45309}.guide-your-pillar-desc{font-size:.85rem;color:var(--color-text-muted);text-align:left;line-height:1.6}.guide-your-daymaster{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:2px solid #f59e0b;border-radius:var(--radius-lg);padding:var(--spacing-lg)}.guide-your-daymaster-box{display:flex;gap:var(--spacing-lg);align-items:flex-start;background:#fff;border-radius:var(--radius);padding:var(--spacing-lg)}.guide-your-daymaster-char{font-size:4rem;font-weight:700;color:var(--color-primary);background:var(--color-surface);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius);min-width:100px;text-align:center}.guide-your-daymaster-info{flex:1}.guide-your-daymaster-meta{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.guide-your-daymaster-desc{line-height:1.8;color:var(--color-text-muted)}.guide-your-tengods{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:2px solid #f59e0b;border-radius:var(--radius-lg);padding:var(--spacing-lg)}.guide-your-tengods-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.guide-your-tengod-pillar{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.guide-your-tengod-pillar.highlight{border:2px solid #ef4444}.guide-your-tengod-pillar-header{background:var(--color-primary);color:#fff;padding:var(--spacing-xs);text-align:center;font-weight:700;font-size:.85rem}.guide-your-tengod-pillar.highlight .guide-your-tengod-pillar-header{background:#ef4444}.guide-your-tengod-pillar-body{padding:var(--spacing-sm)}.guide-your-tengod-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border)}.guide-your-tengod-row:last-child{border-bottom:none}.guide-your-tengod-char{font-weight:700;font-size:1.1rem}.guide-your-tengod-name{font-size:.8rem;color:var(--color-text-muted)}.guide-your-stages{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:2px solid #f59e0b;border-radius:var(--radius-lg);padding:var(--spacing-lg)}.guide-your-stages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.guide-your-stage-pillar{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.guide-your-stage-pillar.highlight{border:2px solid #ef4444}.guide-your-stage-pillar-header{background:var(--color-primary);color:#fff;padding:var(--spacing-xs);text-align:center;font-weight:700;font-size:.85rem}.guide-your-stage-pillar.highlight .guide-your-stage-pillar-header{background:#ef4444}.guide-your-stage-pillar-body{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm)}.guide-your-stage-name{font-size:1.1rem;font-weight:700}.guide-your-stage-name.strong{color:#e74c3c}.guide-your-stage-name.medium{color:#f39c12}.guide-your-stage-name.weak{color:#95a5a6}.guide-your-stage-energy{font-size:.75rem;padding:2px 8px;border-radius:var(--radius-sm);color:#fff}.guide-your-stage-energy.strong{background:#e74c3c}.guide-your-stage-energy.medium{background:#f39c12}.guide-your-stage-energy.weak{background:#95a5a6}.guide-your-stage-desc{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.guide-your-strength{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:2px solid #f59e0b;border-radius:var(--radius-lg);padding:var(--spacing-lg)}.guide-your-strength-box{background:#fff;border-radius:var(--radius);padding:var(--spacing-lg)}.guide-your-strength-box.strong{border-left:4px solid #e74c3c}.guide-your-strength-box.weak{border-left:4px solid #3b82f6}.guide-your-strength-box.neutral{border-left:4px solid #6b7280}.guide-your-strength-result{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.guide-your-strength-label{font-size:.85rem;color:var(--color-text-muted)}.guide-your-strength-type{font-size:1.5rem;font-weight:700}.guide-your-strength-type.strong{color:#e74c3c}.guide-your-strength-type.weak{color:#3b82f6}.guide-your-strength-type.neutral{color:#6b7280}.guide-your-strength-score{font-size:.85rem;color:var(--color-text-muted);background:var(--color-surface);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.guide-your-strength-desc{line-height:1.8;color:var(--color-text-muted)}.guide-your-strength-desc p{margin:0}@media(max-width:768px){.guide-your-pillars,.guide-your-tengods-grid,.guide-your-stages-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.guide-your-daymaster-box{flex-direction:column;align-items:center;text-align:center}.guide-your-daymaster-char{font-size:3rem}.guide-your-strength-result{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.guide-your-stage-card{padding:var(--spacing-xs)}.guide-your-stage-card h5{font-size:.85rem;margin-bottom:var(--spacing-xs)}.guide-your-stage-card p{font-size:.8rem}.guide-your-tengod-card,.guide-your-pillar{padding:var(--spacing-xs)}}.guide-shensha-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.guide-shensha-card{background:var(--color-card);border-radius:var(--radius-md);padding:var(--spacing-md);border-left:4px solid var(--color-border);box-shadow:var(--shadow-sm)}.guide-shensha-card.auspicious{border-left-color:#16a34a;background:linear-gradient(135deg,#f0fdf4,#fff)}.guide-shensha-card.inauspicious{border-left-color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fff)}.guide-shensha-card.special{border-left-color:#9333ea;background:linear-gradient(135deg,#faf5ff,#fff)}.guide-shensha-card h4{color:var(--color-primary);margin-bottom:var(--spacing-xs)}.guide-shensha-card.auspicious h4{color:#15803d}.guide-shensha-card.inauspicious h4{color:#b91c1c}.guide-shensha-card.special h4{color:#7e22ce}@media(max-width:640px){.guide-shensha-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.guide-shensha-card{padding:var(--spacing-sm)}.guide-shensha-card h4{font-size:.95rem}}.guide-sixty-jiazi-demo{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-sm)}.guide-sixty-row{display:flex;gap:var(--spacing-xs);align-items:center;margin-bottom:var(--spacing-xs);flex-wrap:wrap}.guide-sixty-row span{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#fff;border-radius:var(--radius-sm);font-weight:500;border:1px solid var(--color-border)}.guide-sixty-row span.text-xs{width:auto;background:transparent;border:none;padding-right:var(--spacing-xs)}.guide-sixty-result{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-primary-light);border-radius:var(--radius-sm);font-size:.9rem}.guide-sixty-remaining{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#fef3c7;border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;text-align:center}.guide-kubo-table{overflow-x:auto}.kubo-table{width:100%;border-collapse:collapse;font-size:.9rem}.kubo-table th,.kubo-table td{padding:var(--spacing-sm);border:1px solid var(--color-border);text-align:left}.kubo-table th{background:var(--color-background);font-weight:600}.kubo-table tbody tr:hover{background:var(--color-background)}.kubo-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 var(--spacing-xs);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;margin-right:var(--spacing-xs)}.kubo-badge.large{min-width:2.5rem;height:2.5rem;font-size:1.1rem;margin-right:var(--spacing-sm)}.guide-user-kubo-analysis{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md)}.guide-user-kubo-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.guide-user-kubo-step:last-of-type{border-bottom:none}.guide-user-kubo-step .step-number{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:var(--color-primary);color:#fff;border-radius:50%;font-weight:600;font-size:.85rem;flex-shrink:0}.guide-user-kubo-check{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md);border:2px solid var(--color-primary-light)}.kubo-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.kubo-pillar-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);background:var(--color-background);border-radius:var(--radius-md);border:2px solid transparent;position:relative}.kubo-pillar-item.is-kubo{background:#fef3c7;border-color:#f59e0b}.kubo-pillar-item .pillar-name{font-size:.75rem;color:var(--color-muted);margin-bottom:var(--spacing-xs)}.kubo-pillar-item .pillar-dizhi{font-size:1.25rem;font-weight:600;color:var(--color-primary)}.kubo-pillar-item .kubo-mark{position:absolute;top:-.5rem;right:-.5rem;background:#f59e0b;color:#fff;font-size:.65rem;padding:.125rem .375rem;border-radius:var(--radius-sm);font-weight:600}.guide-kubo-interpretation{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.kubo-interp-card{background:var(--color-card);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border)}.kubo-interp-card h4{color:var(--color-primary);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-primary-light)}.kubo-interp-content ul{list-style:disc;padding-left:1.25rem}.kubo-interp-content li{margin-bottom:var(--spacing-xs)}@media(max-width:768px){.guide-kubo-interpretation{grid-template-columns:1fr}.kubo-pillar-grid{grid-template-columns:repeat(2,1fr)}.guide-sixty-row span{width:1.75rem;height:1.75rem;font-size:.85rem}.kubo-table{font-size:.8rem}.kubo-table th,.kubo-table td{padding:var(--spacing-xs)}}.stem-ruby,.branch-ruby{font-size:3rem;line-height:1.2}.stem-ruby rt,.branch-ruby rt{font-size:.35em;color:var(--color-text-muted);font-weight:400}.pillar-stem.clickable,.pillar-branch.clickable{cursor:pointer;transition:transform .2s,opacity .2s}.pillar-stem.clickable:hover,.pillar-branch.clickable:hover{transform:scale(1.05);opacity:.85}.stem-branch-modal{background:var(--color-card);border-radius:var(--radius-lg);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative}.stem-branch-modal .modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background .2s}.stem-branch-modal .modal-close:hover{background:var(--color-border)}.stem-branch-modal .modal-header{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);text-align:center;border-bottom:none;display:block}.modal-title-large{font-size:4rem;font-weight:700;line-height:1.2}.modal-title-large ruby rt{font-size:.3em;color:var(--color-text-muted)}.modal-subtitle{font-size:.9rem;color:var(--color-text-muted);margin-top:var(--spacing-sm)}.reading-info{margin-top:var(--spacing-md);font-size:.9rem;display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.reading-label{color:var(--color-text-muted)}.reading-value{font-weight:500}.reading-divider{color:var(--color-border);margin:0 var(--spacing-xs)}.stem-branch-modal .modal-body{padding:0 var(--spacing-lg) var(--spacing-lg)}.modal-section{margin-bottom:var(--spacing-lg)}.modal-section-title{font-size:.85rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.attribute-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.attribute-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.attribute-label{font-size:.85rem;color:var(--color-text-muted)}.attribute-value{font-weight:500}.stem-symbol{background:var(--color-background);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.stem-symbol strong{display:block;font-size:1rem;margin-bottom:var(--spacing-xs)}.trait-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.trait-badge{background:var(--color-background);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.8rem;color:var(--color-text)}.hidden-stems-list{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hidden-stem-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.2rem;font-weight:500}.hidden-stem-item ruby rt{font-size:.5em}.element-badge.small{font-size:.65rem;padding:2px 6px}.wuxing-relations{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.relation-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem}.relation-label,.relation-arrow{color:var(--color-text-muted)}@media(max-width:640px){.stem-branch-modal{max-height:85vh;margin:var(--spacing-sm)}.modal-title-large{font-size:3rem}.attribute-grid,.wuxing-relations{grid-template-columns:1fr}.stem-ruby,.branch-ruby{font-size:2.5rem}}.help-button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:color .2s,background .2s}.help-button:hover{color:var(--color-primary);background:var(--color-background)}.wu-xing-analysis{display:flex;flex-direction:column;gap:var(--spacing-xs)}.wu-xing-analysis .analysis-item{display:flex;gap:var(--spacing-sm);font-size:.85rem}.wu-xing-analysis .analysis-label{font-weight:500}.wu-xing-analysis .analysis-label.strong{color:#16a34a}.wu-xing-analysis .analysis-label.weak{color:#ea580c}.wu-xing-analysis .analysis-label.missing{color:#dc2626}.wu-xing-bar-percent{font-size:.7rem;color:var(--color-text-muted)}.modal-content{position:relative;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:100%;max-height:85vh;overflow-y:auto}.modal-content .modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:all .2s;z-index:10}.modal-content .modal-close:hover{background:var(--color-border);color:var(--color-text)}.modal-content .modal-header{padding:var(--spacing-lg);padding-right:60px;border-bottom:1px solid var(--color-border)}.modal-content .modal-body{padding:var(--spacing-lg)}.wuxing-help-modal,.yinyang-help-modal{max-width:600px;max-height:90vh;overflow-y:auto}.help-section{margin-bottom:var(--spacing-lg)}.help-section h4{font-size:1rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.help-section p{font-size:.9rem;line-height:1.6}.help-section ul{font-size:.9rem;line-height:1.6;padding-left:var(--spacing-lg)}.help-section li{margin-bottom:var(--spacing-xs)}.wuxing-cycle{display:flex;flex-direction:column;gap:var(--spacing-xs)}.wuxing-cycle .cycle-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem}.wuxing-cycle .cycle-item span:first-child,.wuxing-cycle .cycle-item span:nth-child(3){font-weight:600;font-size:1.1rem}.wuxing-cycle .cycle-arrow{color:var(--color-text-muted)}.wuxing-cycle .cycle-arrow.control{color:#dc2626}.wuxing-cycle .cycle-desc{font-size:.8rem;color:var(--color-text-muted)}.wuxing-pentagram{display:flex;flex-direction:column;align-items:center;margin:var(--spacing-md) 0}.wuxing-pentagram svg{max-width:100%;height:auto}.pentagram-legend{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md);font-size:.85rem}.pentagram-legend .legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.pentagram-legend .legend-line{display:inline-block;width:24px;height:3px;border-radius:2px}.pentagram-legend .legend-line.generate{background:#22c55e}.pentagram-legend .legend-line.control{background:#ef4444;background-image:repeating-linear-gradient(90deg,#ef4444 0px,#ef4444 6px,transparent 6px,transparent 9px)}.pentagram-legend .legend-text{color:var(--color-text-muted)}.wuxing-meanings{display:flex;flex-direction:column;gap:var(--spacing-sm)}.wuxing-meanings .meaning-item{padding:var(--spacing-sm) var(--spacing-md);border-left:3px solid;background:var(--color-background);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.wuxing-meanings .meaning-item strong{display:block;margin-bottom:var(--spacing-xs)}.wuxing-meanings .meaning-item p{font-size:.85rem;margin:0}.yinyang-visual{margin-bottom:var(--spacing-md)}.yinyang-bar{display:flex;height:12px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-border)}.yinyang-bar-yang{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.yinyang-bar-yin{background:linear-gradient(90deg,#6366f1,#818cf8)}.yinyang-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-xs);font-size:.8rem}.yinyang-balance-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.yinyang-balance-badge.yang-dominant{background:#fef3c7;color:#92400e}.yinyang-balance-badge.yin-dominant{background:#e0e7ff;color:#3730a3}.yinyang-balance-badge.balanced{background:#dcfce7;color:#166534}.yinyang-balance-badge.slight{background:var(--color-background);color:var(--color-text-muted)}.yinyang-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.yinyang-col{padding:var(--spacing-md);border-radius:var(--radius-md)}.yinyang-col.yang-col{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.yinyang-col.yin-col{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.yinyang-col h4{margin-bottom:var(--spacing-sm)}.yinyang-col ul{padding-left:var(--spacing-md);margin-bottom:var(--spacing-sm)}.yinyang-col li{font-size:.85rem;margin-bottom:var(--spacing-xs)}@media(max-width:640px){.yinyang-comparison{grid-template-columns:1fr}}.strength-explanation{background:var(--color-background);padding:var(--spacing-md);border-radius:var(--radius-md)}.strength-concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-md)}.strength-concept-item{padding:var(--spacing-sm);border-radius:var(--radius-md);border-left:3px solid}.strength-concept-item.strong{background:linear-gradient(135deg,#fef2f2,#fff);border-left-color:#ef4444}.strength-concept-item.weak{background:linear-gradient(135deg,#eff6ff,#fff);border-left-color:#3b82f6}.strength-concept-item.neutral{background:linear-gradient(135deg,#f0fdf4,#fff);border-left-color:#22c55e}.strength-concept-item strong{display:block;margin-bottom:var(--spacing-xs);font-size:.9rem}@media(max-width:768px){.strength-concept-grid{grid-template-columns:1fr}}.factor-grid-detailed{display:flex;flex-direction:column;gap:var(--spacing-md)}.factor-item-detailed{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.factor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.factor-header .factor-label{font-weight:600;font-size:.95rem}.factor-explanation{font-size:.9rem;line-height:1.6}.factor-explanation ul{padding-left:var(--spacing-md);margin-top:var(--spacing-sm)}.factor-explanation li{margin-bottom:var(--spacing-sm)}.strength-usage{background:var(--color-background);padding:var(--spacing-md);border-radius:var(--radius-md)}.usage-item{line-height:1.6}.usage-item ul{padding-left:var(--spacing-md);margin-top:var(--spacing-sm)}.usage-item li{margin-bottom:var(--spacing-xs)}.personal-reading{background:linear-gradient(135deg,#f8f5f0,#fff,#f8f5f0);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.reading-intro{text-align:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--color-accent)}.reading-icon{color:var(--color-accent);margin-bottom:var(--spacing-md)}.reading-main-title{font-size:1.75rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:700}.reading-subtitle{color:var(--color-text-muted);font-size:1rem}.reading-block{margin-bottom:var(--spacing-xl);background:var(--color-card);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.reading-block:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.reading-block-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.reading-block-header svg{color:var(--color-accent);flex-shrink:0}.reading-block-header h3{font-size:1.15rem;color:var(--color-primary);margin:0}.reading-block-content{color:var(--color-text)}.reading-text{font-size:1rem;line-height:1.8;margin-bottom:var(--spacing-md)}.reading-text:last-child{margin-bottom:0}.reading-text.highlight{background:linear-gradient(135deg,#fef3c7,#fef9c3);padding:var(--spacing-md);border-radius:var(--radius-md);border-left:4px solid var(--color-accent);font-weight:500}.reading-text.closing{color:var(--color-text-muted);font-style:italic;margin-top:var(--spacing-md)}.traits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.traits-column h4{font-size:.95rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.traits-list{list-style:none;padding:0;margin:0}.traits-list li{padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm);font-size:.9rem}.traits-list.strengths li{background:linear-gradient(135deg,#dcfce7,#f0fdf4);color:#166534}.traits-list.strengths li:before{content:"✓ ";font-weight:700}.traits-list.challenges li{background:linear-gradient(135deg,#fef3c7,#fefce8);color:#92400e}.traits-list.challenges li:before{content:"△ "}.advice-box{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);border-left:4px solid #10b981}.advice-box .reading-text{margin-bottom:0}.ten-god-reading{background:linear-gradient(135deg,#f8f5f0,#fff);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-left:3px solid var(--color-accent)}.ten-god-reading:last-child{margin-bottom:0}.missing-ten-gods{background:linear-gradient(135deg,#fef3c7,#fffbeb);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);border-left:3px solid #f59e0b}.strength-reasoning{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-lg);border-left:4px solid #0ea5e9}.strength-reasoning h4{font-size:1rem;color:var(--color-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(14,165,233,.2)}.reasoning-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.reasoning-item{background:#ffffffb3;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md)}.reasoning-label{font-weight:600;font-size:.9rem;color:var(--color-primary);display:block;margin-bottom:var(--spacing-xs)}.reasoning-item .reading-text{margin-bottom:0;font-size:.9rem}.reasoning-list{margin:var(--spacing-sm) 0 0 0;padding-left:var(--spacing-lg);list-style-type:disc}.reasoning-list li{margin-bottom:var(--spacing-xs);font-size:.9rem;color:var(--color-text)}.text-positive{color:#059669}.text-negative{color:#dc2626}.text-muted{color:#6b7280}.reasoning-category{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff80;border-radius:var(--radius-sm)}.reasoning-category:first-of-type{margin-top:var(--spacing-md)}.category-title{font-weight:600;font-size:.85rem;margin-bottom:var(--spacing-xs)}.category-title.text-positive{color:#059669}.category-title.text-negative{color:#dc2626}.gan-he-item{background:linear-gradient(135deg,#fdf4ff,#fae8ff);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-left:3px solid #c026d3}.gan-he-item h4{font-size:1rem;color:var(--color-primary);margin:0 0 var(--spacing-sm) 0}.gan-he-item:last-of-type{margin-bottom:var(--spacing-md)}.twelve-stages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.stage-item{background:linear-gradient(135deg,#f8f5f0,#fff);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border)}.stage-item h4{font-size:1rem;color:var(--color-primary);margin:0 0 var(--spacing-xs) 0}.stage-desc{font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.stage-item .reading-text{font-size:.9rem;margin-bottom:0}.branch-relation{background:linear-gradient(135deg,#f8f5f0,#fff);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:1px solid var(--color-border)}.branch-relation:last-child{margin-bottom:0}.branch-relation h4{font-size:.95rem;color:var(--color-primary);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-xs)}.branch-relation h4:before{content:"";width:8px;height:8px;border-radius:50%;display:inline-block}.branch-relation:has(h4:contains("六合")) h4:before,.branch-relation:nth-child(1) h4:before{background-color:#10b981}.branch-relation:nth-child(2) h4:before{background-color:#3b82f6}.branch-relation:nth-child(3) h4:before{background-color:#f59e0b}.branch-relation:nth-child(4) h4:before{background-color:#ef4444}.branch-relation:nth-child(5) h4:before{background-color:#8b5cf6}.sanhe-detail-block{background:var(--color-surface);border-radius:var(--radius);padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.sanhe-detail-block:last-child{margin-bottom:0}.sanhe-complete-badge{display:inline-block;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);margin-left:var(--spacing-sm);vertical-align:middle}.sanhe-keywords{display:flex;align-items:center;gap:var(--spacing-xs);margin:var(--spacing-sm) 0;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm);font-size:.9rem}.sanhe-keywords .keyword-label{color:var(--color-text-muted);font-size:.85rem}.sanhe-keywords .keyword-value{color:var(--color-primary);font-weight:600}.sanhe-advice{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:var(--radius);font-size:.9rem;color:#92400e}.sanhe-advice .advice-icon{flex-shrink:0}.fortune-block{background:linear-gradient(135deg,#eff6ff,#fff);border-left:4px solid var(--color-water)}.year-block{background:linear-gradient(135deg,#fef2f2,#fff);border-left:4px solid var(--color-fire)}.message-block{background:linear-gradient(135deg,#f5f3ff,#fff);border-left:4px solid var(--color-accent)}@media(max-width:768px){.personal-reading{padding:var(--spacing-md)}.reading-main-title{font-size:1.4rem}.traits-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.reading-block{padding:var(--spacing-md)}.reading-text{font-size:.95rem}.twelve-stages-grid{grid-template-columns:repeat(2,1fr)}.stage-item,.branch-relation,.advice-box,.ten-god-reading{padding:var(--spacing-sm)}}.chart-export{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.chart-export-header{margin-bottom:var(--spacing-md)}.chart-export-title{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.chart-export-title h3{font-size:1.1rem;color:var(--color-primary);margin:0}.chart-export-title svg{color:var(--color-accent)}.chart-export-description{color:var(--color-text-muted);font-size:.9rem;margin:0}.chart-export-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.chart-export-preview{margin-bottom:var(--spacing-md);border-radius:var(--radius-md);overflow:hidden}.json-preview{background:#1e1e1e;color:#d4d4d4;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.75rem;line-height:1.5;overflow-x:auto;max-height:400px;overflow-y:auto;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.chart-export-hint{background:var(--color-background);padding:var(--spacing-md);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.chart-export-hint h4{font-size:.95rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.chart-export-hint>p{font-size:.9rem;color:var(--color-text);margin-bottom:var(--spacing-sm)}.prompt-example{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem;color:var(--color-text-muted);font-style:italic}.prompt-example p{margin:0}@media(max-width:768px){.chart-export-actions{flex-direction:column}.chart-export-actions .btn{width:100%;justify-content:center}.json-preview{font-size:.65rem}}.share-section{background:var(--color-surface)}.share-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.share-buttons .btn{flex:1;min-width:140px;justify-content:center}.share-hint{background:var(--color-card);padding:var(--spacing-md);border-radius:var(--radius);border:1px solid var(--color-border)}.share-hint .prompt-example{background:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.9rem}.share-hint .prompt-example p:first-child{color:var(--color-text);font-weight:500}@media(max-width:768px){.share-buttons{flex-direction:column}.share-buttons .btn{width:100%}}.guide-school-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.guide-info-box{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-lg);border-left:3px solid var(--color-accent)}.page-header{margin-bottom:var(--spacing-lg)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.chart-card{display:flex;flex-direction:column;gap:var(--spacing-sm)}.chart-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.chart-card-name{font-size:1.1rem;font-weight:600;color:var(--color-primary)}.chart-card-actions{display:flex;gap:var(--spacing-xs)}.chart-card-info{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:.9rem;color:var(--color-text-muted)}.info-row{display:flex;align-items:center;gap:var(--spacing-xs)}.chart-card-pillars{display:flex;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) 0;background:var(--color-background);border-radius:var(--radius-sm)}.pillar-mini{display:flex;flex-direction:column;align-items:center;gap:2px}.pillar-mini .pillar-label{font-size:.7rem;color:var(--color-text-muted)}.pillar-mini .pillar-ganzhi{font-size:1.1rem;font-weight:700;color:var(--color-text)}.pillar-mini.day-pillar{background:#1e3a5f1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.pillar-mini.day-pillar .pillar-ganzhi{color:var(--color-primary)}.chart-card-daymaster{text-align:center;font-size:.9rem;color:var(--color-text)}.chart-card-daymaster strong{color:var(--color-primary)}.chart-card-meta{font-size:.75rem;color:var(--color-text-muted);text-align:right;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.chart-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);align-items:center}.tag-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;background:var(--color-primary);color:#fff;font-size:.75rem;border-radius:var(--radius-full)}.tag-remove-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#ffffffb3;cursor:pointer;padding:0;margin-left:2px}.tag-remove-btn:hover{color:#fff}.tag-add-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--color-border);border:1px dashed var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-muted);transition:all .2s}.tag-add-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tag-input-wrapper{display:flex;align-items:center;gap:var(--spacing-xs)}.tag-input{padding:2px 8px;font-size:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100px}.tag-input:focus{outline:none;border-color:var(--color-primary)}.tag-filter-section{padding:var(--spacing-md)}.tag-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.tag-filter-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag-filter-btn{padding:4px 12px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.85rem;cursor:pointer;transition:all .2s}.tag-filter-btn:hover{background:var(--color-border)}.tag-filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:480px;width:90%;max-height:80vh;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.modal-body{padding:var(--spacing-md);overflow-y:auto;max-height:60vh}.tag-manager-list{list-style:none}.tag-manager-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.tag-manager-item:last-child{border-bottom:none}.tag-manager-name{font-weight:500}.tag-manager-count{color:var(--color-text-muted);font-size:.85rem}.tag-manager-actions{margin-left:auto;display:flex;gap:var(--spacing-xs)}.tag-edit-form{display:flex;align-items:center;gap:var(--spacing-xs);width:100%}.tag-edit-form .input{flex:1}.btn-xs{padding:2px 8px;font-size:.75rem}@media(max-width:640px){.charts-grid{grid-template-columns:1fr}.header-actions{flex-wrap:wrap;justify-content:flex-end}.user-name{display:none}}.yearly-fortune-section{margin-top:var(--spacing-lg)}.yearly-fortune-section .collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);transition:background .2s ease}.yearly-fortune-section .collapsible-header:hover{background:#00000005;margin-left:calc(var(--spacing-md) * -1);margin-right:calc(var(--spacing-md) * -1);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.yearly-fortune-section .collapse-icon{display:inline-flex;align-items:center;color:var(--color-text-muted);transition:transform .2s ease}.yearly-fortune-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.yearly-fortune-toggle{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;-webkit-user-select:none;user-select:none}.yearly-fortune-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.yearly-decade-section{margin-bottom:var(--spacing-xl)}.yearly-decade-title{font-size:1rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-primary)}.yearly-fortune-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.yearly-fortune-table{width:100%;border-collapse:collapse;font-size:.9rem}.yearly-fortune-table th,.yearly-fortune-table td{padding:var(--spacing-sm);text-align:center;border-bottom:1px solid var(--color-border)}.yearly-fortune-table th{background:var(--color-primary);color:#fff;font-weight:600;font-size:.85rem;white-space:nowrap}.yearly-fortune-table th:first-child{border-radius:var(--radius-sm) 0 0 0}.yearly-fortune-table th:last-child{border-radius:0 var(--radius-sm) 0 0}.yearly-fortune-row{cursor:pointer;transition:background .2s ease}.yearly-fortune-row:hover{background:#1e3a5f0d}.yearly-fortune-row.current-year{background:#c9a22726;font-weight:600}.yearly-fortune-row.current-year:hover{background:#c9a22740}.yearly-fortune-row.past-year{opacity:.7}.yearly-fortune-row.void-year{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(100,100,100,.03) 10px,rgba(100,100,100,.03) 20px)}.year-cell{white-space:nowrap;position:relative}.current-badge{display:inline-block;background:var(--color-accent);color:#fff;font-size:.65rem;padding:1px 4px;border-radius:var(--radius-sm);margin-left:4px;vertical-align:middle}.age-cell{color:var(--color-text-muted);font-size:.85rem}.ganzhi-cell{font-size:1.1rem;font-weight:600;white-space:nowrap}.ganzhi-cell .gan,.ganzhi-cell .zhi{display:inline-block}.void-badge{display:inline-block;background:#6b7280;color:#fff;font-size:.6rem;padding:1px 3px;border-radius:var(--radius-sm);margin-left:3px;vertical-align:middle}.tengod-cell{white-space:nowrap}.shensha-cell{min-width:100px;position:relative}.shensha-badges{display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.shensha-mini-badge{font-size:.7rem;padding:1px 4px;border-radius:var(--radius-sm);white-space:nowrap}.shensha-mini-badge.auspicious{background:#22c55e26;color:#16a34a}.shensha-mini-badge.inauspicious{background:#ef444426;color:#dc2626}.shensha-more{font-size:.7rem;color:var(--color-text-muted);margin-left:2px}.expand-icon{display:inline-flex;align-items:center;margin-left:4px;color:var(--color-text-muted)}.yearly-detail-row td{padding:0;background:var(--color-background)}.yearly-detail-content{padding:var(--spacing-md);text-align:left}.yearly-interpretation{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-sm);font-size:.9rem}.yearly-interpretation strong{color:var(--color-primary)}.yearly-shensha-detail{margin-bottom:var(--spacing-md)}.yearly-shensha-detail strong{display:block;margin-bottom:var(--spacing-xs);color:var(--color-primary)}.yearly-shensha-detail .shensha-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.yearly-shensha-detail .shensha-item{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#fff;border-radius:var(--radius-sm);font-size:.85rem}.yearly-shensha-detail .shensha-item.auspicious{border-left:3px solid #22c55e}.yearly-shensha-detail .shensha-item.inauspicious{border-left:3px solid #ef4444}.yearly-shensha-detail .shensha-name{font-weight:600;min-width:60px}.yearly-shensha-detail .shensha-desc{color:var(--color-text-muted);flex:1}.yearly-void-note{padding:var(--spacing-sm);background:#6b72801a;border-radius:var(--radius-sm);font-size:.85rem;border-left:3px solid #6b7280}.yearly-void-note strong{color:#4b5563}@media(max-width:640px){.yearly-fortune-table{font-size:.8rem}.yearly-fortune-table th,.yearly-fortune-table td{padding:var(--spacing-xs)}.ganzhi-cell{font-size:1rem}.shensha-cell{min-width:80px}.yearly-fortune-controls{flex-direction:column;align-items:flex-start}}.nenpyo-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);align-items:flex-end}.nenpyo-search,.nenpyo-birth-year{flex:0 0 auto}.nenpyo-search .flex{display:flex}.nenpyo-nav{display:flex;align-items:center;gap:var(--spacing-md);margin-left:auto}.nenpyo-range{font-weight:600;color:var(--color-primary);min-width:140px;text-align:center}.nenpyo-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-md)}.nenpyo-filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.nenpyo-filter-group .form-select{min-width:200px}.nenpyo-filter-result{margin-top:var(--spacing-sm);font-size:.9rem}.nenpyo-filter-result span{font-weight:600;margin-right:var(--spacing-xs)}.nenpyo-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-color{width:16px;height:16px;border-radius:var(--radius-sm)}.nenpyo-table-wrapper{overflow-x:auto}.nenpyo-table{width:100%;border-collapse:collapse;font-size:.9rem}.nenpyo-table th,.nenpyo-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.nenpyo-table th{background:var(--color-primary);color:#fff;font-weight:600;position:sticky;top:0}.nenpyo-table tbody tr:nth-child(odd){background:#1e3a5f05}.nenpyo-table tbody tr:nth-child(2n){background:#1e3a5f0f}.nenpyo-table tr:hover{background:#1e3a5f1f!important}.nenpyo-table tr.highlight-row{animation:highlightPulse 2s ease-out}@keyframes highlightPulse{0%{background:#c9a22799!important}to{background:transparent}}.nenpyo-table tr.current-year{background:#c9a22733!important}.nenpyo-table tr.current-year:hover{background:#c9a2274d!important}.year-cell{font-weight:600;font-family:monospace}.era-cell{white-space:nowrap}.ganshi-cell{font-size:1.2rem;font-weight:700;white-space:nowrap}.ganshi-stem,.ganshi-branch{display:inline-block}.reading-cell{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap}.zodiac-cell{text-align:center}.age-cell{text-align:center;font-weight:500}.event-cell{min-width:150px}.event-badge{display:inline-block;padding:2px 8px;font-size:.75rem;border-radius:var(--radius-full)}.event-badge-japan{background:#b8373c;color:#fff}.event-badge-world{background:#2563eb;color:#fff}.nenpyo-info{line-height:1.7}.nenpyo-info p{margin-bottom:var(--spacing-md)}.nenpyo-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.nenpyo-info-grid h4{font-size:1rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.stem-list,.branch-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.stem-list span,.branch-list span{font-weight:600}.nenpyo-kubo-card{background:linear-gradient(135deg,#ef44440d,#dc262605);border:1px solid rgba(239,68,68,.15)}.nenpyo-kubo-card h3{color:#b91c1c}.kubo-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700}.nenpyo-kubo-info{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.nenpyo-kubo-label{color:var(--color-text)}.nenpyo-kubo-value{font-weight:700;font-size:1.2rem;color:#dc2626;padding:var(--spacing-xs) var(--spacing-sm);background:#ef44441a;border-radius:var(--radius-sm)}.nenpyo-kubo-hint{font-size:.85rem;color:var(--color-text-muted)}.nenpyo-table tr.kubo-year{background:#ef444414!important}.nenpyo-table tr.kubo-year:hover{background:#ef44441f!important}.kubo-cell{text-align:center}.kubo-cell.is-kubo{background:#ef44441a}.kubo-cell .kubo-mark{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700}@media(max-width:768px){.nenpyo-controls{flex-direction:column;align-items:stretch}.nenpyo-nav{margin-left:0;justify-content:center;flex-wrap:wrap}.nenpyo-range{width:100%;order:-1;margin-bottom:var(--spacing-sm)}.nenpyo-info-grid{grid-template-columns:1fr}.nenpyo-table{font-size:.8rem}.nenpyo-table th,.nenpyo-table td{padding:var(--spacing-xs)}.ganshi-cell{font-size:1rem}}.calendar-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)}.year-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.year-display{display:flex;align-items:center;gap:var(--spacing-xs)}.year-input{width:5rem;padding:var(--spacing-sm);font-size:1.25rem;font-weight:700;text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card)}.year-input:focus{outline:none;border-color:var(--color-primary)}.year-label{font-size:1.25rem;font-weight:700}.view-toggle,.calendar-type-toggle{display:flex;gap:var(--spacing-xs)}.btn-toggle{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .2s}.btn-toggle:hover{background:var(--color-card);color:var(--color-text)}.btn-toggle.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.solar-terms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-sm)}.solar-term-item{padding:var(--spacing-sm);background:var(--color-background);border-radius:var(--radius-md);text-align:center;border-left:3px solid transparent}.solar-term-item.setsu-iri{border-left-color:var(--color-fire);background:linear-gradient(to right,rgba(239,68,68,.05),transparent)}.solar-term-item.chu-setsu{border-left-color:var(--color-water);background:linear-gradient(to right,rgba(59,130,246,.05),transparent)}.solar-term-date{font-size:.85rem;color:var(--color-text-muted);margin-bottom:2px}.solar-term-name{font-size:1.1rem;font-weight:700;color:var(--color-text)}.solar-term-type{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.solar-term-item.setsu-iri .solar-term-type{color:var(--color-fire)}.solar-term-item.chu-setsu .solar-term-type{color:var(--color-water)}.solar-term-month{font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.calendar-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.month-calendar{padding:var(--spacing-md)}.month-title{font-size:1.1rem;font-weight:700;text-align:center;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.calendar-table{width:100%;border-collapse:collapse;table-layout:fixed}.calendar-table th{padding:var(--spacing-xs);font-size:.8rem;font-weight:700;text-align:center;color:var(--color-text-muted)}.calendar-table th.sunday{color:var(--color-fire)}.calendar-table th.saturday{color:var(--color-water)}.calendar-cell{padding:2px;vertical-align:top;border:1px solid var(--color-border);height:70px}.calendar-cell.sunday{background:#ef444408}.calendar-cell.saturday{background:#3b82f608}.calendar-cell.has-solar-term{background:#c9a22714}.calendar-cell.is-kubo{background:#ef444414}.calendar-cell.is-kubo.has-solar-term{background:linear-gradient(135deg,#ef444414,#c9a22714)}.day-cell-content{display:flex;flex-direction:column;align-items:center;gap:1px;height:100%}.day-number{font-size:.9rem;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:2px}.day-kubo-mark{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;font-size:7px;font-weight:700}.calendar-cell.sunday .day-number{color:var(--color-fire)}.calendar-cell.saturday .day-number{color:var(--color-water)}.day-ganzi{font-size:.85rem;font-weight:500}.day-solar-term{font-size:.65rem;padding:1px 3px;border-radius:var(--radius-sm);white-space:nowrap}.day-solar-term.setsu-iri{background:#ef444426;color:#b91c1c}.day-solar-term.chu-setsu{background:#3b82f626;color:#1d4ed8}.day-lunar,.day-solar{font-size:.65rem;color:var(--color-text-muted)}.lunar-day-number{font-size:.75rem}.lunar-month{border:2px solid rgba(99,102,241,.2)}.lunar-month-subtitle{font-size:.8rem;font-weight:400;color:var(--color-text-muted);margin-left:var(--spacing-sm)}.lunar-date{color:var(--color-yin);font-weight:500}.lunar-first-day{border-top:2px solid var(--color-yin)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.year-table{width:100%;border-collapse:collapse;font-size:.9rem}.year-table th{padding:var(--spacing-sm) var(--spacing-xs);background:var(--color-background);font-weight:700;text-align:left;white-space:nowrap;position:sticky;top:0}.year-table td{padding:var(--spacing-xs);border-bottom:1px solid var(--color-border);white-space:nowrap}.year-table.compact th,.year-table.compact td{padding:.25rem .375rem}.year-table tr:hover{background:#00000005}.year-table tr.solar-term-row{background:#c9a22714}.year-table tr.setsu-iri-row{background:#ef444414}.year-table .sunday{color:var(--color-fire)}.year-table .saturday{color:var(--color-water)}.date-col{font-weight:500}.ganzi-col{font-size:1rem;font-weight:500}.ganzi-col ruby{display:inline-flex;flex-direction:column;align-items:center}.ganzi-col ruby rt{font-size:.6rem;color:var(--color-muted);font-weight:400;margin-top:-2px}.kubo-col{text-align:center;width:2.5rem}.kubo-col.is-kubo{background:#ef44441a}.kubo-col .kubo-mark{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700}.year-table tr.kubo-row{background:#ef44440d}.wuxing-col{white-space:nowrap}.wuxing-col .wuxing-badge{margin-right:4px}.wuxing-col .wuxing-badge:last-child{margin-right:0}.wuxing-badge{display:inline-block;width:1.4rem;height:1.4rem;line-height:1.4rem;text-align:center;font-size:.75rem;border-radius:var(--radius-sm);color:#fff}.wuxing-badge.wood{background:var(--color-wood)}.wuxing-badge.fire{background:var(--color-fire)}.wuxing-badge.earth{background:var(--color-earth);color:var(--color-text)}.wuxing-badge.metal{background:var(--color-metal);color:var(--color-text)}.wuxing-badge.water{background:var(--color-water)}.solar-term-col{min-width:auto;white-space:nowrap}.setsu-iri-badge{display:inline-block;padding:2px 6px;background:#ef444426;border-radius:var(--radius-sm);color:#b91c1c;font-weight:500;font-size:.85rem}.setsu-iri-badge small{display:none}.chu-setsu-badge{display:inline-block;padding:2px 6px;background:#3b82f626;border-radius:var(--radius-sm);color:#1d4ed8;font-weight:500;font-size:.85rem}.chu-setsu-badge small{display:none}.month-branch-col{color:var(--color-text-muted)}.lunar-col{color:var(--color-text-muted);font-size:.85rem}.kubo-settings{background:linear-gradient(135deg,#ef44440d,#dc262605);border:1px solid rgba(239,68,68,.15)}.kubo-settings-header{margin-bottom:var(--spacing-md)}.kubo-settings-title{font-size:1rem;font-weight:600;color:#b91c1c;margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-xs)}.kubo-settings-title:before{content:"空";display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700}.kubo-settings-desc{font-size:.85rem;color:var(--color-text-muted);margin:0}.kubo-settings-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.kubo-year-input{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.kubo-year-input label{font-weight:500;color:var(--color-text)}.birth-year-input{width:100px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;text-align:center}.birth-year-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.kubo-year-hint{color:var(--color-text-muted)}.kubo-result{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md);background:#fff;border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.2)}.kubo-result-label{color:var(--color-text)}.kubo-result-value{font-weight:700;font-size:1.1rem;color:#dc2626;padding:var(--spacing-xs) var(--spacing-sm);background:#ef44441a;border-radius:var(--radius-sm)}.kubo-result-hint{font-size:.8rem;color:var(--color-text-muted)}@media(max-width:768px){.calendar-controls{flex-direction:column;align-items:stretch}.year-selector,.view-toggle{justify-content:center}.solar-terms-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.calendar-grid-container{grid-template-columns:1fr}.calendar-cell{height:60px}.day-number{font-size:.8rem}.day-ganzi{font-size:.75rem}.year-table{font-size:.8rem}.year-table th,.year-table td{padding:var(--spacing-xs)}.kubo-settings{padding:var(--spacing-md)}.kubo-settings-title{font-size:.95rem}.kubo-settings-desc{font-size:.8rem}.kubo-year-input{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.kubo-year-input label{font-size:.9rem}.kubo-result{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm)}.kubo-result-label{font-size:.85rem}.kubo-result-value{font-size:1rem}.kubo-result-hint{font-size:.75rem}}.daily-fortune-page{padding-bottom:var(--spacing-2xl)}.daily-fortune-page .page-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.daily-fortune-page .page-header h1{margin:0}.chart-info-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius);flex-wrap:wrap}.chart-info-bar .label{font-size:.85rem;color:var(--color-text-muted)}.chart-info-bar .day-master-display{font-size:1.2rem;font-weight:700}.control-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.nav-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.current-period{font-size:1.1rem;font-weight:600;min-width:120px;text-align:center}.action-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.view-toggle{display:flex;gap:2px;background:var(--color-border);border-radius:var(--radius);padding:2px}.view-toggle .btn-icon{background:transparent;border:none;padding:var(--spacing-xs)}.view-toggle .btn-icon.active{background:var(--color-card);border-radius:var(--radius-sm)}.daily-fortune-table-container{overflow-x:auto;background:var(--color-card);border-radius:var(--radius);border:1px solid var(--color-border)}.daily-fortune-table{width:100%;border-collapse:collapse;font-size:.9rem}.daily-fortune-table th{background:var(--color-primary);color:#fff;padding:var(--spacing-sm);text-align:center;font-weight:600;white-space:nowrap}.daily-fortune-table td{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border);vertical-align:middle}.daily-fortune-table tr:hover{background:var(--color-surface)}.daily-fortune-table tr.today{background:#c9a2271a}.daily-fortune-table tr.setsu-iri{border-left:3px solid var(--color-fire)}.daily-fortune-table tr.pillar-row td{border-bottom:1px solid rgba(0,0,0,.06);padding:3px var(--spacing-xs)}.daily-fortune-table tr.day-last-row td{border-bottom:2px solid var(--color-border)}.daily-fortune-table tr.day-first-row td.col-date{border-bottom:none}.daily-fortune-table .col-date{width:50px;min-width:50px;max-width:50px;padding-left:var(--spacing-sm)!important;padding-right:2px!important;vertical-align:middle;border-right:1px solid var(--color-border)}.daily-fortune-table .col-pillar{width:20px;min-width:20px;text-align:center;font-size:.7rem;color:var(--color-text-muted)}.daily-fortune-table .col-ganzhi{width:32px;min-width:32px;text-align:center}.daily-fortune-table .col-tengod{width:36px;min-width:36px;text-align:center}.daily-fortune-table .col-stage,.daily-fortune-table .col-relations{width:28px;min-width:28px;text-align:center}.ganzhi-pair{display:inline-flex;gap:1px;font-weight:600;white-space:nowrap;font-size:.85rem}.date-info{display:flex;flex-direction:column;gap:0;align-items:center;line-height:1.2}.date-info .date-number{font-weight:600;font-size:.8rem}.date-info .date-number.sunday{color:var(--color-fire)}.date-info .date-number.saturday{color:var(--color-water)}.date-info .weekday{font-size:.65rem;color:var(--color-text-muted)}.date-info .weekday.sunday{color:var(--color-fire)}.date-info .weekday.saturday{color:var(--color-water)}.date-info .solar-term{font-size:.6rem;color:var(--color-accent)}.date-info .solar-term.setsu-iri{color:var(--color-fire);font-weight:700}.ten-god-badge.small,.twelve-stage-badge.small{font-size:.7rem;padding:1px 2px;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);display:inline-block;white-space:nowrap}.relations-display{display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.relation-badge{font-size:.65rem;padding:1px 3px;border-radius:var(--radius-sm);font-weight:600;border:none;cursor:pointer;transition:opacity .2s}.relation-badge:hover{opacity:.8}.no-relation{color:var(--color-text-muted);font-size:.7rem}.relation-badge.liu-he{background:#22c55e33;color:var(--color-wood)}.relation-badge.liu-chong{background:#ef444433;color:var(--color-fire)}.relation-badge.liu-hai{background:#f59e0b33;color:#b45309}.relation-badge.xing{background:#9333ea33;color:#7c3aed}.relation-badge.kong-wang{background:#6b728033;color:var(--color-text-muted)}.daily-fortune-year-calendar{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.month-calendar-section{background:var(--color-card);border-radius:var(--radius);border:1px solid var(--color-border);padding:var(--spacing-md)}.month-calendar-section .month-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm);text-align:center;color:var(--color-primary)}.daily-fortune-month-calendar{background:var(--color-card);border-radius:var(--radius);border:1px solid var(--color-border);padding:var(--spacing-md)}.calendar-grid{display:flex;flex-direction:column}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:var(--spacing-xs)}.calendar-header-cell{text-align:center;font-size:.75rem;font-weight:600;padding:var(--spacing-xs);background:var(--color-surface);border-radius:var(--radius-sm)}.calendar-header-cell.sunday{color:var(--color-fire)}.calendar-header-cell.saturday{color:var(--color-water)}.calendar-body{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-cell{min-height:80px;padding:var(--spacing-xs);background:var(--color-surface);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:2px;font-size:.75rem}.calendar-cell.empty{background:transparent}.calendar-cell.today{background:#c9a22726;border:2px solid var(--color-accent)}.calendar-cell.setsu-iri{border-left:3px solid var(--color-fire)}.cell-header{display:flex;justify-content:space-between;align-items:center}.cell-header .day-number{font-weight:600;font-size:.9rem}.cell-header .day-number.sunday{color:var(--color-fire)}.cell-header .day-number.saturday{color:var(--color-water)}.cell-header .solar-term-mini{font-size:.6rem;color:var(--color-accent)}.cell-ganzhi{display:flex;gap:2px;font-weight:600;font-size:.85rem}.cell-fortune{display:flex;gap:4px;font-size:.65rem}.tengod-mini,.stage-mini{background:var(--color-card);padding:1px 3px;border-radius:2px}.cell-relations{display:flex;gap:2px;margin-top:auto}.relation-mini{font-size:.6rem;padding:1px 3px;border-radius:2px;font-weight:600;border:none;cursor:pointer;transition:opacity .2s}.relation-mini:hover{opacity:.8}.relation-mini.liu-he{background:#22c55e4d;color:var(--color-wood)}.relation-mini.liu-chong{background:#ef44444d;color:var(--color-fire)}.relation-mini.liu-hai{background:#f59e0b4d;color:#b45309}.relation-mini.xing{background:#9333ea4d;color:#7c3aed}.relation-mini.kong-wang{background:#6b72804d;color:var(--color-text-muted)}.daily-fortune-help-modal{max-width:500px}.daily-fortune-help-modal .help-section{margin-bottom:var(--spacing-md)}.daily-fortune-help-modal .help-section h5{font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-primary)}.daily-fortune-help-modal ul{padding-left:var(--spacing-md)}.daily-fortune-help-modal li{margin-bottom:var(--spacing-xs)}.alert{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius);align-items:flex-start}.alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#92400e}.alert .link{color:var(--color-primary);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0;font-size:inherit}.relation-info-modal{max-width:420px}.relation-info-modal .modal-title{display:flex;align-items:center;gap:var(--spacing-sm)}.relation-info-modal .modal-title .relation-badge{font-size:1rem;padding:4px 8px;cursor:default}.relation-info-modal .modal-title .relation-badge:hover{opacity:1}.relation-pairs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.relation-pair-item{background:var(--color-surface);padding:4px 10px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500}@media(max-width:768px){.daily-fortune-page .control-bar{flex-direction:column;align-items:stretch}.daily-fortune-page .nav-controls{justify-content:center}.daily-fortune-page .action-controls{justify-content:center;flex-wrap:wrap}.view-toggle{display:none}.daily-fortune-table{font-size:.75rem}.daily-fortune-table th{padding:var(--spacing-xs);font-size:.7rem}.daily-fortune-table tr.pillar-row td{padding:2px 3px}.ganzhi-pair{font-size:.75rem}.calendar-cell{min-height:60px;font-size:.65rem}.cell-header .day-number{font-size:.8rem}.cell-ganzhi{font-size:.75rem}.daily-fortune-year-calendar{grid-template-columns:1fr}}.masunaga-page{padding-bottom:var(--spacing-2xl)}.masunaga-section-headers{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.masunaga-section-headers h2:first-child{flex:0 0 460px}.masunaga-section-headers h2:last-child{flex:1}.masunaga-main-layout{display:flex;gap:var(--spacing-lg);align-items:flex-start;margin-bottom:var(--spacing-lg)}.masunaga-circle-section{flex:0 0 460px}.masunaga-circle-section .card{padding:var(--spacing-md)}.masunaga-pillars-section{flex:1;min-width:0}.masunaga-pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}@media(max-width:1000px){.masunaga-section-headers{flex-direction:column;gap:var(--spacing-sm)}.masunaga-section-headers h2:first-child{flex:none}.masunaga-main-layout{flex-direction:column}.masunaga-circle-section{width:100%;flex:none}.masunaga-circle-section .card{display:flex;flex-direction:column;align-items:center}}@media(max-width:500px){.masunaga-pillars-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.masunaga-pillar-card{padding:var(--spacing-xs)}.pillar-name{font-size:.75rem}.pillar-ganzhi,.pillar-juniun{font-size:1.2rem}.pillar-ganzhi-row{gap:var(--spacing-xs)}.pillar-label{font-size:.9rem}.descriptor-tag{font-size:.7rem;padding:2px 3px}.twelve-type-badge{font-size:.75rem;padding:4px 6px}.twelve-type-badge .type-keyword{font-size:.65rem}}@media(max-width:360px){.masunaga-pillars-grid{grid-template-columns:1fr}}.auth-required-card{text-align:center;padding:var(--spacing-2xl);max-width:400px;margin:var(--spacing-2xl) auto}.auth-required-icon{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.auth-required-card h2{margin-bottom:var(--spacing-md)}.branch-circle-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.branch-circle-svg{max-width:320px;width:100%;height:auto}.branch-circle-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm) var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-label{color:var(--color-text-muted)}.masunaga-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.masunaga-pillar-card{padding:var(--spacing-sm)}.pillar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.pillar-name{font-size:.9rem;color:var(--color-text-muted);font-weight:500}.pillar-ganzhi-row{display:flex;align-items:baseline;gap:var(--spacing-sm)}.pillar-ganzhi{font-size:1.5rem;font-weight:700;display:flex;gap:2px}.pillar-juniun{font-size:1.5rem;font-weight:700}.pillar-label{font-size:1.1rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.pillar-descriptors{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin-bottom:var(--spacing-sm)}.descriptor-tag{font-size:.85rem;padding:3px 6px;background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pillar-axes.vertical{display:flex;flex-direction:row;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.axis-col{display:flex;flex-direction:column;align-items:center;gap:2px}.pillar-axes.vertical .axis-bar-container{width:16px;height:50px;background:var(--color-surface);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.pillar-axes.vertical .axis-bar{width:100%;border-radius:4px;transition:height .3s ease}.axis-name{font-size:.8rem;font-weight:600}.axis-name.emotion{color:#ec4899}.axis-name.action{color:#f97316}.axis-name.intellect{color:#3b82f6}.axis-bar.emotion{background:#ec4899}.axis-bar.action{background:#f97316}.axis-bar.intellect{background:#3b82f6}.axis-value{font-size:.85rem;font-weight:700;text-align:center}.masunaga-explanation{background:var(--color-surface)}.axes-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.axis-item{display:flex;align-items:center;gap:var(--spacing-sm)}.axis-label{font-size:.8rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm)}.axis-label.emotion{background:#ec489926;color:#ec4899}.axis-label.action{background:#f9731626;color:#f97316}.axis-label.intellect{background:#3b82f626;color:#3b82f6}@media(max-width:900px){.masunaga-pillars{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.masunaga-pillars{grid-template-columns:1fr}.branch-circle-svg{max-width:280px}.axes-legend{flex-direction:column}}.masunaga-link .btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.type-circle-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.type-circle-svg{max-width:440px;width:100%;height:auto}.type-circle-legend{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-md);width:100%;max-width:360px}.type-circle-legend .legend-title{font-size:.8rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.type-circle-legend .legend-type{font-size:.75rem;color:var(--color-text-muted);margin-left:4px}.collapsible-section{padding:0;overflow:hidden}.collapsible-section .section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-md);background:none;border:none;cursor:pointer;text-align:left;color:var(--color-text)}.collapsible-section .section-header:hover{background:var(--color-surface)}.collapsible-section .section-content{padding:0 var(--spacing-md) var(--spacing-md)}.three-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.type-card{border:2px solid;border-radius:var(--radius-md);overflow:hidden}.type-card-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);color:#fff}.type-card-header .type-icon{display:flex}.type-card-header .type-name{font-weight:700}.type-card-header .type-japanese{font-size:.8rem;opacity:.9}.type-card-body{padding:var(--spacing-sm);font-size:.85rem}.type-card-body .type-decision,.type-card-body .type-value{margin-bottom:var(--spacing-xs)}.type-card-body .type-characteristics{margin:var(--spacing-sm) 0 0;padding-left:var(--spacing-md);font-size:.8rem;color:var(--color-text-muted)}.type-card-body .type-characteristics li{margin-bottom:2px}.two-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.open-closed-card{padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid}.open-closed-card.open{border-color:#f97316;background:#f973160d}.open-closed-card.closed{border-color:#8b5cf6;background:#8b5cf60d}.open-closed-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.open-closed-name{font-weight:700;font-size:1.1rem}.open-closed-card.open .open-closed-name{color:#f97316}.open-closed-card.closed .open-closed-name{color:#8b5cf6}.open-closed-japanese{font-size:.85rem;color:var(--color-text-muted)}.open-closed-description{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);line-height:1.5}.open-closed-characteristics{margin:0;padding-left:var(--spacing-md);font-size:.8rem}.open-closed-characteristics li{margin-bottom:2px}.principles-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.principle-item{padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-md)}.principle-name{font-weight:700;color:var(--color-primary);margin-bottom:4px}.principle-description{font-size:.9rem;margin-bottom:4px}.principle-example{font-size:.8rem;color:var(--color-text-muted);font-style:italic}.twelve-type-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;border-radius:var(--radius-sm);color:#fff;font-size:.9rem;margin-bottom:var(--spacing-sm)}.twelve-type-badge .type-id{font-weight:700}.twelve-type-badge .type-juniun{opacity:.9}.twelve-type-badge .type-keyword{opacity:.8;font-size:.8rem}.masunaga-source{padding:var(--spacing-sm);background:var(--color-surface)}@media(max-width:900px){.three-types-grid{grid-template-columns:1fr}}@media(max-width:600px){.two-types-grid{grid-template-columns:1fr}.type-circle-svg{max-width:340px}}.admin-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.admin-page h1{font-size:1.5rem;margin-bottom:1.5rem;color:#333}.admin-loading{text-align:center;padding:2rem;color:#666}.admin-error{background-color:#fee;border:1px solid #fcc;color:#c00;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem}.admin-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.admin-section h2{font-size:1.1rem;margin-bottom:1rem;color:#444;border-bottom:1px solid #eee;padding-bottom:.5rem}.add-user-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;flex-direction:column;gap:.5rem}.form-row label{font-size:.9rem;font-weight:500;color:#555}.form-row input[type=email]{padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-row input[type=email]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.group-checkboxes{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.add-user-form button[type=submit]{align-self:flex-start;padding:.5rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.add-user-form button[type=submit]:hover:not(:disabled){background-color:#0056b3}.add-user-form button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.no-users{color:#666;font-style:italic}.user-list{display:flex;flex-direction:column;gap:.75rem}.user-card{border:1px solid #e0e0e0;border-radius:6px;padding:1rem;background:#fafafa}.user-info{margin-bottom:.75rem}.user-email{font-weight:500;color:#333}.user-meta{font-size:.8rem;color:#888;margin-top:.25rem}.user-display{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.user-groups{display:flex;flex-wrap:wrap;gap:.5rem}.group-badge{display:inline-block;padding:.25rem .5rem;background-color:#e3f2fd;color:#1976d2;border-radius:4px;font-size:.8rem;font-weight:500}.no-group{color:#999;font-size:.85rem;font-style:italic}.user-actions{display:flex;gap:.5rem}.btn-edit,.btn-delete,.btn-save,.btn-cancel{padding:.35rem .75rem;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.btn-edit{background-color:#f0f0f0;color:#333}.btn-edit:hover{background-color:#e0e0e0}.btn-delete{background-color:#ffebee;color:#c62828}.btn-delete:hover{background-color:#ffcdd2}.btn-save{background-color:#4caf50;color:#fff}.btn-save:hover{background-color:#43a047}.btn-cancel{background-color:#f0f0f0;color:#333}.btn-cancel:hover{background-color:#e0e0e0}.user-edit{display:flex;flex-direction:column;gap:.75rem}.edit-actions{display:flex;gap:.5rem}@media(max-width:600px){.admin-page,.admin-section{padding:1rem}.user-display{flex-direction:column;align-items:flex-start}.user-actions{margin-top:.5rem}}