@font-face{font-family:Fraunces;src:url(./fraunces-latin-DihXLNYH.woff2) format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(./fraunces-latin-italic-lSdLDfvT.woff2) format("woff2-variations");font-weight:300 600;font-style:italic;font-display:swap}:root{--paper: #f4efe4;--paper-card: #fdfaf3;--paper-sunk: #ebe4d5;--ink: #1f1c17;--ink-2: #6b6355;--ink-3: #9a9081;--rule: #ded4bf;--rule-strong: #c7bca3;--green: #2e5b4f;--green-deep: #1f4239;--green-wash: #e3ebe4;--red: #a8442a;--red-wash: #f2e3dc;--radius: 4px;--tab-h: 58px;--wonk-display: "opsz" 96, "SOFT" 40, "WONK" 1;--wonk-text: "opsz" 24, "SOFT" 20, "WONK" 1;--wonk-num: "opsz" 48, "SOFT" 0, "WONK" 0;--zh: system-ui, -apple-system, "PingFang SC", "HarmonyOS Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--en: "Fraunces", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");color:var(--ink);font-family:var(--zh);font-size:15px;line-height:1.65;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}.app{min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:560px;margin:0 auto;padding:22px 20px calc(var(--tab-h) + 26px + env(safe-area-inset-bottom));animation:page-in .42s cubic-bezier(.22,.68,.35,1) both}@keyframes page-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}h1{font-family:var(--en);font-variation-settings:var(--wonk-display);font-weight:500;font-size:27px;line-height:1.15;letter-spacing:-.01em;margin:0 0 20px;padding-bottom:11px;border-bottom:1.5px solid var(--ink);display:flex;align-items:baseline;justify-content:space-between;gap:12px}h1 .meta{font-size:12.5px;font-style:italic;font-variation-settings:var(--wonk-text);color:var(--ink-2);letter-spacing:.02em;white-space:nowrap}h2{font-family:var(--zh);font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--ink-2);margin:0 0 13px;text-transform:none}.card{background:var(--paper-card);border:1px solid var(--rule);border-radius:var(--radius);padding:16px 17px;margin-bottom:14px;box-shadow:0 1px #1f1c170b}.card-flush{padding:0;overflow:hidden}.stagger>*{animation:item-in .4s cubic-bezier(.22,.68,.35,1) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.14s}.stagger>*:nth-child(5){animation-delay:.18s}.stagger>*:nth-child(n+6){animation-delay:.22s}@keyframes item-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.ex-zh{font-family:var(--zh);font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.35;letter-spacing:.01em}.ex-en{font-family:var(--en);font-style:italic;font-variation-settings:var(--wonk-text);font-weight:400;font-size:13.5px;color:var(--ink-3);line-height:1.4;margin-top:1px;letter-spacing:.005em}.num{font-family:var(--en);font-variation-settings:var(--wonk-num);font-weight:500;font-variant-numeric:tabular-nums;color:var(--green);letter-spacing:-.015em;line-height:.95}.num-xl{font-size:46px}.num-lg{font-size:30px}.num-md{font-size:20px}.num-unit{font-family:var(--en);font-style:italic;font-variation-settings:var(--wonk-text);font-size:12.5px;color:var(--ink-3);margin-left:4px}.range-row{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.range-side{font-family:var(--en);font-variation-settings:var(--wonk-num);font-variant-numeric:tabular-nums;font-size:17px;color:var(--ink-3)}.range-dash{color:var(--rule-strong);font-size:14px}label{display:block;font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--ink-2);margin:14px 0 5px}input,select{width:100%;background:var(--paper);color:var(--ink);border:none;border-bottom:1.5px solid var(--rule-strong);border-radius:0;padding:7px 2px;font-size:16px;font-family:var(--zh);transition:border-color .18s ease,background .18s ease}input[type=number]{font-family:var(--en);font-variation-settings:var(--wonk-num);font-variant-numeric:tabular-nums;font-size:17px}input:focus,select:focus{outline:none;border-bottom-color:var(--green);background:var(--green-wash)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);background-position:calc(100% - 13px) 55%,calc(100% - 8px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:26px}.field-error{color:var(--red);font-size:12px;margin-top:4px;font-family:var(--zh)}button.primary{width:100%;background:var(--green);color:#f7f3ea;border:none;border-radius:var(--radius);padding:12px 18px;font-size:15px;font-family:var(--zh);font-weight:500;letter-spacing:.06em;cursor:pointer;transition:background .18s ease,transform .1s ease}button.primary:active{background:var(--green-deep);transform:scale(.988)}button.primary:disabled{background:var(--rule-strong);color:var(--paper-card);cursor:default}button.ghost{background:transparent;color:var(--ink-2);border:1px solid var(--rule-strong);border-radius:var(--radius);padding:7px 13px;font-size:13.5px;font-family:var(--zh);cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}button.ghost:active{background:var(--paper-sunk)}button.ghost.on{border-color:var(--green);color:var(--green);background:var(--green-wash)}button.ghost.danger{color:var(--red);border-color:#d9b8ac}.rule{height:1px;background:var(--rule);margin:14px 0;border:0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--rule)}.row:last-child{border-bottom:none}.stat-line{display:flex;align-items:baseline;justify-content:space-between;padding:9px 0;border-bottom:1px dotted var(--rule-strong)}.stat-line:last-child{border-bottom:none}.stat-label{font-size:13px;color:var(--ink-2)}.tag{display:inline-block;font-size:11.5px;letter-spacing:.05em;color:var(--ink-2);background:var(--paper-sunk);border-radius:2px;padding:2px 7px}.tag-en{font-family:var(--en);font-style:italic;font-variation-settings:var(--wonk-text)}.empty-hint{color:var(--ink-3);text-align:center;padding:40px 16px;font-size:14px;line-height:1.9}.empty-hint .en{display:block;font-family:var(--en);font-style:italic;font-variation-settings:var(--wonk-display);font-size:19px;color:var(--rule-strong);margin-bottom:6px}.notice{font-size:13px;line-height:1.7;padding:11px 13px;border-left:2.5px solid var(--green);background:var(--green-wash);color:var(--green-deep);border-radius:0}.notice.warn{border-left-color:var(--red);background:var(--red-wash);color:#7d3220}.kcal-badge{font-family:var(--en);font-variation-settings:var(--wonk-num);font-variant-numeric:tabular-nums;font-weight:500;color:var(--green)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper-card);border-top:1px solid var(--rule-strong)}.tab{flex:1;position:relative;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;color:var(--ink-3);font-family:var(--zh);font-size:12.5px;letter-spacing:.08em;transition:color .2s ease}.tab .tab-en{font-family:var(--en);font-style:italic;font-variation-settings:var(--wonk-text);font-size:10px;letter-spacing:.03em;opacity:.72}.tab:before{content:"";position:absolute;top:-1px;left:50%;width:0;height:2px;background:var(--green);transform:translate(-50%);transition:width .26s cubic-bezier(.22,.68,.35,1)}.tab.active{color:var(--green)}.tab.active:before{width:42%}.chart-svg{display:block;width:100%;overflow:visible}.chart-svg .axis{stroke:var(--rule-strong);stroke-width:1}.chart-svg .grid{stroke:var(--rule);stroke-width:1;stroke-dasharray:2 4}.chart-svg .line{fill:none;stroke:var(--green);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.chart-svg .area{fill:var(--green);opacity:.09}.chart-svg .dot{fill:var(--paper-card);stroke:var(--green);stroke-width:1.6}.chart-svg .bar{fill:var(--green);opacity:.82}.chart-svg .bar-empty{fill:var(--rule)}.chart-svg .label{font-family:var(--en);font-variation-settings:var(--wonk-text);font-size:10px;fill:var(--ink-3);font-variant-numeric:tabular-nums}.chart-svg .value{font-family:var(--en);font-variation-settings:var(--wonk-num);font-size:11px;fill:var(--green);font-variant-numeric:tabular-nums}.ex-grid{display:flex;flex-direction:column}.ex-item{display:flex;align-items:center;gap:13px;padding:11px 0;border-bottom:1px solid var(--rule);background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left;cursor:pointer;font-family:inherit;transition:background .15s ease}.ex-item:active{background:var(--paper-sunk)}.ex-thumb{width:46px;height:46px;flex:0 0 46px;border-radius:3px;background:var(--paper-sunk);object-fit:cover;border:1px solid var(--rule)}.filter-bar{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-bar>*{flex:0 0 auto}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#1f1c176b;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .2s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;background:var(--paper-card);border-radius:10px 10px 0 0;padding:20px 20px calc(24px + env(safe-area-inset-bottom));animation:sheet-up .32s cubic-bezier(.22,.68,.35,1) both}@keyframes sheet-up{0%{transform:translateY(22px);opacity:.6}to{transform:none;opacity:1}}.sheet-grip{width:34px;height:3px;background:var(--rule-strong);border-radius:2px;margin:-6px auto 14px}.steps{margin:0;padding:0;list-style:none;counter-reset:s}.steps li{counter-increment:s;position:relative;padding:7px 0 7px 27px;font-size:14px;line-height:1.75;border-bottom:1px solid var(--rule)}.steps li:last-child{border-bottom:none}.steps li:before{content:counter(s);position:absolute;left:0;top:8px;font-family:var(--en);font-variation-settings:var(--wonk-num);font-size:13px;color:var(--green)}.steps.en li{font-family:var(--en);font-style:italic;font-variation-settings:var(--wonk-text);color:var(--ink-2);font-size:13.5px}.gif-frame{width:100%;max-width:260px;margin:0 auto 14px;display:block;border:1px solid var(--rule);border-radius:4px;background:var(--paper)}.bar-track{height:5px;background:var(--paper-sunk);border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:var(--green);transition:width .3s ease}@media (prefers-reduced-motion: reduce){*,*:before{animation:none!important;transition:none!important}}