@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f6f2ea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#101312;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.app-shell{background:radial-gradient(circle at 80% 10%,#d0ff4814,#0000 30%),#101312;min-height:100vh;padding:28px clamp(22px,6vw,96px) 26px;overflow:hidden}.topbar,footer{letter-spacing:1.5px;color:#89928a;justify-content:space-between;align-items:center;font:500 11px DM Mono,monospace;display:flex}.brand{color:#f6f2ea}.brand-mark{color:#101312;background:#d5ff48;place-items:center;width:17px;height:17px;margin-right:8px;font-size:16px;font-weight:700;line-height:1;display:inline-grid}.status{align-items:center;gap:8px;display:flex}.status-dot{background:#d5ff48;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #d5ff48}.intro{max-width:680px;margin:clamp(84px,13vh,150px) 0 70px;animation:.7s both rise}.eyebrow,.section-number,.live-label,.result-kicker,.result-footer{letter-spacing:1.5px;text-transform:uppercase;font:500 11px DM Mono,monospace}.eyebrow{color:#d5ff48}.eyebrow span{color:#89928a;margin-left:12px}h1{letter-spacing:-5px;margin:20px 0 22px;font-size:clamp(3.5rem,9vw,7rem);font-weight:600;line-height:.9}.intro h1 em{color:#d5ff48;font-style:normal}.lede{color:#9da69d;max-width:390px;font-size:16px;line-height:1.5}.workspace{background:#303833;border:1px solid #303833;grid-template-columns:1.25fr .75fr;gap:1px;max-width:1160px;animation:.7s .12s both rise;display:grid}.input-panel,.result-panel{background:#171b18;min-height:400px;padding:28px clamp(22px,4vw,48px)}.result-panel{color:#101312;background:#d5ff48;flex-direction:column;justify-content:space-between;display:flex}.panel-heading,.result-topline{justify-content:space-between;align-items:center;display:flex}.panel-heading h2{margin:0 0 0 15px;font-size:18px;font-weight:500;display:inline}.section-number{color:#89928a}.live-label{color:#89928a;font-size:9px}.field-grid{grid-template-columns:repeat(2,1fr);gap:25px 20px;margin-top:72px;display:grid}.field{color:#dfe6dd;font-size:13px;display:block}.target-field{grid-column:1/-1;max-width:calc(50% - 10px)}.input-wrap{border-bottom:1px solid #546057;align-items:baseline;margin-top:11px;padding-bottom:7px;display:flex}.input-wrap:focus-within{border-color:#d5ff48}.input-wrap input{color:#f6f2ea;background:0 0;border:0;outline:0;width:100%;font:500 38px DM Mono,monospace}.input-wrap small,.helper{color:#89928a;letter-spacing:1px;font:10px DM Mono,monospace}.helper{letter-spacing:.2px;margin-top:9px;display:block}.formula{color:#89928a;letter-spacing:1px;align-items:center;gap:12px;margin-top:46px;font:10px DM Mono,monospace;display:flex}.formula strong{color:#d5ff48;font-size:13px}.formula i{color:#546057;font-style:normal}.result-topline{letter-spacing:1.5px;text-transform:uppercase;font:11px DM Mono,monospace}.result-topline .section-number{color:#3f5020}.result-copy{margin:auto 0}.result-kicker{color:#3f5020;max-width:180px;line-height:1.5}.big-result{letter-spacing:-4px;margin:14px 0 12px;font:500 clamp(3.6rem,7vw,6rem)/.9 DM Mono,monospace}.big-result span{letter-spacing:1px;font-size:14px}.result-note{color:#3f5020;max-width:270px;font-size:14px;line-height:1.45}.result-note strong{color:#101312}.result-footer{color:#3f5020;align-items:center;gap:10px;font-size:9px;display:flex}.target-line{background:#3f5020;width:22px;height:1px}footer{max-width:1160px;margin-top:27px;font-size:9px}footer span:nth-child(2){color:#546057}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.app-shell{padding:22px 18px}.status{display:none}.intro{margin:80px 0 50px}h1{letter-spacing:-3px}.workspace{grid-template-columns:1fr}.input-panel,.result-panel{min-height:auto}.input-panel{padding-bottom:35px}.result-panel{min-height:350px}.field-grid{margin-top:48px}.target-field{max-width:none}.formula{margin-top:36px}footer span:nth-child(2){display:none}}