.page-header{margin-bottom:1.75rem}.page-header h1{font-family:var(--font-mono);font-size:1.25rem;font-weight:500;color:var(--color-text-primary);margin-bottom:4px}.page-header p{font-size:12px;color:var(--color-text-tertiary)}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.controls select,.controls input,.controls .ctrl-btn{font-family:var(--font-mono);font-size:13px;padding:7px 10px;border-radius:var(--border-radius-md);border:.5px solid var(--color-border-secondary);background:var(--color-background-primary);color:var(--color-text-primary);outline:none;height:34px}.controls select:focus,.controls input:focus{border-color:var(--color-border-primary)}.controls input[type=number]{width:60px}.unit-label{font-size:13px;color:var(--color-text-secondary)}.ctrl-btn{font-size:11px;background:var(--color-background-secondary);color:var(--color-text-secondary);cursor:pointer;margin-left:auto}.ctrl-btn:hover{background:var(--color-background-primary);color:var(--color-text-primary)}.tree,.node-wrap{display:flex;flex-direction:column}.node-row{display:flex;align-items:center;gap:6px}.node-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:7px 12px;border-radius:var(--border-radius-md);border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);flex:1;margin-bottom:3px}.node-line.root{border-color:var(--color-border-info);background:var(--color-background-info)}.node-line.synthesized{border-color:var(--color-border-success);background:var(--color-background-success);cursor:pointer}.node-line.synthesized:hover{filter:brightness(.96)}.node-line.base{background:var(--color-background-secondary);border-color:var(--color-border-tertiary)}.node-toggle{font-size:11px;font-family:var(--font-mono);color:var(--color-text-success);opacity:.6;cursor:pointer;user-select:none;flex-shrink:0;padding:0 2px}.node-toggle:hover{opacity:1}.node-name{font-size:13px;font-weight:500;color:var(--color-text-primary);flex:1;min-width:80px}.node-line.root .node-name{color:var(--color-text-info)}.node-line.synthesized .node-name{color:var(--color-text-success)}.node-line.base .node-name{color:var(--color-text-secondary)}.node-amount{font-family:var(--font-mono);font-size:12px;color:var(--color-text-tertiary);white-space:nowrap}.node-line.root .node-amount{color:var(--color-text-info);opacity:.8}.node-line.synthesized .node-amount{color:var(--color-text-success);opacity:.8}.badge{font-size:10px;padding:2px 7px;border-radius:100px;font-family:var(--font-mono);white-space:nowrap}.badge-synth{background:var(--color-background-success);color:var(--color-text-success);border:.5px solid var(--color-border-success)}.badge-base{background:var(--color-background-secondary);color:var(--color-text-tertiary);border:.5px solid var(--color-border-tertiary)}.badge-heat{background:var(--color-background-warning);color:var(--color-text-warning);border:.5px solid var(--color-border-warning)}.badge-cool{background:var(--color-background-info);color:var(--color-text-info);border:.5px solid var(--color-border-info)}.badge-mix{background:var(--color-background-secondary);color:var(--color-text-secondary);border:.5px solid var(--color-border-secondary)}.badge-catalyst{background:var(--color-background-danger);color:var(--color-text-danger);border:.5px solid var(--color-border-danger)}.children-wrap{display:flex;flex-direction:column;padding-left:26px;position:relative}.children-wrap>.node-wrap{position:relative}.children-wrap>.node-wrap:after{content:"";position:absolute;left:-17px;top:0;bottom:0;width:1px;background:var(--color-border-secondary);pointer-events:none}.children-wrap>.node-wrap:last-child:after{bottom:auto;height:17px}.children-wrap>.node-wrap:before{content:"";position:absolute;left:-17px;top:16px;width:13px;height:1px;background:var(--color-border-secondary);pointer-events:none}.calc-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media(max-width:860px){.calc-layout{grid-template-columns:1fr}}.calc-left,.calc-right{min-width:0}.info-block{padding:12px 14px;border-radius:var(--border-radius-md);border:.5px solid var(--color-border-tertiary);background:var(--color-background-secondary);margin-bottom:10px}.info-row{display:flex;gap:10px;margin-bottom:10px}.info-row:last-child{margin-bottom:0}.info-item{flex:1}.info-label{font-size:10px;color:var(--color-text-tertiary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.info-value{font-size:13px;color:var(--color-text-primary);line-height:1.5}.info-value-mono{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--color-text-primary)}.info-value-danger{color:var(--color-text-danger)}.info-value-muted{color:var(--color-text-tertiary);font-style:italic}.fx-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fx-entry{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:3px 0}.fx-name{font-size:12px;color:var(--color-text-secondary);text-transform:capitalize}.fx-val{font-family:var(--font-mono);font-size:13px;font-weight:500;white-space:nowrap}.fx-heal{color:var(--color-text-success)}.fx-deal{color:var(--color-text-danger)}.fx-cond{font-size:11px;color:var(--color-text-tertiary);padding:2px 0}.section-label{font-size:11px;color:var(--color-text-tertiary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.summary-block{padding:12px 14px;border-radius:var(--border-radius-md);border:.5px solid var(--color-border-tertiary);background:var(--color-background-secondary);margin-bottom:10px}.base-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.base-item{display:flex;flex-direction:column;gap:2px}.base-item-name{font-size:12px;color:var(--color-text-secondary)}.base-item-val{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--color-text-primary)}.steps-list{display:flex;flex-direction:column;gap:6px}.step-row{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-radius:var(--border-radius-md);border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary)}.step-num{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--color-text-tertiary);min-width:20px;padding-top:1px}.step-content{flex:1}.step-title{font-size:13px;font-weight:500;color:var(--color-text-primary);margin-bottom:2px}.step-detail{font-size:12px;color:var(--color-text-secondary);line-height:1.5}.step-condition{display:inline-block;margin-top:5px;font-size:10px;padding:2px 8px;border-radius:100px;font-family:var(--font-mono);margin-right:4px}.cond-heat{background:var(--color-background-warning);color:var(--color-text-warning);border:.5px solid var(--color-border-warning)}.cond-cool{background:var(--color-background-info);color:var(--color-text-info);border:.5px solid var(--color-border-info)}.cond-mix{background:var(--color-background-secondary);color:var(--color-text-secondary);border:.5px solid var(--color-border-secondary)}.cond-catalyst{background:var(--color-background-danger);color:var(--color-text-danger);border:.5px solid var(--color-border-danger)}.empty{font-size:13px;color:var(--color-text-tertiary);padding:1rem 0}.loading{font-family:var(--font-mono);font-size:12px;color:var(--color-text-tertiary);padding:1rem 0}.error-msg{font-family:var(--font-mono);font-size:12px;color:var(--color-text-danger);padding:1rem 0}