:root{--desk:#eaf3f4;--board:#00838f;--board-edge:#005b63;--foil:#c8f0f2}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#0d1719;--board:#006b75;--board-edge:#00464d;--foil:#c8f0f2}}.sheet h1{margin-bottom:0}.grid2{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.unit{color:#1b2230;gap:6px;font-size:14px;font-weight:600;display:grid}.unit .in{align-items:center;gap:6px;font-size:15px;display:flex}.unit input{color:#1b2230;width:100%;min-width:0;font:inherit;text-align:right;background:#fff;border:1px solid #d3d8e0;border-radius:10px;flex:1;padding:10px;font-size:20px;font-weight:700}.unit input::placeholder{color:#a3abb8;font-size:16px;font-weight:400}.act-desc{color:#5a6476;word-break:keep-all;margin:8px 2px 0;font-size:13px;line-height:1.5}.result{gap:12px;display:grid}.result p{margin:0}.big{font-family:var(--serif);font-size:22px;font-weight:700}.big b{color:var(--board);font-variant-numeric:tabular-nums;font-size:56px;line-height:1}.class-name{color:#fff;background:var(--band,var(--board));border-radius:999px;justify-self:start;padding:4px 12px;font-size:16px;font-weight:700}.scale{padding:10px 0 22px;position:relative}.bands{border-radius:999px;height:12px;display:flex;overflow:hidden}.band.under{background:#7fb3d5;flex:14}.band.normal{background:#3a9d5d;flex:18}.band.pre{background:#e3b23c;flex:8}.band.ob1{background:#e07b39;flex:20}.band.ob2{background:#c8483a;flex:20}.band.ob3{background:#8e2c3f;flex:20}.result[data-cls=under]{--band:#4f8fbb}.result[data-cls=normal]{--band:#2f8a4f}.result[data-cls=pre]{--band:#b8860b}.result[data-cls=ob1]{--band:#c96524}.result[data-cls=ob2]{--band:#b23a2e}.result[data-cls=ob3]{--band:#8e2c3f}.pin{width:4px;height:24px;box-shadow:0 0 0 2px var(--paper);background:#1b2230;border-radius:2px;margin-left:-2px;position:absolute;top:4px}.ticks span{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;bottom:0;transform:translate(-50%)}.facts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.facts div{background:color-mix(in srgb, var(--foil) 55%, transparent);border-radius:12px;align-content:start;gap:3px;padding:12px;display:grid}.facts span{color:var(--ink-soft);font-size:13px}.facts b{font-variant-numeric:tabular-nums;font-size:19px}.facts small{word-break:keep-all;font-size:13px;line-height:1.45}.energy{border-top:1px solid var(--rule);padding-top:6px}.energy h2{margin:8px 0}.kcal{font-size:17px;font-weight:600}.kcal b{color:var(--board);font-variant-numeric:tabular-nums;font-size:30px}.kcal.small{margin-top:14px!important}.kcal.small b{font-size:22px}.energy .fine{margin-top:4px}.levels{margin:14px 0 0;padding:0;list-style:none}.levels li,.log-list li{border-bottom:1px solid var(--rule);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;padding:8px 6px;font-size:15px;display:flex}.levels li.now{background:var(--foil);color:#1b2230;border-radius:6px;font-weight:700}.log{gap:10px;display:grid}.log h2{margin-bottom:0}.log-list{margin:0;padding:0;list-style:none}.log-list .d{flex:1}.log-list .bmi{width:5.5em;color:var(--ink-soft);align-self:center;font-size:13px}.log-list .diff{text-align:right;width:4em;color:var(--ink-soft)}.log-list .diff.up{color:#c8483a}.log-list .diff.down{color:#2f8a4f}.remove{justify-self:start}.remove.armed{border-color:var(--stamp);color:var(--stamp);font-weight:700}@media (prefers-color-scheme:dark){:root:not(.light-only) .big b,:root:not(.light-only) .kcal b{color:var(--foil)}:root:not(.light-only) .facts div{background:color-mix(in srgb, var(--foil) 12%, transparent)}:root:not(.light-only) .pin{background:#fff;box-shadow:0 0 0 2px #1a1f27}}