:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202124;background:#f5f6f7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;background:linear-gradient(180deg,#fff 0,#f5f6f7 260px),#f5f6f7}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1240px;margin:0 auto;padding:18px 20px 12px}.topbar h1{margin:0;font-size:24px;line-height:1.15;letter-spacing:0}.topbar p{margin:4px 0 0;color:#6b6f76;font-size:13px}.locale-picker{display:flex;align-items:center;gap:8px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(270px,336px) minmax(0,1fr);gap:14px;max-width:1240px;margin:0 auto;padding:0 20px 24px}.input-panel,.result-panel,.info-band,.element-bars,.timeline,.inline-note{background:#fff;border:1px solid #dee2e7;border-radius:8px;box-shadow:0 8px 24px #0f172a0a}.input-panel{position:sticky;top:10px;display:grid;align-content:start;gap:10px;padding:12px}.panel-title,.info-band h2,.timeline h2{margin:0;font-size:15px;line-height:1.3;letter-spacing:0;color:#374151}label,.control-group{display:grid;gap:4px;min-width:0;color:#4b5563;font-size:13px}input:not([type=checkbox]),select,textarea{appearance:none;width:100%;min-height:34px;border:1px solid #cfd6df;border-radius:6px;padding:6px 9px;color:#111827;background:#fff}select{height:34px;padding-right:28px;background:linear-gradient(45deg,transparent 50%,#6b7280 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,linear-gradient(135deg,#6b7280 50%,transparent 50%) calc(100% - 9px) 50% / 6px 6px no-repeat,#fff}input::placeholder{color:#9aa3af}textarea{min-height:72px;resize:vertical;line-height:1.45}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid #2f80ed;outline-offset:2px}.date-time-row{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:8px}.date-input,.time-input{font-variant-numeric:tabular-nums}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.location-note{min-width:0;display:flex;flex-wrap:wrap;gap:5px;color:#6b7280;font-size:11px;line-height:1.2}.location-note span{min-width:0;padding:2px 6px;border-radius:999px;background:#f4f6f8;overflow-wrap:anywhere}.toggle-row{display:flex;grid-template-columns:none;align-items:center;gap:8px}.toggle-row input{width:18px;height:18px;min-height:18px;margin:0;accent-color:#b23a48}.segmented,.button-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}button{min-height:34px;border:1px solid #cfd6df;border-radius:6px;padding:6px 10px;background:#fff;color:#263238;cursor:pointer}button:hover{border-color:#9aa7b4}button.active{border-color:#b23a48;background:#fff3f4;color:#8f2431}.primary-button{border-color:#a93442;background:#b23a48;color:#fff;font-weight:700}.primary-button:disabled{opacity:.7;cursor:wait}.ghost-button{background:#f7f8fa}.result-panel{min-width:0;overflow:hidden}.result-panel.is-empty .tabs{display:none}.chart-summary{display:grid;grid-template-columns:48px minmax(150px,1fr) minmax(240px,1.4fr);align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #dee2e7;background:#fff}.subject-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d8c8ab;border-radius:8px;background:#fffaf0;color:#8a5b16;font-size:21px;font-weight:800}.summary-main{min-width:0}.summary-title-row{display:flex;align-items:center;gap:6px;min-width:0}.summary-main h2{margin:0;font-size:18px;line-height:1.2;letter-spacing:0}.summary-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.summary-tags span{min-height:21px;padding:3px 7px;border-radius:999px;background:#f4f6f8;color:#5f6772;font-size:12px;overflow-wrap:anywhere}.summary-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;margin:0}.summary-facts div{min-width:0;padding-left:8px;border-left:1px solid #edf0f3}.summary-facts dt{color:#6b7280;font-size:12px}.summary-facts dd{margin:1px 0 0;color:#111827;font-size:12px;overflow-wrap:anywhere}.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #dee2e7}.tabs button{border:0;border-right:1px solid #edf0f3;border-radius:0;min-width:0;padding:8px;font-size:13px}.tabs button:last-child{border-right:0}.tabs button.active,.tabs button[aria-selected=true]{background:#eef6f0;color:#245b3a}.content-grid,.profile-grid{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.stack{min-width:0;display:grid;gap:10px;padding:10px}.content-grid>*,.profile-grid>*,.stack>*{min-width:0}.profile-wide{grid-column:1 / -1}.professional-flow{align-items:start}.seasonal-element-strip{padding:0}.seasonal-element-chips{width:100%;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.seasonal-element-chip{display:flex;align-items:center;justify-content:center;min-width:0;min-height:36px;padding:8px 10px;border:1px solid #dee2e7;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172a0a;font-size:12px;font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere}.section-divider{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 2px 0}.section-divider h2{margin:0;color:#1f2937;font-size:15px;line-height:1.3;letter-spacing:0}.section-divider span{color:#6b7280;font-size:12px;text-align:right}.bazi-plate{min-width:0;width:100%;overflow:hidden;border:1px solid #dee2e7;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172a0a}.plate-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid #edf0f3}.plate-heading>div{min-width:0}.plate-heading h2{margin:0;font-size:15px;line-height:1.3;letter-spacing:0;color:#374151}.plate-heading p{margin:2px 0 0;color:#6b7280;font-size:12px}.plate-scroll{min-width:0;overflow-x:auto}.plate-grid{display:grid;width:100%;min-width:0}.plate-row-grid{display:grid;width:100%;min-width:0;grid-template-columns:72px repeat(4,minmax(0,1fr))}.plate-cell{min-width:0;min-height:36px;display:grid;place-items:center;gap:2px;padding:6px;border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3;text-align:center;overflow-wrap:anywhere;background:#fff}.plate-cell>*{min-width:0;max-width:100%}.plate-row-grid>.plate-cell:last-child{border-right:0}.plate-label{position:sticky;left:0;z-index:2;color:#6b7280;font-size:12px;font-weight:700}.plate-head{background:#f7f8fa;color:#374151}.plate-head.plate-label{z-index:3}.plate-head strong{font-size:12px}.plate-head small{color:#b23a48;font-size:11px}.is-shaded{background:#fbfcfd}.plate-cell.is-top-aligned,.professional-cell.is-top-aligned{place-items:start center;align-content:start}.plate-label.is-top-aligned{place-items:start center}.professional-label.is-top-aligned{place-items:start start}.plate-cell.is-compact-text,.professional-cell.is-compact-text{font-size:12px;line-height:1.15}.plate-cell.is-regular-text .value-stack-item,.professional-cell.is-regular-text .value-stack-item{font-weight:400}.day-master-column{background:#fff7f3}.pillar-glyph{font-size:24px;line-height:1;font-weight:800}.professional-plate .plate-cell{min-height:32px;padding:4px 5px}.professional-grid{width:100%;min-width:0;max-width:100%;display:grid;border-top:1px solid #edf0f3;overflow-x:auto}.professional-cell{min-width:0;min-height:34px;display:grid;place-items:center;gap:2px;padding:5px 6px;border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3;text-align:center;overflow-wrap:anywhere;background:#fff}.professional-cell.is-row-end{border-right:0}.professional-cell.is-last-row{border-bottom:0}.professional-label{place-items:center start;color:#6b7280;font-size:12px;font-weight:700;line-height:1.2;text-align:left}.professional-head{background:#f7f8fa;color:#374151}.professional-head strong{font-size:13px;line-height:1.15}.professional-head small{color:#b23a48;font-size:12px;line-height:1.15;white-space:pre-line}.fortune-column{background:#f8fbff}.auxiliary-column{background:#fffaf4}.auxiliary-column.is-shaded{background:#fff7ed}.ganzhi-stack{display:inline-grid;align-items:center;justify-items:center;gap:1px;min-width:0;line-height:1}.ganzhi-stack b{font-size:inherit;font-weight:800;line-height:1}.ganzhi-line{min-width:0;display:inline-grid;grid-template-columns:auto minmax(0,max-content);align-items:center;justify-content:center;gap:3px;color:inherit;font-size:inherit;line-height:1}.ganzhi-line small{min-width:0;max-width:4.8em;color:#6b7280;font-size:10px;font-weight:700;line-height:1.05;overflow-wrap:anywhere;text-align:left}.professional-ganzhi{justify-content:center}.professional-ganzhi b{font-size:23px}.professional-ganzhi .ganzhi-line{justify-content:center}.professional-ganzhi .ganzhi-line small{max-width:4em;font-size:10px}.professional-cell .value-stack,.plate-cell .value-stack{justify-content:center}.muted-value{color:#8a94a3;font-size:12px}.fortune-card .muted-value{color:#8a94a3;font-size:20px;font-weight:800}.wood{color:#2f9e44}.fire{color:#d9480f}.earth{color:#a97800}.metal{color:#6b7280}.water{color:#1971c2}.value-stack{min-width:0;display:grid;justify-items:center;gap:2px;line-height:1.15}.value-stack-item{min-width:0;max-width:100%;color:#374151;font-size:12px;font-weight:700;line-height:1.15;overflow-wrap:anywhere;text-align:center}.value-stack-item.wood{color:#2f9e44}.value-stack-item.fire{color:#d9480f}.value-stack-item.earth{color:#a97800}.value-stack-item.metal{color:#6b7280}.value-stack-item.water{color:#1971c2}.stage-value,.nayin-value{font-weight:700;line-height:1.15;overflow-wrap:anywhere}.stage-value.stage-rising{color:#1f8a4c}.stage-value.stage-transition{color:#a46a00}.stage-value.stage-declining{color:#b23a48}.stage-value.stage-neutral{color:#4b647a}.value-stack-item.shensha-auspicious{color:#1f8a4c}.value-stack-item.shensha-inauspicious{color:#b23a48}.value-stack-item.shensha-mixed{color:#a46a00}.value-stack-item.shensha-neutral{color:#4b647a}.plate-cell .value-stack,.professional-cell .value-stack{justify-items:center}.info-band{padding:10px}.info-band dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:8px 0 0}.info-band div{min-width:0}.info-band dt{color:#6b7280;font-size:12px}.info-band dd{margin:2px 0 0;color:#111827;font-size:13px;overflow-wrap:anywhere}.profile-grid .info-band dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px}.profile-overview dl{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-band dl{grid-template-columns:1fr}.analysis-dashboard{min-width:0;display:grid;gap:10px;padding:10px}.ai-reading-dashboard{grid-template-columns:minmax(0,1fr)}.analysis-lead{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.analysis-lead-card,.analysis-section,.ai-interpretation-panel{min-width:0;border:1px solid #dee2e7;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172a0a}.analysis-lead-card{display:grid;align-content:start;gap:4px;min-height:74px;padding:9px 10px}.analysis-lead-card span,.analysis-section dt{color:#6b7280;font-size:12px;line-height:1.25}.analysis-lead-card strong{min-width:0;color:#111827;font-size:15px;line-height:1.25;overflow-wrap:anywhere}.analysis-lead-card small{min-width:0;color:#5f6772;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.analysis-section-grid{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-section{padding:10px}.analysis-section.is-wide{grid-column:1 / -1}.analysis-section h2{margin:0 0 8px;color:#374151;font-size:14px;line-height:1.3;letter-spacing:0}.analysis-section dl{display:grid;gap:7px;margin:0}.analysis-section div{min-width:0}.analysis-section dd{margin:2px 0 0;color:#111827;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.ai-interpretation-panel{display:grid;gap:9px;padding:12px}.ai-interpretation-head{min-width:0;display:flex;align-items:start;justify-content:space-between;gap:10px}.ai-interpretation-head h2{margin:0;color:#374151;font-size:14px;line-height:1.3}.ai-interpretation-head p{margin:2px 0 0;color:#6b7280;font-size:12px;line-height:1.35}.ai-interpretation-head .primary-button{flex:0 0 auto}.ai-focus-field{gap:5px}.ai-focus-field span{color:#6b7280;font-size:12px}.ai-status-line{min-width:0;padding:7px 9px;border:1px solid #f0d7aa;border-radius:6px;background:#fff8eb;color:#805200;font-size:12px;line-height:1.35}.ai-interpretation-text{max-height:none;min-height:320px;overflow:auto;white-space:pre-wrap;border:1px solid #edf0f3;border-radius:8px;padding:10px;background:#fbfcfd;color:#111827;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.compact-error{padding:8px 10px;font-size:13px}.pillar-table{display:grid;min-width:680px;overflow:hidden;border:1px solid #dee2e7;border-radius:8px}.table-row{display:grid;grid-template-columns:120px repeat(4,minmax(120px,1fr));border-bottom:1px solid #edf0f3}.table-row:last-child{border-bottom:0}.table-row>div{min-width:0;padding:10px;border-right:1px solid #edf0f3;overflow-wrap:anywhere}.table-row>div:last-child{border-right:0}.table-row.header{background:#f7f8fa;color:#374151;font-weight:700}.element-bars{display:grid;gap:8px;padding:10px}.element-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.element-header h2{margin:0;font-size:15px;line-height:1.3;letter-spacing:0;color:#374151}.element-header span{color:#6b7280;font-size:12px}.element-bar{display:grid;grid-template-columns:minmax(64px,96px) minmax(80px,1fr) 42px;align-items:center;gap:8px}.bar-stack{display:grid;gap:4px}.bar-track{height:7px;overflow:hidden;border-radius:999px;background:#eef1f4}.hidden-track{opacity:.58}.element-bar i{display:block;height:100%;border-radius:999px}.element-bar b{display:flex;justify-content:flex-end;gap:8px;color:#111827;font-size:13px}.element-bar b small{color:#8a94a3;font-size:13px;font-weight:700}.element-bar.wood i{background:#2f9e44}.element-bar.fire i{background:#d9480f}.element-bar.earth i{background:#b08900}.element-bar.metal i{background:#74818f}.element-bar.water i{background:#1971c2}.timeline{min-width:0;width:100%;padding:10px}.fortune-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #dee2e7;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172a0a}.fortune-overview div{min-width:0;display:grid;gap:3px;padding-left:10px;border-left:2px solid #e9edf2}.fortune-overview span,.fortune-overview small{color:#6b7280;font-size:12px}.fortune-overview strong{color:#111827;font-size:14px;overflow-wrap:anywhere}.fortune-overview strong.wood{color:#2f9e44}.fortune-overview strong.fire{color:#d9480f}.fortune-overview strong.earth{color:#a97800}.fortune-overview strong.metal{color:#6b7280}.fortune-overview strong.water{color:#1971c2}.fortune-overview-action{align-content:center}.fortune-current-button{width:fit-content;max-width:100%;padding:7px 10px;border-color:#b23a48;background:#fff7f3;color:#8f2635;font-size:13px;font-weight:700;line-height:1}.fortune-current-button:hover{background:#feece6}.fortune-lane>div{--fortune-card-min: 74px;min-width:0;max-width:100%;display:grid;grid-auto-columns:minmax(var(--fortune-card-min),max-content);grid-auto-flow:column;align-items:stretch;gap:6px;margin-top:8px;overflow-x:auto;padding-bottom:2px}.fortune-card{width:100%;min-width:var(--fortune-card-min);display:grid;align-content:center;gap:1px;min-height:48px;padding:6px;border-radius:6px;border-color:#dee2e7;background:#fff;text-align:left}.fortune-card.active{border-color:#b23a48;background:#fff7f3}.fortune-card strong{font-size:22px;line-height:1}.fortune-card .fortune-ganzhi{justify-self:start;font-size:20px}.minor-luck-vertical{display:inline-grid;justify-items:start;gap:1px;color:#8a94a3;font-size:20px;font-weight:800;line-height:1}.fortune-card .ganzhi-line{color:inherit;font-size:inherit}.fortune-card .ganzhi-line small{color:#4b5563}.fortune-card-top{font-weight:700}.fortune-card span,.fortune-card small{color:#6b7280;font-size:12px}.fortune-card .minor-luck-vertical,.fortune-card .minor-luck-vertical span{color:#8a94a3;font-size:20px;font-weight:800;line-height:1}.fortune-card em{color:#374151;font-size:12px;font-style:normal;overflow-wrap:anywhere}.inline-note,.error-box,.empty-state{padding:10px}.error-box{margin:14px;border:1px solid #f2b8b5;border-radius:8px;background:#fff4f2;color:#a12a1f}.empty-state{min-height:96px;display:grid;place-items:center;color:#6b7280}@media(min-width:521px)and (max-width:860px){.input-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.input-panel .panel-title,.input-panel .field-row,.input-panel .location-note{grid-column:1 / -1}.input-panel .button-row{align-self:end}}@media(max-width:860px){.workspace,.content-grid,.profile-grid,.analysis-lead,.analysis-section-grid{grid-template-columns:1fr}.analysis-section.is-wide{grid-column:auto}.ai-interpretation-head{align-items:stretch;flex-direction:column}.ai-interpretation-head .primary-button{width:100%}.has-chart .result-panel{order:-1}.input-panel{position:static}.chart-summary{grid-template-columns:42px minmax(0,1fr)}.summary-facts{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.professional-grid,.fortune-overview{width:100%}.plate-grid{min-width:0}.result-panel{overflow-x:auto}}@media(max-width:640px){.professional-grid{grid-template-columns:56px repeat(4,minmax(0,1fr))}.professional-cell{min-height:30px;padding:4px}.professional-label{font-size:11px}.professional-ganzhi b{font-size:23px}.professional-cell .value-stack{gap:3px}.professional-cell .value-stack-item{padding-left:4px;padding-right:4px;font-size:11px}}@media(max-width:520px){.topbar{align-items:flex-start;flex-direction:column;gap:10px}.topbar,.workspace{padding-left:12px;padding-right:12px}.field-row,.input-panel,.fortune-overview{grid-template-columns:1fr}.tabs{display:flex;overflow-x:auto}.tabs button{flex:0 0 104px;border-right:1px solid #edf0f3;border-bottom:0}.summary-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.professional-grid{grid-template-columns:48px repeat(4,minmax(0,1fr));width:100%}.fortune-overview{width:100%}.plate-heading{align-items:flex-start;flex-direction:column}.section-divider{align-items:flex-start;flex-direction:column;gap:4px}.info-band dl,.profile-grid .info-band dl{grid-template-columns:1fr}}@media(max-width:420px){.professional-grid{grid-template-columns:42px repeat(4,minmax(0,1fr))}.professional-cell{padding-left:3px;padding-right:3px}.professional-head strong,.professional-core small,.professional-label{font-size:10px}.professional-ganzhi{gap:3px}.professional-ganzhi b{font-size:21px}}