*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#2c1810;-webkit-font-smoothing:antialiased;background:#f5f0e8;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;line-height:1.5}.app{max-width:600px;min-height:100vh;margin:0 auto;padding:16px}.app-title{text-align:center;color:#2c1810;letter-spacing:.1em;margin-bottom:16px;font-size:1.6rem;font-weight:700}.error{color:#c00;background:#fff0f0;border:1px solid #fcc;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:.9rem}.loading{text-align:center;color:#8b7355;padding:24px 0;font-size:.95rem}.input-panel{background:#fff;border:1px solid #d4c5a9;border-radius:8px;margin-bottom:16px;padding:16px}.input-row{margin-bottom:12px}.input-row:last-child{margin-bottom:0}.input-row label{color:#5a4a3a;margin-bottom:4px;font-size:.85rem;font-weight:500;display:block}.datetime-row{gap:8px;display:flex}.now-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#8b7355;border:none;border-radius:6px;padding:8px 14px;font-size:.9rem}.now-btn:hover{background:#6d5a43}.input-row input[type=text],.input-row select{color:#2c1810;background:#faf8f4;border:1px solid #d4c5a9;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-size:.95rem;transition:border-color .2s}.input-row input[type=text]:focus,.input-row select:focus{border-color:#8b7355}.checkbox-row label{cursor:pointer;color:#2c1810;align-items:center;gap:6px;font-size:.9rem;display:flex}.checkbox-row input[type=checkbox]{accent-color:#8b7355;width:16px;height:16px}.field-error{color:#c00;font-size:.8rem}.submit-btn{color:#f5f0e8;cursor:pointer;letter-spacing:.15em;background:#2c1810;border:none;border-radius:6px;width:100%;padding:10px 0;font-size:1rem;font-weight:600;transition:background .2s}.submit-btn:hover:not(:disabled){background:#4a3628}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.adjust-row{gap:8px;display:flex}.adjust-btn{color:#4a3628;cursor:pointer;background:#f5f0e8;border:1px solid #d4c5a9;border-radius:6px;flex:1;padding:8px 0;font-size:.85rem;transition:background .2s}.adjust-btn:hover{background:#e8dfd0}.pan-summary{background:#fff;border:1px solid #d4c5a9;border-radius:8px;margin-bottom:16px;padding:14px 16px}.summary-row{border-bottom:1px dashed #e8dfd0;flex-wrap:wrap;gap:12px;padding:4px 0;display:flex}.summary-row:last-child{border-bottom:none}.summary-row.pillars{justify-content:center;gap:20px;padding-bottom:8px}.pillar{flex-direction:column;align-items:center;display:flex}.pillar-label{color:#8b7355;font-size:.75rem}.pillar-value{color:#2c1810;letter-spacing:.05em;font-size:1.1rem;font-weight:600}.summary-item,.summary-line{color:#4a3628;white-space:nowrap;font-size:.85rem}.summary-row.true-solar{background:#faf5ed;border-radius:0;margin:2px -16px;padding:6px 16px}.chart-grid{background:#d4c5a9;border:1px solid #d4c5a9;border-radius:8px;grid-template-columns:auto auto auto;gap:1px;display:grid;overflow:hidden}.palace-cell{background:#fff;min-height:90px;padding:6px 8px;font-size:1.2rem}.palace-cell.palace-void{background:#f8f5f0}.palace-grid{text-align:left;grid-template-rows:auto auto auto minmax(1.3em,auto);grid-template-columns:auto auto auto auto;align-items:center;row-gap:2px;display:grid}.g-r1c1{color:#e74c3c;grid-column:1}.g-r1c2{grid-column:2}.g-r1c3{grid-column:3}.g-r1c4{color:#999;grid-column:4}.g-r2c1{grid-column:1}.g-r2c2{grid-column:2}.g-r2c34{grid-column:3/5}.g-r3c1{grid-column:1}.g-r3c2{grid-column:2}.g-r3c34{grid-column:3/5}.g-r4c1{grid-column:1}.g-r4c2{grid-column:2}.g-r4c3{grid-column:3}.g-r4c4{grid-column:4}.clr-deity{color:#7b5ea7}.clr-hidden{color:#999}.clr-star{color:#c0392b}.clr-gate{color:#2980b9}.clr-hstem{color:#2c1810}.clr-estem{color:#4a3628}.palace-center-grid{grid-template-columns:auto 1fr;align-items:center;row-gap:2px;display:grid}.c-r1{text-align:right;color:#4a3628;grid-column:1/-1}.c-r2{text-align:right;color:#2c1810;grid-column:1/-1}.c-r3l{color:#c0392b}.c-r3r{text-align:right;color:#4a3628}.c-r4l{color:#2980b9}.c-r4r{text-align:right;color:#4a3628}@media (width<=400px){.app{padding:10px}.app-title{font-size:1.3rem}.palace-cell{min-height:72px;padding:4px 5px;font-size:1.05rem}.palace-grid{grid-template-columns:auto auto auto auto}.summary-row.pillars{gap:14px}.pillar-value{font-size:1rem}}@media (width>=500px){.palace-cell{min-height:100px;padding:8px 10px;font-size:1.3rem}}.interpret-panel{background:#fff;border:1px solid #d4c5a9;border-radius:8px;margin-top:16px;padding:16px}.interpret-title{color:#2c1810;letter-spacing:.05em;margin-bottom:12px;font-size:1.05rem;font-weight:700}.interpret-form textarea{color:#2c1810;resize:vertical;background:#fdfbf7;border:1px solid #d4c5a9;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:.9rem}.interpret-form textarea:focus{border-color:#8b7355;outline:none}.interpret-form select{color:#2c1810;background:#fdfbf7;border:1px solid #d4c5a9;border-radius:6px;width:100%;padding:8px 10px;font-size:.9rem}.interpret-output{color:#2c1810;white-space:pre-wrap;word-break:break-word;background:#fdfbf7;border:1px solid #e8dcc4;border-radius:6px;margin-top:16px;padding:14px;font-size:.92rem;line-height:1.75}.interpret-cursor{color:#8b7355;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.interpret-form input[type=number]{color:#2c1810;background:#fdfbf7;border:1px solid #d4c5a9;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:.9rem}.interpret-actions{gap:8px;display:flex}.preview-btn{color:#5a4a3a;cursor:pointer;background:#fdfbf7;border:1px solid #d4c5a9;border-radius:6px;flex:1;padding:10px;font-size:.9rem}.preview-btn:hover:not(:disabled){background:#f5efe0}.preview-btn:disabled{opacity:.5;cursor:not-allowed}.interpret-actions .submit-btn{flex:1}.feature-preview{color:#2c1810;background:#faf7f0;border:1px solid #e8dcc4;border-radius:6px;margin-top:16px;padding:12px 14px;font-size:.85rem}.feature-preview-title{color:#5a4a3a;letter-spacing:.05em;margin-bottom:8px;font-weight:700}.feature-section{margin-bottom:10px}.feature-section:last-child{margin-bottom:0}.feature-label{color:#8b7355;margin-right:4px;font-weight:600}.feature-list{margin:6px 0 0;padding:0;list-style:none}.feature-list li{background:#fff;border-radius:4px;margin-bottom:4px;padding:6px 8px;line-height:1.6}.level-tag,.pattern-tag{border-radius:3px;margin-right:6px;padding:1px 6px;font-size:.75rem;font-weight:600;display:inline-block}.level-primary{color:#8b6914;background:#fff3cc}.level-secondary{color:#555;background:#e8e8e8}.pattern-auspicious{color:#155724;background:#d4edda}.pattern-inauspicious{color:#721c24;background:#f8d7da}.pattern-caution{color:#856404;background:#fff3cd}.palace-ref{color:#8b7355;margin-left:4px}.pattern-desc,.relations{color:#5a4a3a;margin-top:2px;padding-left:4px;font-size:.82rem}.markers{color:#a04040;margin-left:4px}.feature-empty{color:#8b7355;font-style:italic}.interpret-output-body{white-space:pre-wrap}.interpret-thinking{border-top:1px dashed #d4c5a9;margin-top:12px;padding-top:10px}.thinking-toggle{color:#8b7355;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.thinking-body{color:#5a4a3a;white-space:pre-wrap;word-break:break-word;background:#f5f0e8;border-radius:4px;max-height:220px;margin-top:8px;padding:8px 10px;font-family:inherit;font-size:.78rem;overflow-y:auto}.result-area{margin-top:16px}.tabs{border-bottom:1px solid #d4c5a9;gap:4px;margin-bottom:12px;display:flex}.tab{cursor:pointer;color:#8b7355;letter-spacing:.05em;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;flex:1;padding:10px 16px;font-family:inherit;font-size:.95rem;font-weight:500;transition:color .15s,border-color .15s,background .15s;position:relative;bottom:-1px}.tab:hover:not(.tab-active){color:#5a4a3a;background:#d4c5a926}.tab-active{color:#2c1810;background:#fdfbf7;border-color:#d4c5a9;font-weight:700}.tab:focus-visible{outline-offset:-2px;border-radius:8px 8px 0 0;outline:2px solid #8b6914}.tab-panel[hidden]{display:none}