:root{--bg:#0b1120;--surface:#131c31;--surface-2:#1b2740;--text:#e6edf7;--muted:#93a4c0;--primary:#0f766e;--primary-text:#f0fdfa;--ok:#34d399;--warn:#fbbf24;--bad:#f87171;--radius:12px}@media (prefers-color-scheme:light){:root{--bg:#f6f8fc;--surface:#fff;--surface-2:#eef2f9;--text:#101828;--muted:#52627a;--primary:#0f766e;--primary-text:#fff;--ok:#047857;--warn:#b45309;--bad:#b91c1c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{gap:1rem;max-width:34rem;margin:0 auto;padding:1rem 1rem 3rem;display:grid}.app__header h1{margin:.5rem 0;font-size:1.25rem}.card{background:var(--surface);border-radius:var(--radius);gap:.75rem;padding:1rem;display:grid}.card h2{margin:0;font-size:1rem}.field{border:0;gap:.35rem;margin:0;padding:0;display:grid}.field__label{font-size:.9rem;font-weight:600}.field__input{border:1px solid var(--surface-2);background:var(--surface-2);color:var(--text);border-radius:10px;width:100%;padding:.75rem;font-size:1.25rem}.field__hint{color:var(--muted);margin:0;font-size:.85rem}.field__hint--ok{color:var(--ok)}.field__hint--over{color:var(--warn)}.radio{align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.button{cursor:pointer;border:0;border-radius:10px;min-height:48px;font-size:1rem;font-weight:600}.button--primary{background:var(--primary);color:var(--primary-text)}.button:disabled{opacity:.6;cursor:progress}.save-banner{gap:.35rem;display:grid}.save-banner__message{margin:0;font-size:.9rem}.save-banner__message--saved{color:var(--ok)}.save-banner__message--failed{color:var(--bad)}.save-banner__message--unconfirmed{color:var(--warn)}.save-banner__issues{color:var(--bad);margin:0;padding-left:1.1rem;font-size:.85rem}.disclaimer{color:var(--muted);margin:0;font-size:.78rem}.history{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.history__item{background:var(--surface-2);border-radius:10px;gap:.25rem;padding:.75rem;display:grid}.history__main{align-items:baseline;gap:.4rem;display:flex}.history__value{font-size:1.35rem;font-weight:700}.history__unit,.history__time{color:var(--muted);font-size:.8rem}.chip{border-radius:999px;padding:.1rem .5rem;font-size:.72rem}.chip--ok{background:color-mix(in srgb, var(--ok) 20%, transparent);color:var(--ok)}.chip--over{background:color-mix(in srgb, var(--warn) 20%, transparent);color:var(--warn)}.badge{color:var(--muted);font-size:.75rem}.badge-ok{color:var(--ok)}.badge-bad{color:var(--bad)}.badge-pending{color:var(--warn)}.badge-muted{color:var(--muted)}.empty{color:var(--muted);margin:0;font-size:.9rem}.nav-tabs{background:var(--surface);border-radius:var(--radius);border:1px solid var(--surface-2);gap:.25rem;padding:.25rem;display:flex}.tab-button{min-height:48px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;transition:background .15s,color .15s;display:flex}.tab-button--active{background:var(--surface-2);color:var(--text);box-shadow:0 1px 3px #00000026}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}