:root{color-scheme:light;--bg:#f4f6f8;--surface:#fff;--text:#182c3d;--muted:#62717c;--line:#dbe1e5;--accent:#8e7448;--soft:#edf1f4;--good:#366b61;--care:#94504d} :root[data-theme=night]{color-scheme:dark;--bg:#10191f;--surface:#19252e;--text:#e8edf1;--muted:#a0acb5;--line:#34454f;--accent:#c6ac7e;--soft:#24333e;--good:#91c7b7;--care:#e0aaa5}*{box-sizing:border-box}[hidden]{display:none!important}html,body,button,a,summary{touch-action:manipulation}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}button,input,select{border:1px solid var(--line);border-radius:5px;min-height:44px;background:var(--surface)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:wait}.page{max-width:1000px;margin:auto;padding:22px 20px max(24px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}header a{font-size:14px;text-decoration:none}.brand{letter-spacing:.08em;font-weight:500}.theme{display:flex;padding:3px;gap:2px;background:var(--soft);border-radius:6px}.theme button{border:0;background:transparent;font-size:14px;min-height:34px;padding:4px 9px}.theme button[aria-pressed=true]{background:var(--surface)}.title{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0}.title span{font-size:13px;color:var(--muted)}h1{font-weight:500;font-size:26px;letter-spacing:.08em;margin:0}h2{font-size:20px;font-weight:500;margin:0 0 10px}h3{font-size:17px;font-weight:500;margin:12px 0 8px}p{margin:8px 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:18px;margin-bottom:14px;min-width:0}summary{cursor:pointer;min-height:36px}#birthSummary{font-size:13px;color:var(--muted);margin-left:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}label{font-size:14px;color:var(--muted);min-width:0}label input,label select{display:block;width:100%;padding:7px 8px;font-size:16px;margin-top:5px;max-width:100%;min-width:0;color:var(--text)}input[type=date],input[type=time]{-webkit-appearance:none;appearance:none;min-width:0}.hint,.privacy{font-size:13px;color:var(--muted);line-height:1.65}.privacy{font-size:12px}.rules{margin-top:12px;color:var(--muted);font-size:14px}.primary{background:var(--text);color:var(--surface);padding:9px 24px;margin-top:12px;min-width:150px}.error{color:var(--care);font-size:14px}.empty{text-align:center;color:var(--muted);padding:50px 12px 60px}.empty span{font-size:13px}.tabs{display:flex;gap:4px;background:var(--soft);padding:4px;border:1px solid var(--line);border-radius:6px;margin:12px 0}.tabs button{flex:1;background:transparent;border:0;font-size:14px;padding:7px 4px}.tabs button[aria-pressed=true]{background:var(--surface);color:var(--accent)}.notice{font-size:14px;padding:10px;border-left:3px solid var(--accent);background:var(--soft)}.chart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(123px,auto));gap:5px}.palace-cell{padding:8px;text-align:left;display:flex;flex-direction:column;align-items:stretch;min-width:0;line-height:1.5}.palace-cell[aria-pressed=true]{border:2px solid var(--accent);padding:7px;background:var(--soft)}.palace-cell.related{border-style:dashed;border-color:var(--accent)}.palace-heading{display:flex;justify-content:space-between;gap:3px;font-size:14px;font-weight:500}.branch{color:var(--muted);font-size:12px}.cell-stars{font-size:15px;margin:5px 0;min-height:24px}.cell-star{display:block}.cell-star small{font-size:12px;color:var(--muted);margin-left:3px}.mutagen-tag{font-size:12px;border:1px solid currentColor;border-radius:3px;padding:0 2px;margin-left:2px;color:var(--good)}.mutagen-tag.care{color:var(--care)}.cell-meta{font-size:12px;color:var(--muted);margin-top:auto}.chart-center{grid-column:2/4;grid-row:2/4;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--soft);border-radius:5px;font-size:14px;min-width:0;overflow-wrap:anywhere}.chart-center strong{font-weight:500;font-size:20px;color:var(--accent)}.chart-center p{margin:4px 0}.chart-center button{font-size:14px;padding:6px 12px;margin-top:8px}.chart-legend{margin:8px 0 14px}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-grid span{font-size:13px;color:var(--muted);display:block}.summary-grid strong{font-size:16px;font-weight:500}.patterns{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-block;background:var(--soft);border:1px solid var(--line);border-radius:4px;padding:3px 8px;font-size:14px;margin:3px 3px 3px 0}.palace-picker{display:flex;align-items:center;gap:12px;margin-bottom:12px}.palace-picker select{width:160px;margin:0}.analysis-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.score{color:var(--accent);white-space:nowrap}.star-table{border-collapse:collapse;width:100%;font-size:14px}.star-table th,.star-table td{border-bottom:1px solid var(--line);padding:9px 5px;vertical-align:top;text-align:left;font-weight:400}.star-table th{color:var(--muted)}.star-table td:first-child{white-space:nowrap}.star-table .soft{color:var(--good)}.star-table .tough{color:var(--care)}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.related-grid button{text-align:left;padding:10px;font-size:14px;background:var(--soft)}.related-grid span{display:block;color:var(--muted);font-size:13px}.energy-bars{display:grid;gap:7px}.energy-row{display:grid;grid-template-columns:55px 1fr 34px;gap:10px;align-items:center;border:0;background:transparent;padding:0;min-height:32px;font-size:14px;text-align:left}.track{height:8px;background:var(--soft);border-radius:3px;overflow:hidden}.fill{display:block;height:100%;background:var(--accent)}.energy-row b{font-size:14px;text-align:right;font-weight:500}.decade-chart{width:100%;overflow-x:auto}.decade-chart svg{display:block;width:100%;min-width:600px;height:auto;color:var(--muted)}.decade-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:12px 0}.decade-buttons button{font-size:13px;padding:6px 3px;line-height:1.5}.decade-buttons button[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}#decadeDetail{border-top:1px solid var(--line);padding-top:10px}.mutagen-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mutagen-card{background:var(--soft);border-radius:5px;padding:14px}.mutagen-card h3{margin:0 0 6px}.mutagen-card p{font-size:14px}.mutagen-card button{font-size:14px;padding:5px 9px}.sources{margin-top:18px;border-top:1px solid var(--line);padding-top:12px;font-size:13px;color:var(--muted)}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding-top:20px}
@media(min-width:700px){.page{padding:20px 24px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-grid{grid-template-rows:repeat(4,minmax(135px,auto))}.cell-stars{font-size:17px}.cell-star{display:inline-block;margin-right:9px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.energy-bars{grid-template-columns:1fr 1fr;column-gap:26px}.decade-buttons{grid-template-columns:repeat(6,minmax(0,1fr))}.analysis-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.mutagen-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:420px){.page{padding-left:12px;padding-right:12px}.brand{font-size:15px}.title span{font-size:12px}.card{padding:14px}.chart-grid{gap:3px;grid-template-rows:repeat(4,minmax(133px,auto))}.palace-cell{padding:5px}.palace-cell[aria-pressed=true]{padding:4px}.palace-heading{flex-wrap:wrap;font-size:14px}.cell-star small{margin-left:1px}.cell-stars{font-size:14px}.chart-center{padding:10px;font-size:13px}.chart-center strong{font-size:18px}.tabs button{font-size:13px}.star-table{font-size:13px}}
.flow-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.flow-form label{flex:1;min-width:160px}.flow-form button{padding:8px 12px;min-width:0;margin-top:0}.flow-navigation{display:flex;gap:8px;justify-content:space-between;margin:12px 0}.flow-navigation button{font-size:14px;padding:6px 12px}.flow-scope{display:flex;gap:5px;background:var(--soft);padding:4px;border-radius:5px;margin-top:12px}.flow-scope button{flex:1;border:0;background:transparent}.flow-scope button[aria-pressed=true]{background:var(--surface);color:var(--accent)}.flow-palaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.flow-palaces button{text-align:left;padding:10px;line-height:1.6;min-width:0;overflow-wrap:anywhere}.flow-palaces button[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.flow-palaces strong{font-weight:500;font-size:15px}.flow-palaces span,.flow-palaces small{display:block;font-size:12px;color:var(--muted)}#flowToNatal{padding:6px 12px;font-size:14px}.tabs{flex-wrap:wrap}.tabs button{white-space:nowrap}@media(min-width:700px){.flow-palaces{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:599px){.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.flow-form button{font-size:14px}.flow-palaces button{padding:8px 6px}}
.saved-profiles{background:var(--soft);padding:12px;border-radius:5px;margin:10px 0 16px}.profile-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:8px}.profile-heading strong{font-weight:500}.profile-heading span{color:var(--muted);font-size:13px}.profile-row{display:flex;gap:6px}.profile-row select{flex:1;min-width:0;width:100px;font-size:16px;padding:6px}.profile-row button{flex-shrink:0;font-size:14px;padding:6px 9px}.profile-save{padding:9px 24px;margin:12px 0 0 8px}#profileDialog{width:min(440px,calc(100% - 32px));max-height:85svh;overflow-y:auto;border:1px solid var(--line);border-radius:8px;padding:22px;background:var(--surface);color:var(--text)}#profileDialog::backdrop{background:#08131d88}.alias-editor{display:block;width:100%;min-height:46px;border:1px solid var(--line);border-radius:5px;padding:9px 10px;margin-top:7px;background:var(--bg);font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.alias-editor:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.alias-editor:focus{outline:2px solid var(--accent);outline-offset:2px}.profile-dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.profile-dialog-actions button{min-width:0;margin:0;padding:8px 12px;font-size:14px}#profileStatus:empty{display:none}@media(max-width:380px){.profile-row{flex-wrap:wrap}.profile-row select{flex-basis:100%}}

#inlinePalace{scroll-margin-top:12px}.inline-star-list{list-style:none;margin:8px 0;padding:0}.inline-star-list li{border-top:1px solid var(--line);padding:9px 0}.inline-star-list strong{font-size:16px;font-weight:500}.inline-star-list p{font-size:14px;color:var(--muted);margin:4px 0;line-height:1.65}.star-strength{font-size:12px;color:var(--muted);display:inline-block;margin-left:8px}.inline-score-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.inline-score-pair div{padding:10px 12px;background:var(--soft);border-radius:5px}.inline-score-pair span{display:block;font-size:13px;color:var(--muted)}.inline-score-pair strong{font-size:24px;font-weight:500;color:var(--accent)}.inline-score-pair small{font-size:13px;color:var(--muted);font-weight:400}.inline-interaction{border-left:2px solid var(--accent);padding:4px 12px;background:var(--soft);font-size:14px}.inline-empty{font-size:14px;color:var(--muted)}.inline-related{display:grid;gap:12px;margin-bottom:14px}.inline-related .card{margin:0}.inline-related h3{margin:0}.inline-related article>p{font-size:14px}.inline-choose{font-size:14px;padding:7px 10px;margin-top:10px}@media(min-width:700px){.inline-related{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-own .inline-star-list{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.inline-related .analysis-head{flex-wrap:wrap;gap:3px}.inline-related .star-strength{display:block;margin:3px 0 0}}
.chart-layer-toolbar{display:flex;align-items:end;gap:10px;margin:12px 0}.chart-layer-toolbar label{flex:1}.chart-layer-toolbar button{font-size:14px;padding:7px 12px}.overlay-palace-name{font-size:13px;color:var(--accent);font-weight:500;border-bottom:1px solid var(--line);padding-bottom:3px;margin-bottom:4px}.overlay-stars{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.overlay-tag{font-size:12px;color:var(--good);border-left:2px solid currentColor;padding-left:4px}.overlay-tag.care{color:var(--care)}.overlay-four{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.overlay-four button{padding:8px;text-align:left;font-size:14px}.overlay-four span{display:block;font-size:12px;color:var(--muted)}.topic-options{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.topic-options button{flex:1;font-size:14px;padding:7px;white-space:nowrap}.topic-options button[aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}.topic-summary{display:grid;gap:8px;margin:12px 0}.topic-summary>div{background:var(--soft);padding:12px;border-radius:5px}.topic-summary span{display:block;font-size:13px;color:var(--muted)}.topic-summary strong{font-size:16px;font-weight:500}.topic-summary p{font-size:14px;margin:5px 0}.topic-palace-cards{display:grid;gap:10px}.topic-palace-cards article{border:1px solid var(--line);border-radius:5px;padding:12px}.topic-palace-cards h3{margin:0 0 7px}.topic-palace-cards p{font-size:14px}.topic-palace-cards .hint{font-size:13px}.topic-palace-cards button{font-size:13px;padding:5px 8px;margin:5px 4px 0 0}#decadeOverlayDetail{scroll-margin-top:12px}@media(min-width:700px){.topic-summary,.topic-palace-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}

.pattern-badge{background:var(--soft);border:1px solid var(--accent);color:var(--accent);padding:6px 10px;font-size:14px;border-radius:4px}.pattern-card{scroll-margin-top:14px}.pattern-card summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px;list-style:revert;font-size:16px}.pattern-card summary strong{font-weight:500}.pattern-state{font-size:12px;color:var(--muted)}.pattern-match{border:2px solid var(--accent);background:var(--surface)}.pattern-match .pattern-state{color:var(--accent);font-weight:500}.pattern-card p{font-size:14px}.pattern-evidence{padding-left:20px;font-size:14px;color:var(--muted);line-height:1.8}.star-guide-grid{display:grid;gap:10px;margin:12px 0 22px;align-items:start}.star-guide-grid .card{margin:0}.star-guide-card summary strong{font-size:17px;font-weight:500}.star-guide-card summary span{display:block}.star-guide-card p,.auxiliary-card p{font-size:14px}.auxiliary-card h3{margin:0}.guide-position{font-size:13px;padding:7px 9px;max-width:100%;text-align:left;background:var(--soft)}@media(min-width:700px){.star-guide-grid{grid-template-columns:1fr 1fr}}

.pattern-intro{margin:16px 0;padding-bottom:12px;border-bottom:1px solid var(--line)}.pattern-card h3{font-size:16px;font-weight:500;margin:16px 0 8px}.pattern-card .pattern-intro p,.pattern-overview p,.pattern-overview dl{font-size:16px;line-height:1.8}.pattern-overview summary{font-size:14px}.pattern-overview dt{font-weight:500;margin-top:12px}.pattern-overview dd{margin:2px 0 0;color:var(--muted)}

.cell-growth{display:block;width:fit-content;margin-top:3px;font-size:12px;font-weight:500;color:var(--accent);line-height:1.4}.growth-note{border-left:2px solid var(--accent);background:var(--soft);padding:10px 12px;margin:12px 0}.growth-note p{margin:3px 0}.growth-note strong{font-weight:500}

.flow-scope button{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;min-width:0}.flow-score{font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.flow-score small{font-size:12px;font-weight:400;color:var(--muted)}

.flow-trend-chart svg{display:block;width:100%;height:auto;overflow:visible}.trend-gridline{stroke:var(--line);stroke-width:1}.trend-axis{fill:var(--muted);font-size:15px}.trend-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}.trend-point{fill:var(--accent)}.flow-trend-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:12px 0}.flow-trend-months button{padding:6px 2px;min-width:0;font-size:14px}.flow-trend-months strong{display:block;font-size:16px;font-weight:500}.flow-trend-months small{font-size:12px;font-weight:400;color:var(--muted)}.flow-trend-months button[aria-pressed=true]{border-color:var(--accent);background:var(--soft);color:var(--accent)}.flow-trend-months button:disabled{cursor:default}.flow-trend-detail{border-top:1px solid var(--line);padding-top:10px}@media(max-width:420px){.flow-trend-months{grid-template-columns:repeat(4,minmax(0,1fr))}}
.topic-options.life-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.life-options button{min-height:46px;padding:8px 4px;font-size:14px}.life-answer{padding:14px 0;border-top:1px solid var(--line)}.life-answer h3{color:var(--accent);margin-top:0}.life-answer p{font-size:16px;line-height:1.85}.life-reason{font-size:13px;background:var(--soft);padding:12px;border-left:3px solid var(--accent);color:var(--muted)}.life-evidence{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.life-evidence summary{font-size:14px;color:var(--accent)}.life-evidence-palace{padding:10px;background:var(--soft);margin:8px 0;border-radius:5px}.life-evidence-palace button{font-size:13px;padding:6px 12px}.life-period+ .life-period{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}@media(max-width:420px){.life-options button{font-size:12px}.life-answer p{font-size:15px}}
.reading-matrix .star-group p{margin:4px 0}.reading-matrix .star-group+.star-group{margin-top:8px}.reading-matrix article>button{margin-top:10px}.reading-matrix article>h3{margin-bottom:10px}
.reading-matrix{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reading-matrix article{background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:12px}.reading-matrix h3{margin-top:0}.star-group>strong{font-size:12px;color:var(--muted)}.reading-star{display:block;font-size:14px;margin:5px 0}.reading-star small{font-size:11px;color:var(--muted)}.reading-star b{font-size:11px;color:var(--accent)}.reading-star.malefic{color:var(--care)}.reading-matrix button{font-size:12px;padding:5px 10px}.evidence-reading>h2{margin-top:24px}.evidence-reading>h2:first-child{margin-top:0}.star-reading{padding:12px 0;border-top:1px solid var(--line)}.star-reading h3{color:var(--accent);margin-top:0}.reading-change{border-left:3px solid var(--accent);padding:8px 12px;background:var(--soft)}.reading-combination{padding:14px;border:1px solid var(--accent);border-radius:5px;margin:12px 0}.period-reading{margin:14px 0}.period-reading>summary{background:var(--soft);padding:12px;border-radius:5px}@media(max-width:420px){.reading-matrix{gap:6px}.reading-matrix article{padding:9px}.reading-matrix h3{font-size:14px}}
.uniform-reading .uniform-seat{color:var(--muted);margin-top:-6px}.uniform-palace{margin-top:26px}.uniform-palace>h3{font-size:18px;border-bottom:1px solid var(--line);padding-bottom:12px}.uniform-star{padding:8px 0 18px;border-bottom:1px solid var(--line)}.uniform-star:last-child{border-bottom:0}.uniform-star h4{color:var(--accent);font-size:17px;font-weight:600;line-height:1.7;margin:12px 0 8px;overflow-wrap:anywhere}.uniform-star p,.uniform-summary p{font-size:16px;line-height:1.9;margin:10px 0}.uniform-star .uniform-strength{font-size:15px}.uniform-mutation{border-left:2px solid var(--accent);padding-left:12px}.uniform-summary{margin-top:26px;padding-top:20px;border-top:2px solid var(--accent)}.uniform-summary h3{font-size:20px}.uniform-reading{overflow-wrap:anywhere}
.career-elements{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}
.career-elements label{display:block;font-size:1rem}
.career-elements select{display:block;width:100%;min-height:44px;margin-top:.5rem;font:inherit}
.main-star-detail{line-height:1.85}

/* All natal stars remain visible, including auxiliary and malefic stars. */
.cell-aux{display:flex;flex-wrap:wrap;gap:3px 8px;border-top:1px solid var(--line);padding-top:5px;margin-bottom:7px;font-size:12px;overflow-wrap:anywhere}
.cell-aux .cell-star{margin:0;display:inline-block}.cell-aux .star-tough{color:var(--care)}
.palace-cell{height:auto;overflow:visible}.cell-aux:empty{display:none}

.cell-cycles{font-size:11px;color:var(--muted);margin-bottom:5px;overflow-wrap:anywhere}