:root{--u-bg: #f0ece3;--u-surface: #fbf9f4;--u-surface-2: #f4f0e7;--u-head: #26221d;--u-ink: #211d18;--u-ink-2: #5f574b;--u-ink-3: #968c7c;--u-line: #e2dccc;--u-line-strong: #d2cab6;--u-good: #3f6f53;--u-good-soft: #e7efe4;--u-warn: #b8893a;--u-bad: #c25438;--u-info: #3f5d6b;--u-font-display: "Space Grotesk", "Zen Kaku Gothic New", system-ui, sans-serif;--u-font-body: "Zen Kaku Gothic New", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, system-ui, sans-serif;--u-font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;--u-radius: 16px;--u-radius-sm: 11px}:root{--sumi: var(--u-head);--sumi-soft: var(--u-ink);--washi: var(--u-bg);--washi-dim: var(--u-surface-2);--tori: var(--u-bad);--tori-deep: var(--u-bad);--matcha: var(--u-good);--matcha-soft: var(--u-good);--kincha: var(--u-warn);--ai: var(--u-info);--line: var(--u-line);--line-dark: #3a342d;--good: #16a34a;--warn: var(--u-warn);--bad: #ef4444;--grade-A: #16a34a;--grade-B: #0ea5e9;--grade-C: #ef4444;--grade-EV: #f59e0b;--p: #6366f1;--f: #f59e0b;--c: #ec4899;--radius: 16px;--card-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);--chart-grid: var(--line);--chart-label: var(--sumi-soft);--chart-value: var(--u-ink-2)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--sumi);color:var(--sumi);font-family:Zen Kaku Gothic New,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100vh;background:var(--washi);display:flex;flex-direction:column}.app-header{background:var(--sumi);color:var(--washi);padding:calc(14px + env(safe-area-inset-top)) 16px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.header-reload{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(243,237,225,.18);border-radius:10px;background:transparent;color:var(--washi);cursor:pointer;-webkit-tap-highlight-color:transparent}.header-reload:active{background:#f3ede11f}.app-title{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:4px;font-size:18px;margin:0}.app-sub{font-size:11px;letter-spacing:2px;color:var(--matcha-soft);margin-top:2px}.tabbar{display:flex;align-items:center;background:var(--washi-dim);border-top:1px solid var(--line);position:sticky;bottom:0;z-index:10;padding-bottom:env(safe-area-inset-bottom)}.tab-group{flex:1;display:flex;align-items:stretch}.tab{flex:1;border:none;background:transparent;padding:12px 4px;font-size:12px;color:var(--sumi-soft);border-top:2px solid transparent;cursor:pointer;font-family:inherit;text-align:center;text-decoration:none}.tab.active{color:var(--tori);border-top-color:var(--tori);background:var(--washi);font-weight:700}.fab{flex:none;width:48px;height:48px;margin:0 8px;transform:translateY(-10px);border:none;border-radius:50%;background:var(--sumi);color:var(--washi);font-size:26px;line-height:1;cursor:pointer;box-shadow:var(--card-shadow)}.fab:active{opacity:.85}.tab-body{flex:1;padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.empty{text-align:center;color:var(--sumi-soft);opacity:.6;padding:48px 16px;font-size:13px}.error-banner{background:var(--tori);color:var(--washi);padding:10px 14px;font-size:13px}.token-gate{padding:24px 16px}.token-gate input{width:100%;padding:10px;font-size:14px;border:1px solid var(--line);border-radius:4px;font-family:JetBrains Mono,monospace}.token-gate button{margin-top:10px;padding:10px 16px;background:var(--sumi);color:var(--washi);border:none;border-radius:4px;font-family:inherit;cursor:pointer}.error-banner .retry{margin-left:12px;background:var(--washi);color:var(--tori-deep);border:none;border-radius:3px;padding:3px 10px;font-family:inherit;cursor:pointer}.card{background:#fbf8f1;border:1px solid var(--line);border-radius:6px;padding:14px;margin-bottom:14px}.row-between{display:flex;justify-content:space-between;align-items:center}.group-title{font-size:12px;letter-spacing:2px;color:var(--tori);font-weight:700;margin-bottom:10px}.muted{color:var(--sumi-soft);opacity:.6}.good{color:var(--matcha)}.bad{color:var(--tori)}.note{margin-top:10px;font-size:13px;color:var(--sumi-soft);border-left:3px solid var(--line);padding-left:8px}.grade-chip{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:28px;height:24px;padding:0 6px;border-radius:4px;color:var(--washi);font-weight:800;font-family:Space Grotesk,sans-serif;font-size:13px}.grade-chip.none{background:transparent;color:var(--line-dark);border:1px solid var(--line)}.grade-chip.provisional{background:transparent;border:1px dashed currentColor}.grade-chip-tag{font-size:9px;font-weight:700;font-family:var(--u-font-body)}.date-big{font-size:22px;font-weight:800;font-family:Space Grotesk,sans-serif}.macro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.macro{background:var(--washi-dim);border-radius:4px;border:1px solid var(--line);padding:8px 4px;text-align:center}.macro-val{font-size:20px;font-weight:800;font-family:JetBrains Mono,monospace}.macro-val.kcal{color:var(--sumi)}.macro-val.p{color:var(--p)}.macro-val.f{color:var(--f)}.macro-val.c{color:var(--c)}.macro-label{font-size:10px;color:var(--sumi-soft);margin-top:2px}.prog-label{font-size:12px;margin-bottom:4px}.prog-track{height:8px;background:var(--washi-dim);border-radius:4px;overflow:hidden;border:1px solid var(--line)}.prog-fill{height:100%;background:var(--p)}.deficit{margin:12px 0;font-size:14px}.meal-list{margin-top:8px}.meal{display:flex;justify-content:space-between;padding:6px 0;border-top:1px dashed var(--line);font-size:13px}.meal-macros{color:var(--sumi-soft);font-family:JetBrains Mono,monospace;font-size:11px}.log-row{display:grid;grid-template-columns:48px 36px 1fr auto auto;gap:8px;align-items:center;padding:7px 0;border-top:1px dashed var(--line);font-size:13px}.log-date{font-weight:700}.log-stat{font-family:JetBrains Mono,monospace;font-size:12px;text-align:right}.log-stat.p{color:var(--tori)}.cycle-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0}.cycle-stat{text-align:center;background:var(--washi-dim);border-radius:4px;padding:8px 4px}.cycle-stat-label{font-size:10px;color:var(--sumi-soft)}.cycle-stat-val{font-size:18px;font-weight:800;font-family:JetBrains Mono,monospace}.cycle-stat-unit{font-size:10px;margin-left:2px;font-weight:400}.cycle-meta{font-size:12px;color:var(--sumi-soft);margin:8px 0}.narrative{margin:6px 0 0;padding-left:18px;font-size:13px}.narrative li{margin:3px 0}.review{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.review-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.review-label{font-size:11px;letter-spacing:2px;color:var(--matcha);font-weight:700}.review-text{margin:0;font-size:13px;line-height:1.7;color:var(--sumi);white-space:pre-wrap}.review-empty{margin:0;font-size:12px}.menu-item{display:flex;justify-content:space-between;padding:7px 0;border-top:1px dashed var(--line);font-size:13px}.menu-macros{color:var(--sumi-soft);font-family:JetBrains Mono,monospace;font-size:11px}.spark{width:100%;height:auto;display:block}.cal-legend{display:flex;gap:14px;font-size:11px;color:var(--sumi-soft);margin-bottom:6px}.cal-legend span{display:inline-flex;align-items:center;gap:4px}.cal-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.help{font-size:10px;color:var(--sumi-soft);opacity:.8;margin-top:6px;line-height:1.4}.measure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.measure-cell{text-align:center;background:var(--washi-dim);border-radius:4px;padding:8px 4px}.measure-val{font-size:16px;font-weight:800;font-family:JetBrains Mono,monospace}.measure-label{font-size:10px;color:var(--sumi-soft)}.btn-primary{background:var(--sumi);color:var(--washi);border:none;border-radius:4px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.btn-ghost{background:transparent;color:var(--sumi);border:1px solid var(--line);border-radius:4px;padding:9px 14px;font-family:inherit;font-size:13px;cursor:pointer}.btn-danger{background:transparent;color:var(--tori-deep);border:1px solid var(--tori);border-radius:4px;padding:9px 14px;font-family:inherit;font-size:13px;cursor:pointer}.btn-primary:disabled,.btn-ghost:disabled,.btn-danger:disabled{opacity:.5;cursor:default}.btn-edit{background:var(--washi-dim);color:var(--tori-deep);border:1px solid var(--line);border-radius:4px;padding:3px 10px;font-family:inherit;font-size:11px;cursor:pointer}.row-actions{display:flex;align-items:center;gap:8px}.list-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.trend-toolbar{justify-content:space-between;align-items:center;gap:10px}.trend-toolbar .trend-range{flex:1 1 auto;min-width:0;max-width:320px}.trend-toolbar .btn-primary{flex:0 0 auto;white-space:nowrap}.tappable{cursor:pointer}.tappable:active{background:var(--washi-dim)}.empty .btn-primary{margin-top:12px}.screen{display:flex;flex-direction:column;min-height:100vh;background:var(--washi);animation:screen-in .22s ease}@keyframes screen-in{0%{transform:translate(100%)}to{transform:translate(0)}}.screen-head{background:var(--sumi);color:var(--washi);display:flex;align-items:center;gap:4px;padding:12px 12px calc(12px + env(safe-area-inset-top));position:sticky;top:0;z-index:10}.screen-back{background:transparent;border:none;color:var(--washi);font-size:30px;line-height:1;padding:0 6px;cursor:pointer}.screen-title{font-size:15px;font-weight:700;letter-spacing:1px}.screen-body{flex:1;overflow-y:auto;padding:14px 16px}.screen-body .form-actions{position:sticky;bottom:0;background:var(--washi);margin:18px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.form-row{margin-bottom:12px;display:block}.form-label{display:block;font-size:11px;color:var(--sumi-soft);margin-bottom:4px;letter-spacing:1px}.form-input{width:100%;padding:9px 10px;font-size:14px;border:1px solid var(--line);border-radius:4px;font-family:inherit;background:#fbf8f1;color:var(--sumi)}.form-static{padding:9px 10px;font-size:14px;color:var(--sumi-soft);background:var(--washi-dim);border-radius:4px}.form-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-section-title{font-size:12px;letter-spacing:2px;color:var(--tori);font-weight:700;margin:16px 0 8px;border-top:1px solid var(--line);padding-top:12px}.form-empty{font-size:12px;margin-bottom:8px}.form-err{background:var(--tori);color:var(--washi);padding:8px 10px;border-radius:4px;font-size:12px;margin-bottom:12px}.form-hint,.form-actions .form-hint{font-size:11px;color:var(--sumi-soft);margin:-4px 0 12px}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:8px}.form-actions-right{display:flex;gap:8px;margin-left:auto}.meal-edit{border:1px solid var(--line);border-radius:5px;padding:8px;margin-bottom:8px;background:#fbf8f1}.meal-edit-top{display:flex;gap:6px;margin-bottom:6px}.meal-name-in{flex:1}.meal-time-in{width:72px}.meal-del{background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--tori);font-size:16px;line-height:1;width:34px;cursor:pointer}.meal-edit-macros{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.macro-in{display:flex;flex-direction:column}.macro-in-label{font-size:9px;color:var(--sumi-soft);margin-bottom:2px}.macro-in .form-input{padding:7px 6px;text-align:right;font-family:JetBrains Mono,monospace}.meal-add-row{display:flex;gap:8px;margin:4px 0 10px}.meal-add-row .form-input{flex:1}.meal-add-row .btn-ghost{white-space:nowrap}.meal-totals{font-size:12px;font-family:JetBrains Mono,monospace;background:var(--washi-dim);border-radius:4px;padding:8px 10px;margin-bottom:12px}.seg{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden}.seg-btn{flex:1;background:#fbf8f1;border:none;padding:9px 6px;font-family:inherit;font-size:12px;color:var(--sumi-soft);cursor:pointer}.seg-btn.on{background:var(--sumi);color:var(--washi);font-weight:700}.macro-bar{position:relative;display:flex;width:100%;height:8px;border-radius:4px;overflow:hidden;background:var(--washi-dim);border:1px solid var(--line)}.macro-bar.small{height:6px}.macro-bar.empty{background:var(--washi-dim)}.macro-bar-seg{height:100%}.macro-bar-seg.p{background:var(--p)}.macro-bar-seg.f{background:var(--f)}.macro-bar-seg.c{background:var(--c)}.macro-bar-floor{position:absolute;top:-1px;bottom:-1px;width:2px;background:var(--sumi);opacity:.6}.deficit-pill{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;white-space:nowrap}.deficit-pill.good{color:var(--good)}.deficit-pill.bad{color:var(--bad)}.deficit-pill.muted{color:var(--sumi-soft);font-weight:400}.day-card{padding:10px 12px;border-top:1px dashed var(--line)}.day-card:first-child{border-top:none}.day-card.tappable{cursor:pointer}.day-card.tappable:active{background:var(--washi-dim)}.day-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.day-card-date{font-weight:700;font-size:14px}.day-card-dayno{font-size:11px;color:var(--sumi-soft);font-weight:400}.day-card-stats{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:12px}.day-card-p{font-family:JetBrains Mono,monospace;color:var(--p);font-weight:700}.day-card-note{margin-top:5px;font-size:11px;color:var(--sumi-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:44px 24px;color:var(--sumi-soft)}.empty-state-icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:50%;background:var(--washi-dim);color:var(--sumi-soft);margin-bottom:2px}.empty-state-title{font-size:14px;font-weight:700;color:var(--sumi)}.empty-state-hint{font-size:12px;line-height:1.6;max-width:28em}.empty-state-action{margin-top:8px}.journal-group{padding:0;overflow:hidden}.cycle-header-row{display:flex;align-items:stretch;gap:0}.cycle-header-body{flex:1 1 auto;min-width:0;padding:14px 8px 14px 16px;display:flex;flex-direction:column;gap:6px}.cycle-header-body.tappable{cursor:pointer}.cycle-header-body.tappable:focus-visible{outline:2px solid var(--grade-B);outline-offset:-2px;border-radius:var(--radius)}.cycle-header-top{display:flex;align-items:center;gap:10px}.cycle-header-label{margin:0}.cycle-header-stats{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;font-size:13px;color:var(--sumi-soft)}.cycle-header-stat{white-space:nowrap}.cycle-header-unit{margin-left:2px;font-size:11px;color:var(--sumi-soft)}.cycle-header-stat.good{color:var(--good)}.cycle-header-stat.bad{color:var(--bad)}.cycle-header-toggle{flex:0 0 auto;align-self:stretch;width:48px;border:none;border-left:1px solid var(--line);background:transparent;color:var(--sumi-soft);font-size:16px;line-height:1;cursor:pointer}.cycle-header-toggle:hover{background:var(--washi-dim)}.cycle-header-toggle:focus-visible{outline:2px solid var(--grade-B);outline-offset:-2px}.journal-days{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px;border-top:1px solid var(--line)}.cal-grid{stroke:var(--line);stroke-width:1;opacity:.45}.cal-band{fill:var(--washi-dim);opacity:.55}.cal-ma{opacity:.6}.cal-xlabel{font-size:7.5px;fill:var(--sumi-soft)}.cal-legend-ma{width:14px;height:0;border-top:2px dashed var(--good);border-radius:0;opacity:.7}.body-chart-svg{width:auto;max-width:none;display:block}.body-yaxis-svg{display:block;flex:0 0 auto}.protein-chart-svg{width:auto;max-width:none;display:block}.protein-yaxis-svg{display:block;flex:0 0 auto}.sleep-chart-svg{width:auto;max-width:none;display:block}.sleep-yaxis-svg{display:block;flex:0 0 auto}.gradebars-svg{width:auto;max-width:none;display:block}.gradebars-yaxis-svg{display:block;flex:0 0 auto}.chart-scroller{display:flex;flex-direction:column;gap:8px}.chart-scroller-range{margin-bottom:4px}.chart-scroller-body{display:flex;align-items:flex-start}.chart-scroller-yaxis{flex:0 0 auto;display:flex;align-items:flex-start;background:var(--washi)}.chart-scroller-yaxis-svg{display:block;flex:0 0 auto}.chart-scroller-scroll{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.cal-chart-svg{width:auto;max-width:none;display:block}.detail{display:flex;flex-direction:column;gap:12px}.detail-bar{display:flex;align-items:center;justify-content:space-between}.detail-back{font-weight:600}.detail-title{display:flex;align-items:baseline;gap:8px}.detail-dayno{font-size:13px;color:var(--sumi-soft)}.detail-deficit{margin-top:10px}.detail-note{margin-top:4px;white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.85;color:var(--sumi);border-left:3px solid var(--line);padding:2px 0 2px 12px}.detail-note-empty{margin-top:4px;font-size:14px}.detail-positives{margin-top:6px}.detail-review-text{margin:8px 0 0;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.8;color:var(--sumi)}.detail-review-empty{margin:8px 0 0;font-size:14px}.detail-review-err{margin-top:8px}.detail-daylist{display:flex;flex-direction:column;gap:10px;margin-top:4px}.record-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f172a59;display:flex;align-items:flex-end;justify-content:center;animation:record-sheet-fade .12s ease-out}.record-sheet{width:100%;max-width:480px;background:var(--washi);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--card-shadow);padding:10px 16px calc(20px + env(safe-area-inset-bottom));animation:record-sheet-up .16s ease-out}.record-sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--line-strong, var(--line));margin:4px auto 12px}.record-sheet-title{font-weight:700;font-size:14px;color:var(--sumi);margin-bottom:12px}.record-sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.record-sheet-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--washi-dim);color:var(--sumi);cursor:pointer;font-family:inherit}.record-sheet-btn:active{background:var(--washi)}.record-sheet-icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:var(--washi);color:var(--p)}.record-sheet-label{font-size:12px;font-weight:600}@keyframes record-sheet-fade{0%{opacity:0}}@keyframes record-sheet-up{0%{transform:translateY(16px)}}.onboarding-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.onboarding-icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:var(--washi-dim);color:var(--grade-EV)}.onboarding-title{font-size:18px;font-weight:800;margin:0}.onboarding-lead{font-size:13px;color:var(--sumi-soft);line-height:1.6;margin:0 0 12px}.onboarding-tabs{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:8px}.onboarding-tabs li{font-size:12px;line-height:1.5;padding:8px 10px;background:var(--washi-dim);border-radius:var(--radius-sm, 11px);border:1px solid var(--line)}.onboarding-fab{font-size:12px;color:var(--sumi-soft);margin:0 0 14px}.onboarding-cta{width:100%}.mealadd-search{margin-bottom:14px}.mealadd-added{background:var(--washi-dim);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;margin-bottom:14px}.mealadd-added-head{font-size:11px;letter-spacing:1px;color:var(--sumi-soft);margin-bottom:6px}.mealadd-added-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.mealadd-added-list li{font-size:13px;color:var(--sumi)}.mealadd-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.mealadd-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:var(--washi);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;min-height:56px;font-family:inherit;color:var(--sumi);cursor:pointer}.mealadd-row:active{background:var(--washi-dim)}.mealadd-row:disabled{opacity:.55;cursor:default}.mealadd-row-main{display:flex;flex-direction:column;gap:4px;min-width:0}.mealadd-name{font-size:14px;font-weight:700;line-height:1.3;display:flex;align-items:center;gap:4px}.mealadd-star{color:var(--grade-EV);font-size:13px}.mealadd-macros{display:flex;align-items:baseline;gap:10px;font-size:11px;color:var(--sumi-soft)}.mealadd-kcal{font-variant-numeric:tabular-nums}.mealadd-pfc{display:flex;gap:8px;font-weight:700;font-variant-numeric:tabular-nums}.mealadd-p{color:var(--p)}.mealadd-f{color:var(--f)}.mealadd-c{color:var(--c)}.mealadd-add{flex:0 0 auto;font-size:22px;line-height:1;color:var(--sumi-soft)}.mealadd-footer{margin-top:18px;display:flex;flex-direction:column;align-items:stretch;gap:8px}.mealadd-footer .btn-ghost{width:100%}.mealadd-hint{font-size:11px;text-align:center}