:root{--bg: #111418;--ink: #ffffff;--soft: #c9d1d9;--line: #3a424c;--track: #2b323a;--lime: #b8f25b;--on-lime: #111418;--water: #6bb7ff;--err: #ff9b8a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;-webkit-tap-highlight-color:transparent}main{max-width:520px;margin:0 auto;padding:14px 18px calc(110px + env(safe-area-inset-bottom))}h1{font-size:26px;font-weight:800;letter-spacing:-.03em;margin:22px 0 8px}h2{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin:26px 0 12px}.date{margin:10px 0 0;font-size:15px;font-weight:600;color:var(--soft)}nav,.seg{display:flex;gap:22px;flex-wrap:wrap}nav button,.seg button{background:transparent;color:var(--soft);padding:8px 0;min-height:44px;border-radius:0;font-size:16px;font-weight:700;border-bottom:3px solid transparent}nav button.on,.seg button.on{color:var(--ink);border-bottom-color:var(--lime)}.seg{margin:8px 0 12px}button{font:inherit;border:0;border-radius:2px;padding:11px 16px;background:var(--lime);color:var(--on-lime);font-weight:800;min-height:44px;cursor:pointer}button.ghost{background:transparent;color:var(--ink);border:2px solid var(--ink);padding:9px 14px}button:disabled{opacity:.5}button:focus-visible,input:focus-visible,.seg-c:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.ring{position:relative;width:min(100%,320px);aspect-ratio:1;margin:14px auto 0}.ring svg{width:100%;height:100%;display:block}.ring .track{stroke:var(--track)}.ring .arc{stroke:var(--lime);cursor:pointer}.ring .arc.on{stroke:var(--ink)}.mid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.mid b{font-size:76px;line-height:.9;font-weight:800;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.mid b.m{font-size:60px}.mid b.s{font-size:48px}.mid span{margin-top:6px;font-size:14px;font-weight:600;color:var(--soft)}.left{text-align:center;font-size:17px;font-weight:600;margin:14px 0 0}.left em{font-style:normal;color:var(--lime);font-weight:800}.macros{display:flex;justify-content:space-between;margin:14px 0 0;font-size:14px;font-weight:600;color:var(--soft);border-top:1px solid var(--line);padding-top:12px}.macros b{color:var(--ink);font-size:18px;font-weight:800}.tl{list-style:none;margin:0;padding:0 0 0 74px;position:relative}.tl:before{content:"";position:absolute;left:57px;top:6px;bottom:8px;width:2px;background:var(--line)}.ev{position:relative;padding:0 0 14px}.ev time{position:absolute;left:-74px;top:12px;width:44px;text-align:right;font-size:14px;font-weight:600;color:var(--soft);font-variant-numeric:tabular-nums}.ev:before{content:"";position:absolute;left:-22px;top:17px;width:10px;height:10px;background:var(--lime)}.ev.water:before{background:var(--water)}.ev.weight:before{background:var(--ink)}.ev.meal.on:before{left:-24px;top:15px;width:14px;height:14px;outline:2px solid var(--ink);outline-offset:2px}.evb{display:block;width:100%;text-align:left;background:transparent;color:var(--ink);border-radius:0;padding:8px 0;min-height:44px;font-weight:400}button.evb:hover{background:transparent}.evb b,.evl li{overflow-wrap:anywhere;min-width:0}.evb b{display:block;font-size:18px;font-weight:700}.evb span{display:block;font-size:14px;color:var(--soft);font-variant-numeric:tabular-nums}.evl{list-style:none;margin:0 0 6px;padding:0}.evl li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid var(--line);font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}.evl i{font-style:normal;color:var(--lime);font-weight:700}.quick{margin-top:10px;border-top:1px solid var(--line)}.qrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.qrow>span{font-size:15px;font-weight:600;color:var(--soft)}.qrow>span b{color:var(--ink);font-size:18px;font-weight:800;margin-left:4px}.qrow>div{display:flex;gap:8px}input{font:inherit;width:96px;min-height:44px;padding:8px 12px;border:2px solid var(--ink);border-radius:2px;background:transparent;color:var(--ink);font-size:16px}.note{color:var(--soft);margin:8px 0 12px}.err{color:var(--err);margin:12px 0;font-weight:600}.dock{position:fixed;left:0;right:0;bottom:0;padding:12px 18px calc(14px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.say{display:block;width:100%;max-width:484px;margin:0 auto;padding:16px;font-size:17px;letter-spacing:.01em}input[type=time]{width:128px;color-scheme:dark}.danger{border-top:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:14px}.danger:last-of-type{border-bottom:1px solid var(--line)}.danger p{margin:0;min-width:0}.danger b{display:block;font-size:17px;font-weight:700}.danger span{display:block;margin-top:2px;font-size:14px;color:var(--soft)}.danger div{display:flex;gap:8px;flex-shrink:0}.danger{flex-wrap:wrap}.danger .ask{flex-basis:100%}.danger .ask button{flex:1}button.warn{background:var(--err);color:var(--bg)}.plan{position:relative;border:2px solid var(--line);padding:20px 18px 18px;margin:16px 0}.plan.best{border-color:var(--lime)}.plan h2{margin:0 0 6px;font-size:22px;letter-spacing:-.02em;text-transform:none;color:var(--ink)}.plan .tagb{position:absolute;top:-14px;left:14px;background:var(--lime);color:var(--on-lime);font-size:14px;font-weight:800;padding:4px 10px;border-radius:2px}.price{margin:0;font-size:16px;font-weight:600;color:var(--soft)}.price b{font-size:52px;font-weight:800;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}.plan .sub{margin:4px 0 14px;font-size:14px;color:var(--soft)}.plan ul{list-style:none;margin:0 0 16px;padding:0}.plan li{position:relative;padding:7px 0 7px 24px;font-size:16px;overflow-wrap:anywhere}.plan li:before{content:"";position:absolute;left:0;top:15px;width:10px;height:10px;background:var(--lime)}.plan li em{font-style:normal;font-size:14px;font-weight:700;color:var(--soft);border:1px solid var(--line);padding:1px 7px;margin-left:8px}.plan button{width:100%}.mine{margin:8px 0 12px;padding:12px 14px;border:2px solid var(--lime);color:var(--lime);font-weight:700}.plan .ok{margin:0;color:var(--lime);font-weight:700}.card{border-top:1px solid var(--line);padding:14px 0}.chart{position:relative;height:150px;display:flex;align-items:flex-end;gap:2px}.chart i{flex:1;background:var(--lime);min-width:1px}.chart i.none{background:var(--line)}.goal{position:absolute;left:0;right:0;border-top:2px dashed var(--ink);pointer-events:none}.legend{margin:8px 0 0;font-size:14px;color:var(--soft)}.text{margin:0;white-space:pre-line}@media(prefers-reduced-motion:no-preference){.ring .arc{transition:stroke .15s}}