:root{--bg: #fff;--surface: #f5f5f7;--surface-2: #efeff2;--hairline: #e9e9ec;--text: #111113;--text-dim: #6b6b72;--text-faint: #8e8e96;--accent: #0faf9e;--accent-soft: #e6f7f5;--body-base: #e8e8ec;--body-1: #dceeeb;--body-2: #b6e2db;--body-3: #74cdc1;--body-4: #17a99a;--t-xs: 12px;--t-sm: 14px;--t-md: 16px;--t-title: 22px;--t-num: 72px;--r-row: 14px;--r-card: 18px;--r-sheet: 28px;--r-pill: 999px;--pad: 20px;--e1: 0 1px 2px rgba(17, 17, 19, .04), 0 4px 12px rgba(17, 17, 19, .04);--e2: inset 0 1px 0 rgba(255, 255, 255, .95), 0 1px 2px rgba(17, 17, 19, .06), 0 8px 24px rgba(17, 17, 19, .08);--e2-field: inset 0 1px 0 rgba(255, 255, 255, .95), 0 1px 2px rgba(17, 17, 19, .05), 0 6px 18px rgba(17, 17, 19, .07);--e3: 0 2px 6px rgba(17, 17, 19, .08), 0 16px 40px rgba(17, 17, 19, .14);--e-accent: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(15, 175, 158, .24), 0 6px 16px rgba(15, 175, 158, .26);--glass: rgba(255, 255, 255, .68);--glass-edge: rgba(17, 17, 19, .06);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tg-header: 0px;--vh: 100dvh;--tabs-bottom: max(18px, calc(var(--safe-bottom) + 10px));--field-bottom: calc(var(--tabs-bottom) + 68px);--ease: cubic-bezier(.32, .72, 0, 1)}:root[data-theme=dark]{--bg: #0d0d0f;--surface: #141416;--surface-2: #1b1b1e;--hairline: #242428;--text: #f2f2f4;--text-dim: #8a8a92;--text-faint: #5c5c64;--accent-soft: #10241f;--body-base: #242428;--body-1: #1c3b37;--body-2: #1d5a52;--body-3: #14837726;--e1: none;--e2: none;--e2-field: none;--e3: none;--e-accent: none;--glass: rgba(30, 30, 34, .72);--glass-edge: rgba(255, 255, 255, .08)}*{box-sizing:border-box}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:var(--t-md)/1.4 Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app{position:relative;height:var(--vh);display:flex;flex-direction:column;overflow:hidden;padding-top:max(8px,calc(var(--safe-top) + var(--tg-header)))}.scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px var(--pad) 0;display:flex;flex-direction:column}.scroll::-webkit-scrollbar{display:none}.scroll.log{justify-content:flex-end;gap:18px;padding-bottom:calc(var(--field-bottom) + 86px)}.scroll.progress{gap:var(--pad);padding-top:22px;padding-bottom:calc(var(--tabs-bottom) + 90px)}.day{flex:none;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.day b{font-size:var(--t-md);font-weight:400}.day button{width:36px;height:36px;flex:none;display:grid;place-items:center;border:0;background:transparent;color:var(--text-faint);border-radius:var(--r-pill)}.day button:disabled{opacity:.3}.day svg{width:20px;height:20px}.entry{display:flex;align-items:baseline;gap:12px;flex:none}.entry span{flex:1;font-size:var(--t-md)}.entry time{font-size:var(--t-xs);color:var(--text-faint);font-variant-numeric:tabular-nums}.chips{display:flex;flex-wrap:wrap;gap:8px;flex:none}.chip{height:38px;padding:0 16px;border-radius:var(--r-pill);background:var(--bg);border:1px solid var(--hairline);box-shadow:var(--e1);font:var(--t-sm) inherit;font-family:inherit;color:var(--text)}.hero{font-size:var(--t-num);font-weight:600;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.lead{font-size:var(--t-md);color:var(--text-dim);line-height:22px}.h2{font-size:var(--t-title);font-weight:600;letter-spacing:-.02em;line-height:1.25;margin:0}.p{font-size:var(--t-sm);color:var(--text-dim);margin:0;line-height:20px}.lbl{font-size:var(--t-xs);color:var(--text-faint);line-height:16px}.num{font-variant-numeric:tabular-nums}.top{flex:none;padding:14px var(--pad) 0;display:flex;flex-direction:column;gap:6px}.chart{display:block;width:100%;height:96px;overflow:visible}.chart polyline{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.field{position:absolute;left:16px;right:16px;bottom:var(--field-bottom);height:54px;border-radius:var(--r-pill);background:var(--bg);border:1px solid var(--hairline);box-shadow:var(--e2-field);display:flex;align-items:center;gap:10px;padding:0 7px 0 20px;transition:box-shadow .2s var(--ease)}.field:focus-within{box-shadow:var(--e2-field),0 0 0 1.5px var(--accent) inset}.field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:var(--t-md) inherit;font-family:inherit;color:var(--text)}.field input::placeholder{color:var(--text-faint)}.send{width:40px;height:40px;flex:none;border:0;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:var(--e-accent)}.send:disabled{background:var(--surface-2);box-shadow:none}.send svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.send:disabled svg{stroke:var(--text-faint)}.tabs{position:absolute;left:16px;right:16px;bottom:var(--tabs-bottom);height:56px;padding:5px;border-radius:var(--r-pill);display:flex;gap:4px;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--e2);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}.tab{flex:1;height:46px;border:0;background:transparent;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;gap:8px;font:var(--t-sm) inherit;font-family:inherit;color:var(--text-dim);transition:background .2s var(--ease),color .2s var(--ease)}.tab svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab[aria-selected=true]{background:#0faf9e1a;color:var(--accent);font-weight:500}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#11111352}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:88%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:26px;padding:10px var(--pad) calc(var(--safe-bottom) + 24px);background:var(--bg);border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:var(--e3)}:root[data-theme=dark] .sheet{border-top:1px solid var(--hairline)}.grab{width:36px;height:4px;flex:none;border-radius:var(--r-pill);background:var(--hairline)}.sheet>.block{align-self:stretch;display:flex;flex-direction:column;gap:2px}.cta,.ghost{align-self:stretch;height:52px;flex:none;border:0;border-radius:var(--r-pill);display:grid;place-items:center;font:500 var(--t-md) inherit;font-family:inherit}.cta{background:var(--accent);color:#fff;box-shadow:var(--e-accent)}.cta:disabled{opacity:.5;box-shadow:none}.ghost{background:var(--surface);color:var(--text);font-weight:400}.pressable{transition:transform .16s var(--ease)}.pressable:active{transform:scale(.985)}.row{display:flex;align-items:center;gap:12px;align-self:stretch;padding:12px 0;border:0;background:transparent;color:inherit;font:var(--t-md) inherit;font-family:inherit;text-align:left}.val{margin-left:auto;color:var(--text-dim);font-size:var(--t-sm)}.body{position:relative;width:100%;display:block}.lay{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.zonemap{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.figs{display:flex;gap:34px;justify-content:center;align-items:center;flex:1}.figs>*{width:66px;flex:none}.zone{transition:background .6s var(--ease)}.said{align-self:stretch;font-size:var(--t-sm);color:var(--text-dim)}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.sk{background:var(--surface);border-radius:8px;height:14px;animation:shimmer 1.3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
