:root{color:#24251d;background:#f5f1e8;font-family:Noto Serif TC,Microsoft JhengHei,serif}*{box-sizing:border-box}body{margin:0}main{width:min(100%,680px);margin:auto;padding:28px 18px 48px}header{border-left:3px solid #9d7637;margin:8px 0 28px;padding-left:14px}.eyebrow{letter-spacing:.16em;color:#8a6a35;margin:0;font:600 11px system-ui}h1{margin:4px 0;font-size:32px}header p:last-child{color:#747264;margin:0}form,.result{background:#fffdf8;border:1px solid #e4ddcf;border-radius:12px;padding:18px;box-shadow:0 8px 24px #4735170d}label{color:#625e53;gap:7px;margin-bottom:14px;font-size:13px;display:grid}input{color:#25251f;background:#fff;border:1px solid #d8d1c4;border-radius:7px;min-width:0;padding:10px;font:16px system-ui}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.subtle,.primary{cursor:pointer;border-radius:8px;padding:11px 14px;font:600 15px system-ui}.subtle{color:#5e5137;background:0 0;border:1px solid #b6a98e;margin:-2px 0 14px}.primary{color:#fff;background:#315947;border:0;width:100%;margin-top:5px;display:block}.result{margin-top:18px}.result-head{border-bottom:1px solid #e7e1d6;justify-content:space-between;align-items:baseline;padding-bottom:11px;display:flex}.result-head span{color:#5f5b50}.result-head strong{color:#a44d31;font-size:23px}.timestamp{color:#777268;font:13px system-ui}.pillars{border:1px solid #e2dbce;grid-template-columns:repeat(4,1fr);margin:16px 0;display:grid}.pillars div{text-align:center;border-right:1px solid #e2dbce;padding:9px}.pillars div:last-child{border:0}.pillars span{color:#7a756a;font-size:12px;display:block}.pillars b{color:#315947;font-size:22px}dl{margin:0}dl div{border-top:1px solid #f0ece4;grid-template-columns:94px 1fr;gap:8px;padding:10px 0;font-size:14px;display:grid}dt{color:#777166}dd{overflow-wrap:anywhere;margin:0}details{color:#625e53;margin-top:11px}summary{cursor:pointer}pre{color:#dfe8d7;background:#282b27;border-radius:8px;padding:12px;font:11px ui-monospace,monospace;overflow:auto}.chart-result{margin-top:18px}.palace-grid{border:1px solid #e2dbce;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;display:grid}.palace{border-bottom:1px solid #e2dbce;border-right:1px solid #e2dbce;flex-direction:column;gap:2px;min-height:132px;padding:7px;font-size:12px;display:flex}.palace:nth-child(3n){border-right:0}.palace:nth-last-child(-n+3){border-bottom:0}.palace b{color:#315947}.palace em{color:#a44d31;font-style:normal;font-weight:700}@media (width<=380px){main{padding:20px 12px}.row{gap:8px}input{font-size:14px}.pillars b{font-size:19px}dl div{grid-template-columns:82px 1fr}.palace{min-height:122px;padding:5px;font-size:11px}}.formal-result{padding-top:16px}.method-label{border:1px solid #d9c59d;border-radius:999px;padding:4px 7px;font:600 12px system-ui;color:#8a6a35!important}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.summary-grid div{border-top:1px solid #f0ece4;gap:3px;padding:9px 0;display:grid}.summary-grid small{color:#777166}.summary-grid b{font-size:14px}.context-lines{border-top:1px solid #f0ece4;margin-top:10px;padding-top:6px}.context-lines p{color:#625e53;margin:4px 0;font-size:13px}.chart-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-panel-head span{font-weight:700;display:block}.chart-panel-head small{color:#777166}.settings-button{color:#5e5137;cursor:pointer;white-space:nowrap;background:#fffdf8;border:1px solid #b6a98e;border-radius:7px;padding:8px 10px;font:600 13px system-ui}.settings-panel{background:#f7f3eb;border:1px solid #e2dbce;border-radius:8px;margin-top:12px;padding:10px 12px}.settings-panel h2{margin:0 0 8px;font-size:15px}.setting-row{justify-content:space-between;align-items:center;margin:0;padding:7px 0;font-size:13px;display:flex}.setting-row input{width:18px;height:18px}@media (width<=380px){.summary-grid b{font-size:13px}.chart-panel-head small{font-size:11px}}body{overflow-x:hidden}.formal-header{margin-bottom:18px}.formal-header h1{font-size:30px}.input-card{padding:15px 16px}.input-card label{margin-bottom:10px}.subtle{margin:-3px 0 10px;padding:8px 11px;font-size:13px}.primary{padding:10px 14px}.formal-result{padding:14px 16px}.formal-result .timestamp{margin:8px 0}.formal-result .pillars{margin:10px 0}.formal-result .pillars div{padding:7px 5px}.summary-grid div{padding:6px 0}.chart-panel{padding:14px 16px}.chart-panel-head{margin-bottom:8px}.settings-backdrop{z-index:10;background:#24251d66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.settings-sheet{background:#fffdf8;border-radius:16px 16px 0 0;width:min(100%,680px);padding:16px 20px 24px;box-shadow:0 -8px 30px #24251d33}.settings-sheet-head{border-bottom:1px solid #e7e1d6;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:8px;display:flex}.settings-sheet h2{margin:0;font-size:17px}.settings-close{color:#315947;cursor:pointer;background:0 0;border:0;padding:7px;font:600 13px system-ui}.settings-panel{display:none}.palace-grid{margin-top:8px}.palace{gap:3px;min-height:136px;padding:8px}.palace-label{font-size:13px}.palace-deity{color:#777166;font-size:11px}.palace-star{color:#315947;font-size:15px}.palace-gate{color:#24251d;font-size:14px}.stem-primary,.stem-secondary,.palace-status{flex-wrap:wrap;gap:4px 8px;line-height:1.2;display:flex}.stem-primary{color:#4c4b42;margin-top:2px;font-size:11px}.stem-secondary{color:#8a6a35;font-size:10px}.palace-status{margin-top:auto;padding-top:3px}.palace-status em{border-radius:4px;padding:2px 4px;font:600 10px system-ui}.key-marker{color:#315947;border:1px solid #9eb3a3}.muted-marker{color:#777166;background:#eeeae1}.horse-marker{color:#8a6a35;background:#f1e6cb}.warning-marker{color:#9a432e;background:#f4dfd7;border:1px solid #d7a99a}@media (width<=380px){.formal-header h1{font-size:27px}.input-card,.formal-result,.chart-panel{padding-left:13px;padding-right:13px}.palace{min-height:126px;padding:6px}.palace-star{font-size:14px}.palace-gate{font-size:13px}.stem-primary{font-size:10px}.stem-secondary,.palace-status em{font-size:9px}}[data-qmdj-theme=classic]{color:#202b32;background:#f7f7f5}[data-qmdj-theme=classic] main{padding-top:16px}[data-qmdj-theme=classic] .formal-header{border-bottom:1px solid #b8c0c4;border-left:0;margin:0 0 12px;padding:0 0 8px}[data-qmdj-theme=classic] .formal-header h1{margin:2px 0;font-size:23px}[data-qmdj-theme=classic] header p:last-child{font-size:12px}[data-qmdj-theme=classic] form,[data-qmdj-theme=classic] .result{box-shadow:none;background:#fff;border:1px solid #c5cdd0;border-radius:2px;padding:11px}[data-qmdj-theme=classic] .input-card{padding:10px}[data-qmdj-theme=classic] .input-card label{margin-bottom:7px}[data-qmdj-theme=classic] input{border-color:#aeb9bd;border-radius:2px;padding:7px;font-size:14px}[data-qmdj-theme=classic] .subtle{border-radius:2px;margin:-2px 0 7px;padding:6px 9px}[data-qmdj-theme=classic] .primary{border-radius:2px;margin-top:2px;padding:8px}[data-qmdj-theme=classic] .formal-result{margin-top:10px;padding:10px}[data-qmdj-theme=classic] .formal-result .pillars{border-color:#aeb9bd;margin:7px 0}[data-qmdj-theme=classic] .formal-result .pillars div{padding:5px 3px}[data-qmdj-theme=classic] .formal-result .pillars b{color:#253f4d;font-size:18px}[data-qmdj-theme=classic] .summary-grid{gap:3px}[data-qmdj-theme=classic] .summary-grid div{padding:4px 0}[data-qmdj-theme=classic] .summary-grid small{font-size:10px}[data-qmdj-theme=classic] .summary-grid b{font-size:12px}[data-qmdj-theme=classic] .chart-panel{margin-top:10px;padding:10px}[data-qmdj-theme=classic] .chart-panel-head{margin-bottom:5px}[data-qmdj-theme=classic] .chart-panel-head span{font-size:14px}[data-qmdj-theme=classic] .settings-button{border-radius:2px;padding:6px 8px}[data-qmdj-theme=classic] .palace-grid{border:2px solid #75838a;gap:0;margin-top:5px}[data-qmdj-theme=classic] .palace{background:#fff;border-bottom:1px solid #9aa7ac;border-right:1px solid #9aa7ac;border-radius:0;min-height:128px;padding:5px}[data-qmdj-theme=classic] .palace-label{color:#52636d;font-size:11px}[data-qmdj-theme=classic] .palace-deity{color:#45545b;font-size:10px}[data-qmdj-theme=classic] .palace-star{font-size:14px}[data-qmdj-theme=classic] .palace-gate{font-size:13px}[data-qmdj-theme=classic] .stem-primary{font-size:10px}[data-qmdj-theme=classic] .stem-secondary{font-size:9px}[data-qmdj-theme=classic] .palace-status em{border-radius:1px;padding:1px 3px;font-size:9px}[data-qmdj-theme=classic] .palace-star{color:#9a6a20}[data-qmdj-theme=classic] .palace-gate{color:#315947}[data-qmdj-theme=classic] .element-wood{color:#2f7652}[data-qmdj-theme=classic] .element-fire{color:#b54a35}[data-qmdj-theme=classic] .element-earth{color:#a06d2f}[data-qmdj-theme=classic] .element-metal{color:#a17a22}[data-qmdj-theme=classic] .element-water{color:#2d5e86}.top-nav{justify-content:space-between;align-items:center;display:flex}.records-link,.records-back{color:#315947;cursor:pointer;background:0 0;border:1px solid #b6a98e;border-radius:6px;padding:6px 9px;font:600 12px system-ui}.chart-actions{align-items:center;gap:6px;display:flex}.save-button{color:#fff;cursor:pointer;background:#315947;border:0;border-radius:6px;padding:7px 9px;font:600 12px system-ui}.save-notice{color:#315947;margin:5px 0;font-size:12px}.records-page .formal-header{border-bottom:1px solid #ddd;border-left:0;padding:0 0 12px}.records-page .formal-header h1{font-size:27px}.record-filters{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.record-filters select{background:#fff;border:1px solid #d8d1c4;border-radius:6px;padding:8px;font:14px system-ui}.records-list{gap:8px;display:grid}.record-row{text-align:left;cursor:pointer;color:#24251d;background:#fffdf8;border:1px solid #e4ddcf;border-radius:10px;gap:4px;padding:12px;display:grid}.record-row strong{font-size:15px}.record-row span{color:#625e53;font-size:12px}.empty-state{text-align:center;background:#fffdf8;border:1px solid #e4ddcf;border-radius:10px;padding:28px 18px}.empty-state h2{margin:0 0 7px;font-size:19px}.empty-state p{color:#777166;font-size:13px}.record-detail{margin-top:12px}.record-meta-lines{font-size:13px}.record-meta-lines p{margin:7px 0}.record-actions{gap:8px;margin-top:14px;display:flex}.record-actions button{color:#5e5137;background:#fff;border:1px solid #b6a98e;border-radius:6px;padding:8px 10px;font:600 13px system-ui}.record-edit{border-top:1px solid #e7e1d6;margin-top:14px;padding-top:12px}.record-edit textarea{resize:vertical;border:1px solid #d8d1c4;border-radius:6px;min-height:70px;padding:8px;font:14px system-ui}@media (width<=380px){.record-row{padding:10px}.records-page .formal-header h1{font-size:24px}}[data-qmdj-theme=classic] .record-row,[data-qmdj-theme=classic] .empty-state,[data-qmdj-theme=classic] .record-detail{box-shadow:none;border-color:#c5cdd0;border-radius:2px}.settings-sheet .setting-row input{accent-color:#315947}.delete-backdrop{z-index:20;background:#24251d66;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.delete-dialog{background:#fffdf8;border:1px solid #d8d1c4;border-radius:10px;width:min(100%,360px);padding:20px;box-shadow:0 12px 35px #24251d33}.delete-dialog h2{margin:0 0 8px;font-size:20px}.delete-dialog p{color:#625e53;margin:0 0 18px;font-size:14px}.delete-dialog>div{justify-content:flex-end;gap:8px;display:flex}.delete-dialog button{color:#5e5137;cursor:pointer;background:#fff;border:1px solid #b6a98e;border-radius:6px;padding:8px 14px;font:600 13px system-ui}.delete-dialog .danger-button{color:#fff;background:#9a432e;border-color:#9a432e}.eyebrow{font-size:0}.eyebrow:after{content:"QIMEN · v1.0.1";font-size:11px}[data-qmdj-theme=classic] .palace:nth-child(3n){border-right:0}[data-qmdj-theme=classic] .key-marker{color:#4f5f68;border-color:#819099}[data-qmdj-theme=classic] .muted-marker{color:#53626a;background:#edf0f0}[data-qmdj-theme=classic] .horse-marker{color:#85631e;background:#f2e4bc}[data-qmdj-theme=classic] .warning-marker{color:#9b3d2d;background:#f8e1db;border-color:#d69e91}[data-qmdj-theme=classic] .settings-sheet{border-radius:4px 4px 0 0;padding:12px 16px 18px}[data-qmdj-theme=classic] .theme-picker{border:0;gap:12px;margin:8px 0;padding:0;display:flex}[data-qmdj-theme=classic] .theme-picker legend{color:#52636d;width:100%;margin-bottom:3px;font-size:12px}[data-qmdj-theme=classic] .theme-picker label{align-items:center;gap:4px;margin:0;font-size:12px;display:flex}.theme-picker{border:0;gap:14px;margin:8px 0;padding:0;display:flex}.theme-picker legend{color:#777166;width:100%;margin-bottom:3px;font-size:12px}.theme-picker label{align-items:center;gap:5px;margin:0;font-size:13px;display:flex}.theme-picker input{width:16px;height:16px;padding:0}.settings-divider{background:#e7e1d6;height:1px;margin:8px 0}.settings-section-label{color:#777166;margin:0 0 3px;font-size:11px}