.calc-root{background:var(--mtl-surface-1);min-height:100vh;color:var(--mtl-text-primary);padding:3rem 1rem 5rem}.calc-inner{max-width:680px;margin:0 auto}.calc-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--mtl-orange);margin-bottom:.4rem;font-size:.7rem;font-weight:600}.calc-title{color:var(--mtl-text-primary);margin:0 0 .5rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.05}.calc-subtitle{color:var(--mtl-text-muted);margin:0 0 2rem;font-size:.9rem}.calc-subtitle a{color:var(--mtl-orange);border-bottom:1px solid var(--mtl-orange-muted);text-decoration:none}.calc-subtitle a:hover{border-bottom-color:var(--mtl-orange)}.mode-tabs{border-bottom:1px solid var(--mtl-border-default);flex-wrap:wrap;gap:0;margin-bottom:2rem;display:flex}.mode-tab{color:var(--mtl-text-muted);cursor:pointer;letter-spacing:.04em;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem .95rem .6rem;font-family:Syne,sans-serif;font-size:.8rem;font-weight:600;transition:color .15s,border-color .15s}.mode-tab:hover{color:var(--mtl-text-secondary)}.mode-tab.active{color:var(--mtl-text-primary);border-bottom-color:var(--mtl-orange)}.mode-formula{opacity:.45;margin-left:.4rem;font-family:JetBrains Mono,monospace;font-size:.72rem}.var-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem;margin-bottom:1.1rem;display:grid}.var-card{background:var(--mtl-surface-0);border:1.5px solid var(--mtl-border-default);border-radius:10px;padding:.85rem 1rem .8rem;transition:border-color .12s,background .12s,box-shadow .12s}.var-card:focus-within{border-color:var(--mtl-orange);background:var(--mtl-surface-0);box-shadow:0 0 0 3px var(--mtl-orange-muted)}.var-card.is-result{border-color:var(--mtl-orange);background:var(--mtl-orange-ghost);box-shadow:0 0 0 3px var(--mtl-orange-muted)}.var-card.is-solving{opacity:.4;pointer-events:none}.var-card.is-optional{border-style:dashed}.var-card.is-optional:focus-within{border-style:solid}.var-label-row{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.var-label{letter-spacing:.12em;text-transform:uppercase;color:var(--mtl-text-muted);font-size:.67rem;font-weight:700;transition:color .12s}.var-card:focus-within .var-label,.var-card.is-result .var-label{color:var(--mtl-orange-dim)}.var-card.is-optional .var-label:after{content:" opt";opacity:.5;letter-spacing:0;font-weight:400}.var-unit{color:var(--mtl-text-muted);background:var(--mtl-surface-3);border-radius:3px;padding:.1rem .38rem;font-family:JetBrains Mono,monospace;font-size:.67rem;transition:background .12s,color .12s}.var-card:focus-within .var-unit,.var-card.is-result .var-unit{background:var(--mtl-orange-muted);color:var(--mtl-orange-dim)}.var-input{width:100%;color:var(--mtl-text-primary);appearance:textfield;background:0 0;border:none;outline:none;padding:0;font-family:JetBrains Mono,monospace;font-size:1.45rem;font-weight:500;line-height:1.25}.var-input::placeholder{color:var(--mtl-border-strong)}.var-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.var-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.var-result-val{color:var(--mtl-orange);min-height:1.8rem;font-family:JetBrains Mono,monospace;font-size:1.45rem;font-weight:500;line-height:1.25}.var-placeholder{color:var(--mtl-border-strong);-webkit-user-select:none;user-select:none;min-height:1.8rem;font-family:JetBrains Mono,monospace;font-size:1.45rem;line-height:1.25}.var-hint{color:var(--mtl-text-faint);margin-top:.3rem;font-family:JetBrains Mono,monospace;font-size:.65rem}.result-banner{border-radius:10px;align-items:center;gap:.75rem;min-height:3rem;margin-bottom:1.1rem;padding:.85rem 1.1rem;transition:background .2s,border-color .2s;display:flex}.result-banner.idle{background:var(--mtl-surface-2);border:1.5px solid var(--mtl-border-subtle)}.result-banner.loading{background:var(--mtl-surface-2);border:1.5px solid var(--mtl-border-default)}.result-banner.success{background:var(--mtl-orange-ghost);border:1.5px solid var(--mtl-orange-muted)}.result-banner.error{background:var(--mtl-error-muted);border:1.5px solid var(--mtl-error)}.banner-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.idle .banner-dot{background:var(--mtl-border-strong)}.loading .banner-dot{background:var(--mtl-orange);animation:.9s ease-in-out infinite blink}.success .banner-dot{background:var(--mtl-orange)}.error .banner-dot{background:var(--mtl-error)}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.banner-content{flex:1;min-width:0}.banner-main{color:var(--mtl-text-primary);white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,monospace;font-size:.88rem;font-weight:500;overflow:hidden}.idle .banner-main{color:var(--mtl-text-faint)}.loading .banner-main{color:var(--mtl-text-muted)}.error .banner-main{color:var(--mtl-error)}.banner-sub{color:var(--mtl-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-family:JetBrains Mono,monospace;font-size:.73rem;overflow:hidden}.divider{border:none;border-top:1px solid var(--mtl-border-subtle);margin:1.4rem 0 1rem}.bottom-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hint-text{color:var(--mtl-text-faint);letter-spacing:.03em;font-size:.72rem}.clear-btn{border:1.5px solid var(--mtl-border-default);color:var(--mtl-text-muted);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:7px;padding:.42rem 1rem;font-family:Syne,sans-serif;font-size:.75rem;font-weight:700;transition:border-color .15s,color .15s}.clear-btn:hover{border-color:var(--mtl-text-muted);color:var(--mtl-text-secondary)}