:root{--bg:#f2f4ef;--panel:#f8faf6;--panel-soft:#dfe7df;--text:#17392c;--muted:#658173;--accent:#0f754f;--accent-strong:#0a5a3d;--border:#c7d6cb;--danger:#c34747}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 10%, #ecf2e8 0%, transparent 40%), radial-gradient(circle at 85% 90%, #e6efe8 0%, transparent 45%), var(--bg);margin:0;font-family:Avenir Next,Segoe UI,sans-serif;overflow-x:hidden}h1,h2,p{margin:0}#root{min-height:100vh}.app-shell{align-content:start;justify-items:stretch;gap:2rem;min-height:100vh;padding:0 4rem;display:grid}.pure-header{border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f1fffae0;align-items:center;width:100%;min-height:64px;padding:.6rem 1.5rem;display:flex;position:sticky;top:0}.pure-header-content,.footer-content{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1100px;margin:0 auto;display:flex}.pure-logo{color:var(--text);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.pure-logo span{color:var(--accent)}.site-nav-mark{object-fit:contain;border-radius:8px;width:40px;height:40px}.nav{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.nav-toggle{border:1px solid var(--border);cursor:pointer;background:#f6faf7;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:0;display:none}.nav-toggle-bar{background:#1f5a44;border-radius:999px;width:18px;height:2px}.nav-link{color:#1f5a44;border:1px solid #0000;border-radius:999px;padding:.45rem .75rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s}.nav-link:hover{border-color:var(--border);background:#eef5ef}.calculator-card{background:var(--panel);grid-template-columns:1fr 1fr;width:min(1100px,100%);margin:0 auto;scroll-margin-top:20px;display:grid;overflow:hidden}.calculator-card>*{min-width:0}.about{gap:14px;width:min(1100px,100%);margin:0 auto;padding:32px;scroll-margin-top:20px;display:grid}.about-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.about h1{letter-spacing:.01em;font-size:1.85rem}.about-kicker{color:var(--muted);font-size:.95rem}.about h2{color:#204f3c;margin-top:6px;font-size:1.35rem}.about p{color:#355c4b;line-height:1.6}.about-list{color:#274e3e;gap:6px;margin:4px 0 2px;padding-left:22px;display:grid}.formula,.definitions{background:var(--panel-soft);border:1px solid var(--border);border-radius:16px;padding:16px}.equation{color:#0a3526;word-break:break-word;margin-top:8px;font-size:1.1rem;font-weight:700}.form-panel,.results-panel{padding:32px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}.panel-heading h1{letter-spacing:.01em;font-size:1.85rem}.ghost-button{color:var(--muted);cursor:pointer;border:none;border-bottom:1px solid var(--muted);background:0 0;font-size:.95rem;text-decoration:none}.form-field{margin-bottom:18px}.field-label,.field-label{color:var(--muted);margin-bottom:8px;font-size:.92rem;display:block}.field-control{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;display:flex;overflow:hidden}.field-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #0f754f2e}.field-control.has-error{border-color:var(--danger)}.field-adornment{color:#416355;background:#edf3ec;padding:12px 14px;font-weight:700}input[type=number],input[type=text]{width:100%;color:var(--text);background:0 0;border:0;outline:0;padding:12px 14px;font-size:1rem}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field-error{color:var(--danger);margin-top:6px;font-size:.84rem}.calculate-button{background:linear-gradient(140deg, var(--accent), #149565);color:#f2fff8;cursor:pointer;border:0;border-radius:999px;width:100%;padding:14px 18px;font-size:1rem;font-weight:800}.calculate-button:hover{background:linear-gradient(140deg, var(--accent-strong), #0f754f)}.results-panel{color:#dceee5;background:#f4f7f2;flex-direction:column;gap:14px;display:flex}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.overview-card{background:var(--panel-soft);border-radius:24px;min-height:112px;padding:14px 16px;position:relative}.overview-card.full-width{min-height:124px}.overview-title{color:#4f6d60;font-size:.95rem}.overview-subtitle{color:#4f6d60;margin-top:12px;font-size:1.15rem}.overview-value{color:#0a3526;margin-top:24px;font-size:2.05rem;font-weight:700}.overview-value span{color:#4f6d60;font-size:1.55rem;font-weight:500}.overview-badge{color:#d9fff0;background:#005a39;border-radius:999px;margin:0;padding:6px 12px;font-size:1.05rem;font-weight:700;position:absolute;top:14px;right:14px}.result-card{background:linear-gradient(170deg,#015b38,#003c25);border-radius:34px;flex-direction:column;justify-content:center;min-height:180px;margin-top:4px;padding:2rem;display:flex}.result-label{color:#f0fff7;margin-top:0;font-size:2rem}.result-value{color:#eafff5;justify-content:space-between;align-items:center;gap:14px;margin-top:1rem;font-size:2.5rem;font-weight:700;display:flex}.result-value.accent{color:#eafff5;font-size:2.5rem}.results-panel.empty{justify-content:center;gap:10px}.results-panel.empty h2{color:#204f3c;margin:0;font-size:1.8rem}.results-panel.empty p{color:#4f6d60;margin:0;line-height:1.5}.footer{border-top:1px solid var(--border);text-align:center;color:#fff;background:#1f5a44;margin-top:2rem;padding:2rem 1.5rem;display:flex}.developer-name,.footer-links a{color:#d9fff0;border-bottom:1px solid #0000;font-weight:700;text-decoration:none}.developer-name:hover,.footer-links a:hover{border-bottom-color:currentColor}.footer-links{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}@media (width<=900px){.calculator-card{grid-template-columns:1fr}}@media (width<=768px){.pure-header{padding:.6rem .9rem}.pure-header-content{grid-template-columns:1fr auto;align-items:center;gap:.75rem;display:grid;position:relative}.nav-toggle{display:inline-flex}.nav{opacity:0;pointer-events:none;z-index:20;background:#f5faf6;border-radius:12px;flex-direction:column;width:min(180px,100vw - 1.8rem);max-height:calc(100vh - 84px);padding:1rem .8rem;display:flex;position:absolute;top:calc(100% + .45rem);right:0;overflow:auto;transform:translateY(-8px);box-shadow:0 14px 28px #1034261f}.nav.nav-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{border-color:var(--border);background:#f8fbf8;border-radius:12px;width:100%}}@media (width<=580px){.app-shell{padding:12px}.footer-content{flex-direction:column;align-items:start;display:flex}.form-panel,.results-panel{padding:22px}.field-grid,.overview-grid{grid-template-columns:1fr}.result-value,.result-value.accent{font-size:2.5rem}.panel-heading{flex-direction:column;align-items:flex-start}.about{padding:22px}}