:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--card:#181b22;--line:#262a33;--fg:#eef0f3;--muted:#9aa1ad;--accent:#5bd19a;--err:#ff7b72}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.screen{max-width:520px;padding:calc(env(safe-area-inset-top) + 20px) 18px calc(env(safe-area-inset-bottom) + 24px);margin:0 auto}.center{place-items:center;min-height:60vh;display:grid}h1{letter-spacing:-.02em;margin:4px 0 18px;font-size:28px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;gap:10px;margin-bottom:14px;padding:16px;display:grid}.card.subtle{background:0 0}label{color:var(--muted);font-size:14px}input{border:1px solid var(--line);color:var(--fg);background:#0b0d11;border-radius:12px;width:100%;padding:12px 14px;font-size:20px}input#code{letter-spacing:.3em;font-variant-numeric:tabular-nums}button{background:var(--accent);color:#062014;border:0;border-radius:12px;padding:13px 16px;font-size:17px;font-weight:600}button:disabled{opacity:.5}button.link{color:var(--muted);background:0 0;padding:6px 0;font-weight:400;text-decoration:underline}.muted{color:var(--muted)}.small{margin:0;font-size:14px}.note{color:var(--muted)}.error{color:var(--err)}.big{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0;font-size:44px;font-weight:700}.unit{color:var(--muted);font-size:18px;font-weight:500}.bar{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.bar>div{background:var(--accent);height:100%}.macros{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.macros span{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;display:block}.macros small{color:var(--muted)}.top{justify-content:space-between;align-items:end;display:flex}.foot{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.sandbox{z-index:9;color:#fff;text-align:center;padding:calc(env(safe-area-inset-top) + 4px) 8px 4px;background:#7a4b00;font-size:13px;position:sticky;top:0}
