@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Spectral:wght@400;500;600&display=swap";:root{--bg-void: #0b0806;--bg-charcoal: #16110d;--bg-panel: #1f1712;--bg-panel-raised: #291e17;--ember-orange: #ff7a29;--ember-red: #c62828;--ember-gold: #d4a139;--ember-gold-bright: #f0c674;--parchment: #e8d9c0;--parchment-dim: #b6a68c;--border-ember: #4a3423;--shadow-deep: rgba(0, 0, 0, .55);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Spectral,Georgia,serif;color:var(--parchment);background:var(--bg-void)}.page{position:relative;min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:clamp(1rem,4vw,3rem);overflow:hidden;background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(255,122,41,.16),transparent 60%),radial-gradient(ellipse 60% 40% at 90% 100%,rgba(198,40,40,.14),transparent 60%),linear-gradient(180deg,var(--bg-void),var(--bg-charcoal) 60%,var(--bg-void))}.embers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(2px 2px at 10% 80%,var(--ember-orange),transparent 60%),radial-gradient(1.5px 1.5px at 25% 60%,var(--ember-gold),transparent 60%),radial-gradient(2px 2px at 60% 90%,var(--ember-red),transparent 60%),radial-gradient(1.5px 1.5px at 80% 40%,var(--ember-orange),transparent 60%),radial-gradient(1.5px 1.5px at 45% 20%,var(--ember-gold),transparent 60%),radial-gradient(2px 2px at 92% 75%,var(--ember-red),transparent 60%);opacity:.5;mix-blend-mode:screen}.calculator{position:relative;z-index:1;width:100%;max-width:640px;background:linear-gradient(160deg,var(--bg-panel),var(--bg-charcoal));border:1px solid var(--border-ember);border-radius:16px;padding:clamp(1.25rem,4vw,2.5rem);box-shadow:0 20px 60px var(--shadow-deep),inset 0 1px #ffffff0a}.calculator__header{text-align:center;margin-bottom:clamp(1.5rem,4vw,2.25rem);border-bottom:1px solid var(--border-ember);padding-bottom:1.25rem}.calculator__eyebrow{margin:0 0 .35rem;font-family:Cinzel,serif;letter-spacing:.35em;text-transform:uppercase;font-size:.7rem;color:var(--ember-gold)}.calculator__title{margin:0 0 .35rem;font-family:Cinzel,serif;font-weight:700;font-size:clamp(1.6rem,5vw,2.3rem);background:linear-gradient(180deg,var(--ember-gold-bright),var(--ember-orange));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 20px rgba(255,122,41,.25)}.calculator__subtitle{margin:0;font-size:.9rem;color:var(--parchment-dim);letter-spacing:.03em}.panel{margin-bottom:clamp(1.75rem,4vw,2.25rem)}.panel+.panel{padding-top:clamp(1.75rem,4vw,2.25rem);border-top:1px solid var(--border-ember)}.panel:last-child{margin-bottom:0}.panel__title{margin:0 0 1.25rem;font-family:Cinzel,serif;font-weight:700;font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;text-align:center;color:var(--ember-orange)}.controls{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.control{display:flex;flex-direction:column;gap:.5rem}.control__label{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ember-gold)}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:.5rem}.segmented__option{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .75rem;background:var(--bg-panel-raised);border:1px solid var(--border-ember);border-radius:8px;color:var(--parchment-dim);font-family:Spectral,serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease}.segmented__icon{font-size:1rem}.segmented__option:hover{color:var(--parchment);border-color:var(--ember-gold)}.segmented__option.is-active{color:var(--bg-void);background:linear-gradient(160deg,var(--ember-gold-bright),var(--ember-orange));border-color:var(--ember-orange);box-shadow:0 4px 16px #ff7a2959}.summary{text-align:center;margin-bottom:1.5rem}.summary__text{display:inline-block;font-size:.82rem;letter-spacing:.03em;color:var(--parchment-dim);background:#0003;border:1px solid var(--border-ember);border-radius:999px;padding:.35rem .9rem}.results__title{font-family:Cinzel,serif;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ember-gold-bright);margin:0 0 1rem;text-align:center}.results__list{display:flex;flex-direction:column;gap:.65rem;min-height:9.15rem}.result-row{display:grid;grid-template-columns:4.5rem 1fr 3rem;align-items:center;gap:.75rem;height:1.8rem}.result-row__label{font-size:.85rem;color:var(--parchment);font-weight:600}.result-row__bar-track{position:relative;height:.85rem;background:#00000059;border:1px solid var(--border-ember);border-radius:999px;overflow:hidden}.result-row__bar-fill{height:100%;background:linear-gradient(90deg,var(--ember-red),var(--ember-orange),var(--ember-gold-bright));border-radius:999px;transition:width .35s ease;box-shadow:0 0 10px #ff7a298c}.result-row__value{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:var(--ember-gold-bright);font-size:.9rem}@media (max-width: 420px){.result-row{grid-template-columns:4.4rem 1fr 2.6rem;gap:.5rem}.result-row__label{font-size:.78rem;white-space:nowrap}.segmented{grid-template-columns:repeat(2,1fr)}}