:root{--sky-paper: #f5f3ed;--sky-raised: #fffcf6;--ink: #181a19;--ink-soft: #5c5e59;--horizon: #d8e3e4;--cinnabar: #b44933;--jade: #3e6a5d;--rule: #d6d0c4;--display: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", "Songti SC", Georgia, serif;--sans: "IBM Plex Sans", "Avenir Next", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}a{color:var(--jade)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1440px;margin:0 auto;padding:1.1rem clamp(1.25rem,5vw,5rem);border-bottom:1px solid var(--rule);background:#f5f3edf0}.site-brand{display:flex;align-items:baseline;gap:.8rem;color:var(--ink);font-family:var(--mono);font-size:.67rem;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.site-brand span:last-child{color:var(--cinnabar);font-family:"Noto Serif CJK SC","Source Han Serif SC","Songti SC",var(--display);font-size:1.2rem}.site-header nav{display:flex;flex-wrap:wrap;justify-content:end;gap:1rem 1.4rem}.site-header nav a{color:var(--ink-soft);font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--cinnabar)}.site-header nav a[aria-current=page]{color:var(--cinnabar);border-bottom:1px solid currentColor}.site-footer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(150px,.4fr) minmax(170px,.4fr);gap:clamp(2rem,6vw,6rem);max-width:1440px;margin:0 auto;padding:2.5rem clamp(1.25rem,5vw,5rem) 4rem;border-top:1px solid var(--rule)}.site-footer-intro p{max-width:38rem;margin:.5rem 0;color:var(--ink-soft);font-size:.78rem}.site-preview-note{color:var(--cinnabar);font-family:var(--mono);font-size:.55rem;letter-spacing:.11em;text-transform:uppercase}.site-footer nav{display:flex;flex-direction:column;align-items:start;gap:.42rem}.site-footer nav a{font-family:var(--mono);font-size:.63rem}@media(max-width:780px){.site-header{display:grid;gap:.7rem}.site-header nav{justify-content:start}.site-footer{grid-template-columns:1fr 1fr}.site-footer-intro{grid-column:1 / -1}}@media(max-width:560px){.site-header nav{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));gap:.65rem 1.2rem}.site-footer{grid-template-columns:1fr}}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--sky-paper);color:var(--ink)}body{margin:0;font-family:var(--sans);line-height:1.55}button,input,select{font:inherit}.demo-page{overflow:hidden}.eyebrow,.label,.meta,.field-note,.form-status,.privacy-note{font-family:var(--mono);letter-spacing:.08em}.eyebrow,.label,.meta{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.demo-hero{min-height:54vh;padding:clamp(2rem,5vw,5rem);position:relative;background:linear-gradient(180deg,rgba(216,227,228,.78),transparent 75%),var(--sky-paper)}.demo-hero:after{content:"";position:absolute;left:0;right:0;bottom:2rem;height:1px;background:linear-gradient(90deg,transparent,var(--ink),transparent);opacity:.38}.eyebrow{color:var(--cinnabar)}.demo-hero h1{max-width:900px;margin:1.5rem 0 1.4rem;font-family:var(--display);font-size:clamp(3.8rem,9vw,8.5rem);font-weight:400;letter-spacing:-.055em;line-height:1}.demo-hero h1 em{display:block;margin-top:.08em;color:var(--cinnabar);font-style:normal}.lede{max-width:42rem;color:var(--ink-soft);font-size:clamp(1rem,1.35vw,1.2rem)}.workbench{display:grid;grid-template-columns:minmax(280px,.4fr) minmax(0,1fr);max-width:1440px;margin:0 auto;border-top:1px solid var(--rule)}.form-panel{padding:clamp(1.25rem,3vw,3rem);border-right:1px solid var(--rule)}.panel-heading h2,.result-panel h2{margin:.5rem 0 2rem;font-family:var(--display);font-size:clamp(2rem,3vw,3.2rem);font-weight:400;letter-spacing:-.04em;line-height:1}.field{display:grid;gap:.55rem;margin:0 0 1.35rem}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.field-row>.field{margin-bottom:.75rem}.field label,.field legend{font-size:.88rem;font-weight:600}.field input,.field select{width:100%;min-height:46px;padding:.65rem .7rem;border:1px solid var(--rule);border-radius:0;background:var(--sky-raised);color:var(--ink)}.field input:focus,.field select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cinnabar);outline-offset:3px}.time-mode-field{border:0;padding:0}.time-mode-field legend{margin-bottom:.55rem}.choice{display:flex;align-items:center;gap:.5rem;font-weight:400!important}.choice input{width:auto;min-height:auto}.field-note,.privacy-note,.form-status{color:var(--ink-soft);font-size:.68rem;line-height:1.5}.city-field{position:relative}.city-suggestions{display:grid;max-height:17rem;overflow:auto;border:1px solid var(--rule);background:var(--sky-raised)}.city-suggestions:empty{display:none}.city-option{width:100%;padding:.7rem;border:0;border-bottom:1px solid var(--rule);background:transparent;text-align:left;cursor:pointer}.city-option:hover{background:var(--horizon)}.city-option small{display:block;color:var(--ink-soft)}.selected-city{padding:.65rem 0;color:var(--jade);font-family:var(--mono);font-size:.7rem}.advanced{margin:1.25rem 0;padding:.8rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.advanced summary{cursor:pointer;font-size:.82rem;font-weight:600}.advanced .field{margin-top:1rem}.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.primary-button,.text-button{min-height:46px;padding:.7rem 1rem;border-radius:0;cursor:pointer}.primary-button{border:1px solid var(--ink);background:var(--ink);color:var(--sky-paper)}.text-button{border:0;background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.privacy-note{margin-top:1.5rem}.term-callout{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--rule)}.term-callout p{max-width:28rem;color:var(--ink-soft);font-size:.8rem}.term-trigger{padding:0;border:0;border-bottom:1px solid var(--jade);background:transparent;color:var(--jade);cursor:pointer;font-family:var(--display);font-size:1rem;line-height:1.4;text-align:left}.term-trigger:hover{color:var(--cinnabar);border-color:var(--cinnabar)}.term-trigger.small{font-family:var(--mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase}.fact-terms{display:flex;flex-wrap:wrap;gap:.45rem .7rem;margin-top:.8rem}.result-fact{scroll-margin-top:1rem}.calculation-explanation{margin-top:.8rem;color:var(--ink-soft);font-size:.72rem}.calculation-explanation summary{color:var(--jade);cursor:pointer;font-family:var(--mono);font-size:.64rem;letter-spacing:.05em;text-transform:uppercase}.trace-block{margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--rule)}.trace-block strong{display:block;color:var(--ink);font-family:var(--sans);font-size:.76rem}.trace-block>small{display:block;margin-top:.15rem;color:var(--ink-soft);font-family:var(--mono);font-size:.58rem}.trace-block ol{display:grid;gap:.45rem;margin:.55rem 0 0;padding-left:1rem}.trace-block li span,.trace-block li small{display:block}.trace-block li small{margin-top:.15rem;color:var(--ink-soft);font-size:.64rem}.trace-sources{margin:.8rem 0 0;color:var(--ink-soft);font-family:var(--mono);font-size:.58rem;line-height:1.5}.term-dialog{width:min(620px,calc(100vw - 2rem));max-height:min(760px,calc(100vh - 2rem));padding:0;border:0;background:var(--sky-raised);color:var(--ink);box-shadow:0 24px 80px #181a192e}.term-dialog::backdrop{background:#181a1947;backdrop-filter:blur(3px)}.term-card{padding:clamp(1.25rem,4vw,2.5rem)}.term-card-header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.term-card h2{margin:.4rem 0 0;font-family:var(--display);font-size:clamp(2rem,5vw,3.8rem);font-weight:400;line-height:1}.term-close{min-width:38px;min-height:38px;border:1px solid var(--rule);background:transparent;color:var(--ink);cursor:pointer;font-family:var(--mono);font-size:.7rem}.term-identities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:1.5rem 0;border:1px solid var(--rule);background:var(--rule)}.term-identity{padding:.8rem;background:var(--sky-raised)}.term-identity span{display:block;color:var(--ink-soft);font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.term-identity strong{display:block;margin-top:.35rem;font-family:var(--display);font-size:1.35rem;font-weight:400}.term-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--rule)}.term-section h3{margin:0 0 .4rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.term-section p{margin:0;color:var(--ink-soft);font-size:.92rem}.term-related{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.term-related .term-trigger{font-family:var(--mono);font-size:.68rem}.form-status{min-height:1rem;margin-top:1rem;color:var(--cinnabar)}.result-panel{min-height:600px;padding:clamp(1.25rem,4vw,4rem);background:var(--sky-raised)}.empty-state{max-width:760px}.empty-state p{max-width:34rem;color:var(--ink-soft)}.empty-diagram{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:700px;margin-top:4rem;padding-top:1rem;border-top:1px solid var(--ink);color:var(--ink-soft);font-family:var(--mono);font-size:.62rem;letter-spacing:.12em}.empty-diagram i{display:block;height:1px;margin-top:1.5rem;background:var(--rule)}.result-card{max-width:900px}.result-topline{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid var(--ink)}.result-topline .meta{color:var(--ink-soft)}.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2rem;border-top:1px solid var(--ink)}.pillar-card{min-height:220px;padding:1rem 1rem 1.25rem;border-right:1px solid var(--rule)}.pillar-card:last-child{border-right:0}.pillar-card .label{color:var(--ink-soft)}.pillar-card .hanzi{display:block;margin:1rem 0 .9rem;font-family:var(--display);font-size:clamp(2.7rem,5vw,5.2rem);line-height:1}.pillar-card .pinyin{color:var(--ink-soft);font-family:var(--mono);font-size:.68rem}.pillar-card .element{margin-top:1.8rem;color:var(--ink-soft);font-size:.8rem}.pillar-card.missing .hanzi{color:var(--rule)}.result-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:2.5rem;background:var(--rule);border:1px solid var(--rule)}.calendar-context{margin-top:2rem;padding:1rem 0 1rem 1rem;border-left:2px solid var(--jade);background:linear-gradient(90deg,rgba(62,106,93,.06),transparent)}.calendar-context p{margin:.5rem 0;color:var(--ink-soft);font-size:.88rem}.calendar-context .term-trigger{font-size:.88rem}.summary-cell{min-height:115px;padding:1rem;background:var(--sky-raised)}.summary-cell strong{display:block;margin-top:.5rem;font-family:var(--display);font-size:clamp(1.7rem,3vw,2.8rem);font-weight:400;line-height:1}.element-block{margin-top:2.5rem}.element-block h3,.receipt h3{margin:0 0 1rem;font-family:var(--display);font-size:1.8rem;font-weight:400}.element-list{display:grid;gap:.8rem}.element-row{display:grid;grid-template-columns:5rem 1fr 2rem;align-items:center;gap:.8rem;font-size:.85rem}.element-track{height:7px;background:var(--rule)}.element-fill{height:100%;min-width:2px}.element-fill.wood{background:#54755d}.element-fill.fire{background:var(--cinnabar)}.element-fill.earth{background:#9d7d4e}.element-fill.metal{background:#7d8582}.element-fill.water{background:var(--sky-deep, #456b73)}.capabilities,.pathways{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--rule)}.capabilities h3,.pathways h3{margin:0;font-family:var(--display);font-size:1.8rem;font-weight:400}.capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.capability-list li{display:grid;gap:.2rem;min-height:5.4rem;padding:.8rem;border:1px solid var(--rule);background:var(--sky-raised)}.capability-list strong{font-size:.8rem}.capability-list span{color:var(--jade);font-family:var(--mono);font-size:.64rem}.capability-list small{color:var(--ink-soft);font-size:.64rem}.pathway-list{display:grid;gap:.7rem;margin-top:1rem}.pathway-card{padding:.9rem 1rem;border-left:2px solid var(--jade);background:linear-gradient(90deg,rgba(62,106,93,.07),transparent)}.pathway-card p{margin:0;color:var(--ink-soft);font-size:.8rem}.pathway-card nav{display:flex;flex-wrap:wrap;gap:.5rem .9rem;margin-top:.6rem}.pathway-card a,.pathway-card span{color:var(--jade);font-family:var(--mono);font-size:.65rem}.element-row .count{font-family:var(--mono);text-align:right}.result-note{margin-top:1.2rem;color:var(--ink-soft);font-family:var(--mono);font-size:.68rem}.warnings{margin-top:1rem;padding-left:1rem;border-left:2px solid var(--cinnabar);color:var(--ink-soft);font-size:.78rem}.variants{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--rule)}.variants h3{margin:0;font-family:var(--display);font-size:1.8rem;font-weight:400}.variant-item{display:grid;gap:.25rem;margin-top:.8rem;padding:.8rem;border-left:2px solid var(--cinnabar);background:var(--sky-paper)}.variant-item strong{font-family:var(--sans);font-size:.86rem}.variant-item span,.variant-item small{color:var(--ink-soft);font-size:.74rem}.variant-item small{font-family:var(--mono)}.variant-pillars{margin-top:.35rem;color:var(--ink)!important;font-family:var(--mono);font-size:.7rem!important;line-height:1.5}.receipt{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--rule)}.receipt dl{display:grid;grid-template-columns:max-content 1fr;gap:.45rem 1rem;margin:0;color:var(--ink-soft);font-family:var(--mono);font-size:.68rem}.receipt dt{color:var(--ink)}.receipt dd{margin:0;word-break:break-word}.result-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.result-actions a,.result-actions button{min-height:44px;padding:.65rem .9rem;border:1px solid var(--ink);color:var(--ink);background:transparent;text-decoration:none;cursor:pointer}.demo-method-note{display:grid;grid-template-columns:minmax(120px,.25fr) minmax(0,1fr);gap:2rem;max-width:1440px;margin:0 auto;padding:2rem clamp(1.25rem,5vw,5rem) 4rem;border-top:1px solid var(--rule);color:var(--ink-soft);font-size:.78rem}.demo-method-note p{max-width:620px;margin:0 0 .7rem}.demo-method-note nav{display:flex;flex-wrap:wrap;gap:.65rem 1rem}.demo-method-note a{color:var(--jade);font-family:var(--mono);font-size:.68rem}@media(max-width:860px){.workbench{grid-template-columns:1fr}.form-panel{border-right:0;border-bottom:1px solid var(--rule)}.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pillar-card:nth-child(2){border-right:0}.pillar-card:nth-child(-n+2){border-bottom:1px solid var(--rule)}.result-summary,.capability-list{grid-template-columns:1fr}.demo-method-note{grid-template-columns:1fr;gap:.5rem}}@media(max-width:500px){.pillar-card .hanzi{font-size:2.5rem}.field-row{grid-template-columns:1fr}}@media print{html,body{background:#fff}.demo-hero,.form-panel,.demo-method-note,.site-header,.site-footer,.result-actions{display:none}.workbench{display:block;border:0}.result-panel{min-height:0;padding:0;background:#fff}.result-card{max-width:none}.term-dialog,.term-callout{display:none}}