:root{--bg: #17130f;--surface: #231d17;--surface-2: #31271e;--text: #f0e8dc;--muted: #a4968a;--accent: #cc8b42;--accent-ink: #1a1208;--danger: #c2604f;--radius: 14px;--space: 16px;--tabbar-h: 68px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.45;min-height:100dvh;-webkit-tap-highlight-color:transparent}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.shell{max-width:560px;margin:0 auto;padding:24px 20px calc(96px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px;position:relative}.loading{color:var(--muted)}.view__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 calc(var(--space) * 1.25)}.view__head h1{margin:0;font-size:1.5rem;letter-spacing:-.01em}.seg{display:inline-flex;background:var(--surface);border-radius:999px;padding:3px}.seg__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:600;padding:6px 14px;border-radius:999px;min-width:48px;cursor:pointer}.seg__btn.is-active{background:var(--accent);color:var(--accent-ink)}.unit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.unit-row{background:var(--surface);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.unit-row__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.unit-row__name{font-weight:600}.unit-row__len{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}.unit-row__actions{display:flex;gap:8px;justify-content:flex-end}.unit-row--edit{gap:12px}.empty{background:var(--surface);border-radius:var(--radius);padding:24px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.empty p{margin:0;color:var(--muted)}.empty strong{color:var(--text)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font:inherit;font-weight:600;padding:10px 14px;border-radius:10px;cursor:pointer;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--ghost{background:transparent;color:var(--text)}.btn--ghost:hover{background:var(--surface-2)}.btn--danger{color:var(--danger)}.fab{position:fixed;right:20px;bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom));z-index:6;width:56px;height:56px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-ink);font-size:28px;font-weight:700;line-height:1;box-shadow:0 8px 20px #00000059;cursor:pointer}.field{display:flex;flex-direction:column;gap:4px}.field>span{font-size:.85rem;color:var(--muted)}.field input,.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-2);color:var(--text);border:1px solid transparent;border-radius:10px;padding:10px 12px;font:inherit;min-height:44px}.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}.hint{margin:-4px 0 0;color:var(--muted);font-size:.9rem}.hint.muted{font-size:.82rem}.err{margin:0;color:var(--danger);font-size:.9rem}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;z-index:10}.sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:0}.sheet__body{position:relative;background:var(--surface);border-top-left-radius:20px;border-top-right-radius:20px;padding:20px 20px calc(20px + env(safe-area-inset-bottom));max-width:560px;width:100%;margin:0 auto;z-index:1;display:flex;flex-direction:column;gap:16px;max-height:90dvh;overflow-y:auto}.sheet__head{display:flex;justify-content:space-between;align-items:center}.sheet__head h2{margin:0;font-size:1.15rem}.sheet__actions{display:flex;justify-content:flex-end;gap:10px}.add-form{display:flex;flex-direction:column;gap:12px}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:space-around;background:#17130feb;backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);border-top:1px solid rgba(255,255,255,.06);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.tabs__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--muted);font:inherit;font-size:.82rem;padding:8px 10px;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-height:56px}.tabs__btn.is-active{color:var(--accent);background:#38bdf814}.tabs__glyph{font-size:1.15rem}.picker{display:flex;flex-direction:column;gap:10px}.picker__hint{margin:0;color:var(--muted)}.picker__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.picker__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:var(--surface);border:0;color:var(--text);font:inherit;padding:16px 18px;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:baseline;cursor:pointer;min-height:56px}.picker__btn:hover{background:var(--surface-2)}.picker__name{font-weight:600}.picker__len{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.counter{display:flex;flex-direction:column;gap:18px}.counter__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.counter__unit{display:flex;flex-direction:column;text-align:right}.counter__unit-name{font-weight:600}.counter__unit-len{color:var(--muted);font-size:.85rem}.counter__total{background:var(--surface);border-radius:var(--radius);padding:28px 16px;text-align:center;display:flex;flex-direction:column;gap:4px}.counter__total-value{font-size:clamp(2.4rem,8vw,3.4rem);font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);letter-spacing:-.02em}.counter__total-steps{color:var(--muted)}.counter__total-unit{color:var(--text)}.counter__buttons{display:grid;grid-template-columns:1fr 2fr;gap:12px}.counter__minus,.counter__plus{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font:inherit;font-size:2rem;font-weight:700;border-radius:var(--radius);cursor:pointer;min-height:96px}.counter__minus{background:var(--surface);color:var(--text)}.counter__minus:disabled{opacity:.4}.counter__plus{background:var(--accent);color:var(--accent-ink)}.counter__plus:active{transform:scale(.98)}.counter__fractions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.frac{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--surface);color:var(--text);font:inherit;font-size:1.1rem;font-weight:600;padding:10px 0;border-radius:10px;min-height:44px;cursor:pointer}.frac.is-active{background:var(--accent);color:var(--accent-ink)}.counter__actions{display:flex;justify-content:space-between;gap:10px}.field--hero input{font-size:1.4rem;font-variant-numeric:tabular-nums;padding:14px 12px}.field__combo{display:flex;align-items:center;gap:8px}.field__combo input{flex:1}.field__suffix{color:var(--muted);font-weight:600}.suggest-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.suggest{background:var(--surface);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.suggest.is-best{border:1px solid rgba(56,189,248,.4)}.suggest__formula{font-weight:600;font-size:1.05rem}.suggest__meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem}.suggest__total{color:var(--accent);font-variant-numeric:tabular-nums}.suggest__err.is-exact{color:#4ade80}.hist{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hist__row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-radius:var(--radius);background:var(--surface)}.hist__main{display:grid;gap:2px;min-width:0}.hist__total{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums}.hist__meta,.hist__when{color:var(--muted);font-size:.85rem}.data{margin-top:calc(var(--space) * 2);padding-top:var(--space);border-top:1px solid var(--surface-2)}.data__title{margin:0 0 8px;font-size:.95rem;color:var(--muted);font-weight:600}.data__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.data__note{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.counter__asunit{margin-top:var(--space);padding-top:var(--space);border-top:1px solid var(--surface-2);display:grid;gap:8px}