:root{--bg:#0b0e15;--win:#151b2e;--line:#dfe6f2;--shadow:#05070c;--text:#eef2fa;--dim:#7f8dab;--faint:#4d5a78;--border:#2b3550;--accent:#9ef01a;--gold:#ffcf3d;--fat:#d9b34a;--carb:#6f8ec9;--danger:#ff7a5c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-family:DotGothic16,MS Gothic,Osaka-Mono,monospace}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}svg{shape-rendering:crispedges}.app{flex-direction:column;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.screen{min-height:0;padding:max(16px, env(safe-area-inset-top)) 16px 16px;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.crt:after{content:"";pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px);position:fixed;inset:0}.win{background:var(--win);border:3px solid var(--line);box-shadow:0 0 0 3px var(--shadow);padding:12px 14px}.win-title{color:var(--dim);letter-spacing:2px;margin-bottom:10px;font-size:11px}.row-between{justify-content:space-between;align-items:baseline;display:flex}.bar{background:var(--shadow);border:2px solid var(--border);position:relative;overflow:hidden}.bar-fill{height:100%;transition:width .22s steps(8,end)}.bar:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 6px, var(--win) 6px 8px);position:absolute;inset:0}.btn{border:2px solid var(--faint);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:46px;padding:0 16px;font-size:14px;display:flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--bg);box-shadow:0 0 0 3px var(--shadow);letter-spacing:3px;border:none;min-height:58px;font-size:16px}.btn-primary:disabled{opacity:.4}.step{border:2px solid var(--faint);flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.pill{border:2px solid var(--border);height:44px;color:var(--dim);justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.pill[data-on=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.field{background:var(--shadow);border:2px solid var(--border);width:100%;height:44px;color:var(--text);font:inherit;padding:0 10px;font-size:13px}.field::placeholder{color:var(--faint)}.nav{background:var(--win);border:3px solid var(--line);box-shadow:0 0 0 3px var(--shadow);margin:0 16px max(16px, env(safe-area-inset-bottom));flex:none;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.nav button{height:58px;color:var(--dim);justify-content:center;align-items:center;gap:4px;font-size:13px;display:flex}.nav button[data-on=true]{color:var(--accent)}.dim{color:var(--dim)}.faint{color:var(--faint)}.accent{color:var(--accent)}.unit{color:var(--dim);font-size:10px}.stack{flex-direction:column;display:flex}.muted-note{color:var(--dim);font-size:11px;line-height:1.6}.toast{z-index:60;background:var(--win);border:3px solid var(--line);box-shadow:0 0 0 3px var(--shadow);white-space:nowrap;padding:10px 18px;font-size:13px;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}