.eon-perf-calc{border:1px solid var(--eon-outline-subtle);border-radius:var(--eon-radius-feature);background:radial-gradient(ellipse at top left, #3454d10d, transparent 50%), linear-gradient(180deg, var(--eon-surface) 0%, var(--eon-surface-low) 100%);margin-block:clamp(2rem,5vw,3.5rem);padding:clamp(1.5rem,4vw,2.5rem);position:relative;overflow:hidden;box-shadow:0 4px 20px #191c1a0a}.eon-perf-calc:before{background:linear-gradient(90deg, var(--eon-accent-unity) 0%, var(--eon-mint) 100%);content:"";height:4px;position:absolute;top:0;left:0;right:0}.eon-perf-calc__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.eon-perf-calc__title-group{gap:.45rem;max-width:60ch;display:grid}.eon-perf-calc__badge{border:1px solid var(--eon-note-border);background:var(--eon-note-bg);width:fit-content;color:var(--eon-accent-unity);font:700 .72rem/1 var(--eon-font-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;display:inline-flex}.eon-perf-calc__title-group h3{font:750 clamp(1.3rem, 2.5vw, 1.85rem)/1.2 var(--eon-font-display);letter-spacing:-.02em;color:var(--eon-text);margin:0}.eon-perf-calc__title-group p{color:var(--eon-text-secondary);margin:0;font-size:.95rem;line-height:1.55}.eon-perf-calc__export-btn{border:1px solid var(--eon-outline);border-radius:var(--eon-radius-control);background:var(--eon-surface);color:var(--eon-text);font:650 .85rem/1 var(--eon-font-mono);cursor:pointer;align-items:center;gap:.5rem;padding:.65rem 1.15rem;transition:transform .15s,border-color .15s,background .15s;display:inline-flex;box-shadow:0 1px 3px #191c1a0a}.eon-perf-calc__export-btn:hover{border-color:var(--eon-accent-unity);background:var(--eon-surface-high);transform:translateY(-2px)}.eon-perf-calc__body{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr);align-items:start;gap:2rem;display:grid}.eon-perf-calc__controls{border:1px solid var(--eon-outline-subtle);border-radius:var(--eon-radius-card);background:var(--eon-surface);gap:1.25rem;padding:1.5rem;display:grid}.eon-perf-calc__field{gap:.5rem;display:grid}.eon-perf-calc__field label{font:700 .82rem/1 var(--eon-font-mono);color:var(--eon-text);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.45rem;display:flex}.eon-perf-calc__tiers{gap:.45rem;display:grid}.eon-perf-calc__tier-btn{border:1px solid var(--eon-outline-subtle);border-radius:var(--eon-radius-control);background:var(--eon-surface-low);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:.65rem .85rem;transition:all .15s;display:flex}.eon-perf-calc__tier-btn strong{color:var(--eon-text);font-size:.85rem}.eon-perf-calc__tier-btn small{font:600 .75rem/1 var(--eon-font-mono);color:var(--eon-text-secondary)}.eon-perf-calc__tier-btn.is-selected{border-color:var(--eon-accent-unity);background:var(--eon-note-bg);box-shadow:0 0 0 2px var(--eon-accent-unity)}.eon-perf-calc__field-label{color:var(--eon-text-secondary);justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.eon-perf-calc__field-label strong{color:var(--eon-text);font-family:var(--eon-font-mono)}.eon-perf-calc__toggles{border-top:1px solid var(--eon-outline-subtle);gap:.65rem;margin-top:.5rem;padding-top:.85rem;display:grid}.eon-perf-calc__toggle{color:var(--eon-text);cursor:pointer;align-items:center;gap:.55rem;font-size:.85rem;display:flex}.eon-perf-calc__results{gap:1.25rem;display:grid}.eon-perf-calc__status{border:1px solid var(--eon-outline-subtle);border-radius:var(--eon-radius-card);padding:1.25rem}.eon-perf-calc__status--cool{border-color:var(--eon-tip-border);background:var(--eon-tip-bg)}.eon-perf-calc__status--warm{border-color:var(--eon-warn-border);background:var(--eon-warn-bg)}.eon-perf-calc__status--hot{border-color:var(--eon-danger-border);background:var(--eon-danger-bg)}.eon-perf-calc__status-header{align-items:flex-start;gap:.85rem;display:flex}.eon-perf-calc__status h4{color:var(--eon-text);margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.eon-perf-calc__status p{color:var(--eon-text-secondary);margin:0;font-size:.88rem;line-height:1.5}.eon-perf-calc__stats-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.eon-perf-calc__stat-card{border:1px solid var(--eon-outline-subtle);border-radius:var(--eon-radius-card);background:var(--eon-surface);gap:.45rem;padding:1.15rem;display:grid}.eon-perf-calc__stat-label{font:600 .72rem/1 var(--eon-font-mono);color:var(--eon-text-secondary);text-transform:uppercase;letter-spacing:.04em}.eon-perf-calc__stat-card strong{font:750 1.35rem/1 var(--eon-font-display);color:var(--eon-text)}.eon-perf-calc__stat-card small{color:var(--eon-text-secondary);font-size:.8rem;font-weight:500}.eon-perf-calc__bar-track{background:var(--eon-surface-low);border-radius:999px;height:6px;overflow:hidden}.eon-perf-calc__bar-fill{background:var(--eon-mint);border-radius:999px;height:100%;transition:width .25s,background-color .25s}.eon-perf-calc__bar-fill.is-over{background:var(--eon-coral)}.eon-perf-calc__rules{border:1px solid var(--eon-outline-subtle);border-radius:var(--eon-radius-card);background:var(--eon-surface);padding:1.25rem}.eon-perf-calc__rules h5{font:700 .85rem/1 var(--eon-font-mono);color:var(--eon-text);letter-spacing:.03em;text-transform:uppercase;margin:0 0 .65rem}.eon-perf-calc__rules ul{color:var(--eon-text-secondary);gap:.45rem;margin:0;padding-left:1.2rem;font-size:.85rem;line-height:1.45;display:grid}.eon-perf-calc__rules li strong{color:var(--eon-text)}@media (width<=50rem){.eon-perf-calc__body,.eon-perf-calc__stats-grid{grid-template-columns:1fr}}