:root{font-family:"Courier New",Courier,monospace;color-scheme:dark;--bg:#000;--panel:#141416;--field:#1e1e21;--text:#f4f4f5;--muted:#909096;--line:#2b2b2f;--accent:#f28c28;--numbers:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-synthesis:none}
*{box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;width:100%;margin:0;background:var(--bg);font-size:13px}main{width:min(100%,32rem);height:100%;margin:auto;padding:20px 16px 36px;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;scrollbar-width:none}main::-webkit-scrollbar{display:none}
svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.card,.history{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.history{margin-bottom:16px;padding-bottom:8px}.history:has(#chart[hidden]){display:none}
.current{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px}#latest{font:600 36px/1.2 var(--numbers);font-variant-numeric:tabular-nums;letter-spacing:-1.1px}.unit,#latest-date{font-size:10px;color:var(--muted)}figure{margin:0;padding:10px 0 20px}figure svg{display:block;width:100%;height:auto;overflow:visible}.grid{stroke:var(--line);stroke-dasharray:2 5}.axis{font-size:11px;fill:var(--muted);stroke:none}.trend{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.dot{fill:var(--accent);stroke:var(--panel);stroke-width:2}figcaption{display:flex;justify-content:space-between;padding-left:35px;color:var(--muted);font-size:10px}
ul{list-style:none;margin:0;padding:0}li{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding:5px 0}.entry-date{flex:1;color:var(--muted);font-size:11px}.entry-weight{font:600 16px var(--numbers);font-variant-numeric:tabular-nums}.entry-weight small{font-size:10px;color:var(--muted);font-weight:400}
.toolbar{display:flex;justify-content:flex-end;align-items:center;height:30px;margin-bottom:16px}.date-control{position:relative;display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:11px;overflow:hidden}.date-control svg{width:15px;height:15px;color:var(--accent)}.date-control input{position:absolute;inset:0;width:100%;height:100%;min-width:0;max-width:100%;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}.date-control:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px;gap:12px;align-items:center}
button{font:inherit;cursor:pointer;border:0;border-radius:8px;display:inline-grid;place-items:center;min-width:44px;min-height:44px;background:transparent;color:var(--muted);padding:10px;-webkit-tap-highlight-color:transparent}button svg{width:18px;height:18px}.primary{width:46px;height:46px;border-radius:12px;background:var(--accent);color:#141414;transform:translateY(-12px)}.primary svg{width:21px;height:21px;stroke-width:2.2}.primary:hover{background:#ff9b3c}.primary:active{transform:translateY(-12px) scale(.96)}.row-action{min-width:30px;padding:5px}.row-action svg{width:14px;height:14px}.row-action:hover,.cancel:hover{color:var(--accent);background:var(--field)}.cancel{display:flex;margin:4px 0 0 auto}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[hidden]{display:none!important}.sr-only,.status:not(.error){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.status.error{color:var(--accent);font-size:12px;line-height:1.4;margin:12px 0 0}#empty{display:none}
@media(max-width:350px){main{padding-left:10px;padding-right:10px}.card,.history{padding-left:14px;padding-right:14px}.fields{gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}.primary{width:44px;height:44px}}
.select-field{position:relative;display:block;min-width:0;height:104px}.select-field select{display:block;width:100%;max-width:100%;min-width:0;height:80px;padding:0 26px 0 10px;border:1px solid #343439;border-radius:12px;background:var(--field);color:var(--text);font:600 42px var(--numbers);font-variant-numeric:tabular-nums;letter-spacing:-1.2px;text-align:center;appearance:none;-webkit-appearance:none;cursor:pointer}.select-field select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.select-field option{font-size:22px;background:var(--field);color:var(--text)}.select-field>span{position:absolute;left:0;right:0;bottom:1px;text-align:center;font-size:10px;color:var(--muted);pointer-events:none}.select-arrow{position:absolute;right:9px;top:32px;width:16px;height:16px;stroke:var(--accent);pointer-events:none}@media(max-width:350px){.select-field select{font-size:38px}}