:root{--ground: #f4f6f2;--surface: #ffffff;--sunk: #edf0ea;--line: #dce2d8;--line-soft: #e7ebe3;--ink: #141c18;--ink-2: #3d4a44;--ink-3: #6b7a72;--flat: #14795c;--flat-soft: #d9ede5;--mid: #b0791a;--mid-soft: #f5e9d0;--spike: #b8412c;--spike-soft: #f6dfd9;--shadow: 0 1px 2px rgba(20, 28, 24, .05), 0 8px 24px -14px rgba(20, 28, 24, .2);--shadow-lift: 0 2px 6px rgba(20, 28, 24, .08), 0 20px 40px -18px rgba(20, 28, 24, .3);--radius: 16px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #0e1412;--surface: #161e1a;--sunk: #1d2723;--line: #2a3630;--line-soft: #222d28;--ink: #e9f0eb;--ink-2: #b6c4bc;--ink-3: #87958d;--flat: #4fcfa1;--flat-soft: #123329;--mid: #e0a83e;--mid-soft: #33290f;--spike: #f0705a;--spike-soft: #3a1b15;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -14px rgba(0, 0, 0, .6);--shadow-lift: 0 2px 6px rgba(0, 0, 0, .5), 0 20px 40px -18px rgba(0, 0, 0, .8);color-scheme:dark}}:root[data-theme=dark]{--ground: #0e1412;--surface: #161e1a;--sunk: #1d2723;--line: #2a3630;--line-soft: #222d28;--ink: #e9f0eb;--ink-2: #b6c4bc;--ink-3: #87958d;--flat: #4fcfa1;--flat-soft: #123329;--mid: #e0a83e;--mid-soft: #33290f;--spike: #f0705a;--spike-soft: #3a1b15;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:Golos Text,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3{font-family:Unbounded,Golos Text,sans-serif;letter-spacing:-.03em;line-height:1.15;margin:0}p{margin:0}button{font:inherit;color:inherit}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--ground);position:relative;padding-bottom:env(safe-area-inset-bottom)}.scroll{flex:1;overflow-y:auto;padding:0 16px 24px;-webkit-overflow-scrolling:touch}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:14px 16px 10px;background:color-mix(in srgb,var(--ground) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar h1{font-size:22px}.topbar .sub{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.topbar .spacer{margin-left:auto}.iconbtn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;font-size:17px;line-height:1}.iconbtn:active{transform:scale(.96)}.iconbtn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--flat);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.muted{color:var(--ink-3)}.small{font-size:13px}.tiny{font-size:11px}.bignum{font-family:Unbounded,sans-serif;font-size:30px;letter-spacing:-.04em}.label{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}.track{height:8px;border-radius:99px;background:var(--sunk);overflow:hidden;display:flex}.track i{display:block;height:100%;transition:width .35s ease}.macros{display:flex;justify-content:space-between;gap:6px;margin-top:12px}.macros div{text-align:left}.macros .v{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500;display:block}.macros .k{font-size:10.5px;color:var(--ink-3)}.pill{font-family:JetBrains Mono,monospace;font-size:11px;padding:4px 9px;border-radius:99px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.pill.low{background:var(--flat-soft);color:var(--flat)}.pill.mid{background:var(--mid-soft);color:var(--mid)}.pill.high{background:var(--spike-soft);color:var(--spike)}.pill.plain{background:var(--sunk);color:var(--ink-2)}.meal{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;padding:11px 12px;width:100%;text-align:left;cursor:pointer;border-left:3px solid var(--line-soft)}.meal.low{border-left-color:var(--flat)}.meal.mid{border-left-color:var(--mid)}.meal.high{border-left-color:var(--spike)}.meal .thumb{width:44px;height:44px;border-radius:11px;flex:none;object-fit:cover;background:var(--sunk);display:grid;place-items:center;font-size:20px}.meal .body{flex:1;min-width:0}.meal .body b{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meal .body span{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-3)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a100e73;z-index:40;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}.sheet{background:var(--ground);width:100%;max-width:480px;border-radius:22px 22px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom));animation:rise .24s cubic-bezier(.2,.8,.2,1);max-height:92vh;overflow-y:auto}.grabber{width:38px;height:4px;border-radius:99px;background:var(--line);margin:6px auto 14px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(18px);opacity:0}}@media(prefers-reduced-motion:reduce){.sheet,.sheet-backdrop{animation:none}}.action{display:flex;gap:14px;align-items:center;width:100%;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left}.action .ic{width:42px;height:42px;border-radius:12px;background:var(--flat-soft);color:var(--flat);display:grid;place-items:center;font-size:20px;flex:none}.action b{display:block;font-size:15px}.action span{font-size:12.5px;color:var(--ink-3)}.btn{display:block;width:100%;padding:14px;border-radius:14px;border:none;background:var(--flat);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:var(--sunk);color:var(--ink)}.btn.danger{background:var(--spike-soft);color:var(--spike)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--ink-2)}.field input,.field select{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px;font-family:inherit;width:100%}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:9px 13px;border-radius:99px;border:1px solid var(--line);background:var(--surface);font-size:13.5px;cursor:pointer}.chip[aria-pressed=true]{background:var(--flat);border-color:var(--flat);color:#fff}.ing{padding:12px 0 12px 12px;border-bottom:1px solid var(--line-soft);border-left:3px solid transparent}.ing.lvl-low{border-left-color:var(--flat)}.ing.lvl-mid{border-left-color:var(--mid)}.ing.lvl-high{border-left-color:var(--spike);background:color-mix(in srgb,var(--spike-soft) 55%,transparent);border-radius:0 8px 8px 0}.gi{font-family:JetBrains Mono,monospace;font-weight:500}.gi.lvl-low{color:var(--flat)}.gi.lvl-mid{color:var(--mid)}.gi.lvl-high{color:var(--spike)}.culprit{display:flex;gap:8px;align-items:flex-start;padding:11px 13px;border-radius:12px;background:var(--spike-soft);color:var(--ink);font-size:13.5px;line-height:1.45}.culprit.mid{background:var(--mid-soft)}.culprit.low{background:var(--flat-soft)}.ing:last-child{border-bottom:none}.ing input[type=range]{width:100%;margin:8px 0 4px;accent-color:var(--flat);height:28px}.ing .name{font-size:14px;font-weight:600}.ing .grams{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--ink-2)}.ing .detail{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-3)}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal button{aspect-ratio:1;border-radius:9px;border:1px solid transparent;background:var(--sunk);color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:12px;cursor:pointer;display:grid;place-items:center;padding:0}.cal button.has{color:var(--ink)}.cal button.lvl-low{background:var(--flat);color:#fff;border-color:var(--flat)}.cal button.lvl-mid{background:color-mix(in srgb,var(--mid) 55%,var(--sunk));color:var(--ink)}.cal button.lvl-high{background:color-mix(in srgb,var(--spike) 65%,var(--sunk));color:#fff}.cal button.today{outline:2px solid var(--flat);outline-offset:1px}.caldow{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center;margin-bottom:6px}.empty{text-align:center;padding:36px 20px;color:var(--ink-3)}.empty .big{font-size:40px;margin-bottom:12px}.toast{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--ink);color:var(--ground);padding:11px 18px;border-radius:99px;font-size:13.5px;z-index:60;box-shadow:var(--shadow-lift);max-width:88vw}.skeleton{background:linear-gradient(90deg,var(--sunk),var(--line-soft),var(--sunk));background-size:200% 100%;animation:shimmer 1.3s linear infinite;border-radius:8px}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.tabs{display:flex;gap:4px;padding:6px;background:var(--sunk);border-radius:14px}.tabs button{flex:1;padding:9px;border-radius:10px;border:none;background:transparent;font-size:13.5px;cursor:pointer;color:var(--ink-3)}.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:var(--shadow)}.navbar{position:sticky;bottom:0;display:flex;background:color-mix(in srgb,var(--ground) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line-soft);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:25}.navbar button{flex:1;border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;cursor:pointer;color:var(--ink-3);font-size:10.5px}.navbar button[aria-current=page]{color:var(--flat)}.navbar .ic{font-size:19px;line-height:1}.birth{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px}.birth label{display:flex;flex-direction:column;gap:4px}.birth input{padding:12px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:18px;width:100%;font-family:JetBrains Mono,monospace;text-align:center}.birth span{font-size:11px;color:var(--ink-3);text-align:center}.recovery{background:var(--sunk);border:1px dashed var(--line);border-radius:12px;padding:16px 12px;text-align:center;font-size:15px;letter-spacing:.06em;line-height:1.9;word-break:break-all;-webkit-user-select:all;user-select:all}.lockscreen{justify-content:center;align-items:center;padding:24px}.lockbox{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:300px;text-align:center}.lockbox h1{font-size:30px;letter-spacing:-.04em}.pinfield{width:100%;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:26px;letter-spacing:.5em;text-align:center;text-indent:.5em}.lockbox .btn{margin-top:4px}.check{display:flex;gap:10px;align-items:baseline;padding:5px 0}.check .mark{width:18px;flex:none;font-size:13px;text-align:center}.check .t{font-size:13.5px;color:var(--ink)}.check .d{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--ink-3)}.check.fail .mark{color:var(--spike)}.check.ok .mark{color:var(--flat)}.check.fail .t{font-weight:600}.forecast-water{background:var(--sunk);border-radius:12px;padding:10px 12px}.forecast-check{border-top:1px solid var(--line-soft);padding-top:10px}.forecast-check .tiny{color:var(--ink-3);font-family:JetBrains Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shots figure{margin:0;position:relative;display:flex;flex-direction:column;gap:4px}.shots img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--line-soft)}.shots .drop{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:12px;cursor:pointer;display:grid;place-items:center;line-height:1}.daily{display:grid;grid-template-columns:1fr 1fr;gap:14px}.daily>div{display:flex;flex-direction:column;gap:4px}.daily .k{font-size:11px;color:var(--ink-3)}.daily b{font-family:JetBrains Mono,monospace;font-size:19px;font-weight:500}.daily input{width:100%;padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:17px;font-family:JetBrains Mono,monospace;text-align:center}.task{display:flex;align-items:center;gap:12px;width:100%;padding:10px 2px;background:none;border:none;border-bottom:1px solid var(--line-soft);cursor:pointer;text-align:left}.task:last-child{border-bottom:none}.task .box{width:24px;height:24px;flex:none;border-radius:8px;border:1.5px solid var(--line);display:grid;place-items:center;font-size:14px;color:#fff;transition:background .15s ease}.task.done .box{background:var(--flat);border-color:var(--flat)}.task .t{font-size:14.5px}.task.done .t{color:var(--ink-3);text-decoration:line-through}.task .d{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-3)}.verdict{border-radius:var(--radius);padding:16px;border:1px solid transparent}.verdict b{font-family:Unbounded,sans-serif;font-size:18px;letter-spacing:-.02em}.verdict .verdict-shape{font-size:20px;line-height:1}.verdict.low{background:var(--flat-soft);color:var(--flat);border-color:var(--flat)}.verdict.mid{background:var(--mid-soft);color:var(--mid);border-color:var(--mid)}.verdict.high{background:var(--spike-soft);color:var(--spike);border-color:var(--spike)}.verdict p{color:var(--ink)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.angles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.angle{aspect-ratio:3 / 4;border-radius:12px;border:1px dashed var(--line);background:var(--sunk);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:11.5px;color:var(--ink-3);overflow:hidden;position:relative;padding:0}.angle.done{border-style:solid;border-color:var(--flat);color:var(--ink)}.angle img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.angle span:not(.ic){position:relative;z-index:1;background:color-mix(in srgb,var(--ground) 80%,transparent);padding:2px 7px;border-radius:99px;margin-top:auto;margin-bottom:6px}.angle .ic{font-size:22px}.camera{display:flex;flex-direction:column;gap:12px}.viewport{position:relative;aspect-ratio:3 / 4;background:#000;border-radius:16px;overflow:hidden}.viewport video{width:100%;height:100%;object-fit:cover;display:block}.viewport .ghost{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:grayscale(1) contrast(1.2);pointer-events:none}.camera-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:14px;padding:24px;text-align:center}.guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.guide-v{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff47}.guide-h{position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff47}.btn.ghostbtn{background:var(--sunk);color:var(--ink)}.compare{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:3 / 4;touch-action:none;-webkit-user-select:none;user-select:none}.compare img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.compare .clip{position:absolute;top:0;right:0;bottom:0;left:0}.compare .handle{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px #0000004d}.compare .handle:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:15px}.compare-range{position:absolute;inset:auto 0 8px;width:100%;opacity:0;height:44px}.compare .tag-left,.compare .tag-right{position:absolute;top:8px;font-family:JetBrains Mono,monospace;font-size:10px;padding:3px 8px;border-radius:99px;background:#0000008c;color:#fff}.compare .tag-left{left:8px}.compare .tag-right{right:8px}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.thumbs figure{margin:0;display:flex;flex-direction:column;gap:4px}.thumbs img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:10px}.navbar .navadd{flex:0 0 56px;align-self:center;width:56px;height:56px;border-radius:50%;background:var(--flat);color:#fff;border:none;font-size:27px;font-weight:300;line-height:1;cursor:pointer;box-shadow:0 8px 20px -8px color-mix(in srgb,var(--flat) 75%,transparent);display:grid;place-items:center;margin-top:-14px}.navbar .navadd:active{transform:scale(.94)}