:root{--ink:#131108;--ink-2:#1c1910;--line:#2e2917;--paper:#ece5d3;--dim:#8f866c;--gold:#d4a72c;--gold-soft:rgba(212,167,44,0.12)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--ink);color:var(--paper);font-family:ui-monospace,SF Mono,Cascadia Mono,JetBrains Mono,Menlo,Consolas,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}main{max-width:460px;margin:0 auto;padding:48px 20px 64px}.brand{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:40px}.brand h1{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.brand span{font-size:14px;color:var(--dim)}.field{margin-bottom:22px}.field label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.field input{width:100%;background:var(--ink-2);border:1px solid var(--line);border-radius:6px;color:var(--paper);font:inherit;font-size:22px;padding:12px 14px;outline:none;transition:border-color .12s ease}.field input:focus-visible{border-color:var(--gold)}.field input::placeholder{color:var(--dim);opacity:.5}.hint{margin-top:6px;font-size:11px}.equation,.hint{color:var(--dim)}.equation{margin:30px 0 26px;padding:12px 14px;border-left:2px solid var(--gold);background:var(--gold-soft);border-radius:0 6px 6px 0;font-size:12.5px;line-height:1.7;word-break:break-all}.equation b{color:var(--paper);font-weight:600}.result{border-top:1px solid var(--line);padding-top:26px}.result .kg{font-size:40px;font-weight:700;color:var(--gold);line-height:1.1;margin-bottom:4px}.result .kg small{font-size:14px;font-weight:400;color:var(--dim);margin-left:8px}.rows{margin-top:20px;display:grid;grid-gap:0;gap:0}.row{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}.row span:first-child{color:var(--dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.note{margin-top:26px;font-size:11.5px;line-height:1.7;color:var(--dim)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}