@font-face{font-family:Qiuqiu Display;src:url(/assets/FeiHuaSongTi-2-mkcVfKIT.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--page-bg: #ffffff;--surface: #ffffff;--soft-fill: #f7f8f5;--text-primary: #1f211e;--text-secondary: #767b72;--text-faint: #aaaea6;--line: #eceee8;--line-strong: #dfe4da;--food: #d8b95f;--exercise: #7f9274;--water: #87b5c7;--coral: #cf7f72;--accent: #728267;--danger: #a85d54;--radius-small: 8px;--radius-medium: 12px;--radius-large: 18px;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-lg: 21px;--text-xl: 34px;--text-hero: 78px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 22px;--space-6: 30px;--motion: .16s}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden;background:#f5f6f2;color:var(--text-primary);font-family:var(--font-body);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}img,canvas,svg{max-width:100%}.page-title,.section-title,.subtle,.eyebrow,.field span,button,label,input,textarea,select{writing-mode:horizontal-tb;text-orientation:mixed;word-break:keep-all;overflow-wrap:normal}.desktop-stage{min-height:100dvh;display:flex;justify-content:center;background:#f5f6f2}.app-shell{width:100%;max-width:430px;min-height:100dvh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--page-bg)}@media(min-width:431px){.app-shell{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:430px){.app-shell{max-width:none}}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:calc(18px + env(safe-area-inset-top)) 18px 104px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:var(--page-bg)}.app-content.no-bottom-nav{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.page-flow{display:grid;gap:var(--space-5)}.bottom-nav{position:sticky;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:8px 18px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-button{position:relative;min-height:52px;color:var(--text-secondary);background:transparent;display:grid;place-items:center;gap:2px;border-radius:0;transition:transform var(--motion) ease,color var(--motion) ease}.nav-button.active{color:var(--text-primary)}.nav-button.active svg{stroke-width:2.4}.nav-button span{font-size:var(--text-xs);font-weight:650}.page-header,.editorial-header{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.editorial-header.compact-header{margin-bottom:0}.page-header>div,.editorial-header>div{min-width:0}.page-title,.section-title,.big-number{font-family:var(--font-display);font-weight:400}.page-title{margin:0;font-size:var(--text-xl);line-height:1.05}.login-page{padding-top:calc(24px + env(safe-area-inset-top))}.login-header{grid-template-columns:minmax(0,1fr) 36px;align-items:start;margin-bottom:20px}.login-header svg{width:24px;height:24px;justify-self:end;color:var(--accent)}.login-title{max-width:11em;font-size:clamp(28px,7.4vw,32px);line-height:1.16;letter-spacing:0;white-space:normal}@media(max-width:360px){.login-title{font-size:27px;line-height:1.18}}.eyebrow,.subtle{margin:0 0 5px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.eyebrow{text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--text-secondary)}.hero-card,.calorie-summary{position:relative;padding:22px 0 18px;border-bottom:1px solid var(--line);background:transparent}.calorie-summary:before{content:"";width:8px;height:8px;border:1.5px solid var(--accent);border-radius:50%;position:absolute;right:4px;top:26px}.big-number{margin:2px 0 0;font-size:clamp(58px,19vw,var(--text-hero));line-height:.9;color:var(--text-primary)}.hero-card strong,.calorie-summary strong{font-size:var(--text-sm);color:var(--text-secondary)}.calorie-meta{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.stack{display:grid;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-3)}.split{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.grid-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3)}.grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.action-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3)}.section-title{margin:30px 0 12px;font-size:var(--text-lg);line-height:1.1}.card{border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--surface)}.primary-button,.secondary-button,.danger-button,.icon-button{min-height:46px;border-radius:var(--radius-medium);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:transform var(--motion) ease,opacity var(--motion) ease,border-color var(--motion) ease,color var(--motion) ease,background var(--motion) ease}.primary-button:active,.secondary-button:active,.danger-button:active,.icon-button:active,.nav-button:active{transform:scale(.98)}.primary-button{width:100%;background:var(--text-primary);color:var(--surface);font-weight:700;min-height:44px}.secondary-button{min-width:0;background:var(--surface);color:var(--text-primary);padding:0 13px;border:1px solid var(--line-strong);font-weight:650}.danger-button{background:var(--surface);color:var(--danger);border:1px solid rgba(168,93,84,.3);padding:0 14px}.icon-button{width:38px;min-height:38px;background:transparent;color:var(--text-primary);border:1px solid var(--line);border-radius:999px}.quick-row .icon-button,.list-item .icon-button{border-color:transparent}.quiet-danger{color:var(--danger)}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:default}.field{display:grid;gap:7px;min-width:0}.field span{min-width:max-content;font-size:var(--text-xs);color:var(--text-secondary);font-weight:650;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.form-section{display:grid;gap:0;border-top:1px solid var(--line-strong)}.line-field{padding:14px 0;border-bottom:1px solid var(--line)}.input,.textarea,select.input{width:100%;min-height:44px;border:0;border-radius:0;padding:4px 0;background:transparent;color:var(--text-primary);outline:none;font-size:var(--text-md)}.textarea{min-height:86px;resize:vertical}.input:focus,.textarea:focus{box-shadow:inset 0 -1px 0 var(--text-primary)}.progress-track{position:relative;height:2px;overflow:visible;border-radius:999px;background:var(--line-strong)}.progress-fill{position:relative;height:100%;border-radius:inherit;background:var(--accent)}.progress-fill:after{content:"";position:absolute;right:-4px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--accent);transform:translateY(-50%)}.notice,.error{padding:11px 12px;border-radius:var(--radius-small);background:var(--soft-fill);border:1px solid var(--line);color:var(--text-secondary);font-size:var(--text-sm)}.quiet-notice{color:var(--accent)}.error{color:var(--danger);background:#fff8f6;border-color:#efd4cf}.list-item{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:14px;align-items:end;padding:18px 0;border-top:1px solid var(--line);background:transparent}.list-item:last-child{border-bottom:1px solid var(--line)}.list-item strong{line-height:1.25}.thumb{width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--soft-fill)}.thumb.placeholder,.refined-empty{display:grid;place-items:center;gap:7px;color:var(--text-faint);border:1px solid var(--line);background:var(--soft-fill);text-align:center;font-size:var(--text-xs)}.empty-mark{opacity:.65}.today-page{--today-accent: #55786f;position:relative;padding-top:calc(16px + env(safe-area-inset-top));display:grid;align-content:start;gap:16px;background:var(--page-background);font-family:PingFang SC,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Microsoft YaHei,sans-serif}.record-officer-presence{position:absolute;top:calc(10px + env(safe-area-inset-top));right:10px;z-index:3;width:112px;height:142px;pointer-events:none}.record-officer-portrait{position:absolute;top:0;right:0;width:104px;height:138px;overflow:visible;background:#fcfaf66b;border-radius:18px}.record-officer-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 94%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 94%,transparent 100%);transition:transform var(--motion) ease}.record-officer-presence.speaking .record-officer-portrait img{transform:translateY(-1px)}.record-officer-bubble{position:absolute;top:2px;right:92px;width:max-content;max-width:138px;padding:7px 9px;border:1px solid var(--divider-color);border-radius:10px;background:var(--navigation-background);color:var(--text-primary);font-family:PingFang SC,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:12px;font-weight:400;line-height:1.35;text-align:left;white-space:normal;animation:officer-bubble-in var(--motion) ease both;pointer-events:auto;cursor:pointer}.record-officer-bubble:after{content:"";position:absolute;top:14px;right:-5px;width:8px;height:8px;border-top:1px solid var(--divider-color);border-right:1px solid var(--divider-color);background:var(--navigation-background);transform:rotate(45deg)}.officer-select-page{min-height:100dvh;padding-top:calc(34px + env(safe-area-inset-top));background:#f8f5ef;overflow-x:hidden}.app-content.no-bottom-nav.officer-select-page{padding-bottom:calc(4px + env(safe-area-inset-bottom))}.officer-select-header{margin-bottom:20px}.officer-select-header p{margin:0 0 6px;color:#55786f;font-size:13px;font-weight:600}.officer-select-header h1{margin:0;font-family:Qiuqiu Display,Songti SC,serif;font-size:28px;font-weight:400;line-height:1.2}.officer-choice-carousel{--officer-slide-width: min(58vw, 218px);margin-top:92px;width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:var(--officer-slide-width);gap:8px;padding:0 calc((100% - var(--officer-slide-width)) / 2);overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100% - var(--officer-slide-width)) / 2);scrollbar-width:none;touch-action:pan-x}.officer-choice-carousel::-webkit-scrollbar{display:none}.officer-carousel-item{width:var(--officer-slide-width);height:258px;min-height:0;padding:6px 0 0;border:0;border-radius:0;background:transparent;scroll-snap-align:center;scroll-snap-stop:always;opacity:.42;transform:scale(.86);transform-origin:center bottom;transition:opacity .18s ease,transform .18s ease}.officer-carousel-item.active{opacity:1;transform:scale(1)}.officer-carousel-item:focus-visible{outline:2px solid #55786f;outline-offset:-2px}.officer-carousel-portrait{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;overflow:visible;background:#fcfaf67a;border-radius:26px}.officer-carousel-portrait img{width:100%;height:100%;display:block;object-fit:contain;object-position:center bottom;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 96%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 96%,transparent 100%)}.officer-choice-details{min-width:0;margin-top:12px;padding:16px 0 0;border-top:1px solid #e8e3da}.officer-choice-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.officer-choice-heading h2{margin:0;font-size:22px;font-weight:650}.officer-choice-heading>p{margin:0;color:var(--text-secondary);font-size:11px;line-height:1.4;text-align:right}.officer-choice-intro{margin:10px 0 0;font-size:14px;line-height:1.5}.officer-choice-attitude{margin-top:12px}.officer-choice-attitude span{color:var(--text-secondary);font-size:10px}.officer-choice-attitude p{min-height:38px;margin:4px 0 0;font-size:12px;line-height:1.55}.officer-choice-details>button{width:100%;min-height:40px;margin-top:12px;border-radius:8px;background:#55786f;color:#fff;font-size:13px;font-weight:500}@keyframes officer-bubble-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.app-shell:has(.today-page){--page-background: #f8f5ef;--navigation-background: #fcfaf6;--divider-color: #e8e3da;background:var(--page-background)}.app-shell:has(.today-page) .bottom-nav{border-top-color:var(--divider-color);background:var(--navigation-background);font-family:PingFang SC,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Microsoft YaHei,sans-serif}.app-shell:has(.today-page) .nav-button span{font-weight:500}.today-clean-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0}.today-clean-title{margin:0;font-family:Qiuqiu Display,Songti SC,serif;font-size:27px;line-height:1.05;font-weight:400;letter-spacing:0}.today-clean-date{margin:3px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.35;font-weight:500;white-space:nowrap}.today-calorie-panel{display:grid;gap:7px;padding:0}.today-metric-label{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.3;font-weight:500}.today-calorie-value{display:flex;align-items:baseline;gap:6px;min-width:0}.today-calorie-value span{font-family:Qiuqiu Display,Songti SC,serif;font-size:clamp(50px,14.8vw,60px);line-height:.95;font-weight:400;letter-spacing:-.015em;color:var(--text-primary)}.today-calorie-value small{color:var(--text-secondary);font-size:12px;font-weight:400}.today-calorie-meta{display:flex;justify-content:space-between;gap:12px;color:var(--text-secondary);font-size:12px;line-height:1.35}.today-calorie-meta strong{color:var(--text-primary);font-weight:500}.today-calorie-panel .progress-track{height:2px;background:#e3e8e4}.today-calorie-panel .progress-fill{background:var(--today-accent)}.today-calorie-panel .progress-fill:after{right:-3px;width:6px;height:6px;background:var(--today-accent)}.today-add-food-button{min-height:39px;width:100%;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:0;background:var(--today-accent);color:#fff;font-size:14px;font-weight:500;transition:transform var(--motion) ease,background var(--motion) ease}.today-add-food-button svg{width:18px;height:18px}.today-add-food-button:active{transform:scale(.985)}.today-section{display:grid;gap:10px}.today-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.today-section-head h2{margin:0;font-size:18px;line-height:1.2;font-family:Qiuqiu Display,Songti SC,serif;font-weight:400;letter-spacing:0}.today-section-head span{color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.today-food-list{display:grid;gap:0}.today-food-item{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--divider-color);background:transparent}.today-food-item:last-child{border-bottom:1px solid var(--divider-color)}.today-food-image{width:82px;height:72px;border-radius:11px;object-fit:cover;background:var(--soft-fill);display:block}.today-food-empty{display:grid;place-items:center;color:var(--text-faint);border:1px solid var(--line)}.today-food-copy{min-width:0;display:grid;gap:4px}.today-food-copy strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.25;font-weight:500}.today-food-copy span{color:var(--text-secondary);font-size:var(--text-xs);font-weight:400}.today-food-meta{display:grid;justify-items:end;gap:5px;min-width:64px}.today-food-meta strong{white-space:nowrap;font-size:var(--text-sm);font-weight:500}.today-edit-food-button{width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text-secondary);background:transparent;border:1px solid transparent;transition:color var(--motion) ease,border-color var(--motion) ease,transform var(--motion) ease}.today-edit-food-button:active{transform:scale(.96)}.today-edit-food-button:hover{color:var(--text-primary);border-color:var(--line)}.today-empty-state{min-height:106px;display:grid;place-items:center;gap:9px;padding:18px 0;color:var(--text-secondary);border-top:1px solid var(--divider-color);border-bottom:1px solid var(--divider-color);font-size:var(--text-sm)}.today-empty-state svg{color:var(--accent)}.today-support-section{padding-bottom:2px}.today-quick-list{display:grid;gap:0}.today-quick-row{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--divider-color);background:transparent;color:var(--text-primary);text-align:left}.today-quick-row:last-child{border-bottom:1px solid var(--divider-color)}.today-quick-row svg{color:var(--today-accent)}.today-quick-row strong{display:block;font-size:var(--text-md);font-weight:500}.today-quick-row small{display:block;margin-top:3px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:400}.today-quick-row em{color:var(--today-accent);font-style:normal;font-size:var(--text-xs);font-weight:500}.quick-row{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);background:transparent;color:var(--text-primary);text-align:left}.quick-row small{display:block;margin-top:2px;color:var(--text-secondary);font-size:var(--text-xs)}.quick-row em{color:var(--accent);font-style:normal;font-size:var(--text-xs);font-weight:700}.food-form-visual{display:grid;gap:var(--space-3)}.image-preview{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-medium);background:var(--soft-fill)}.magazine-image{box-shadow:none}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#1f211e47}.bottom-sheet{width:min(430px,100%);padding:14px 18px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:var(--surface);animation:sheet-in var(--motion) ease-out;border-top:1px solid var(--line)}@keyframes sheet-in{0%{transform:translateY(20px);opacity:.35}to{transform:translateY(0);opacity:1}}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekday,.date-cell{min-width:0;text-align:center}.weekday{color:var(--text-secondary);font-size:11px;padding:6px 0 8px;font-weight:700}.date-cell{min-height:62px;padding:8px 2px;border-radius:12px;background:transparent;border:1px solid transparent;color:var(--text-primary)}.date-cell strong{font-size:16px;font-weight:730}.date-cell.all-done{background:var(--soft-fill);border-color:var(--line-strong)}.star-row{margin-top:6px;display:flex;justify-content:center;gap:2px}.star.food.filled{color:var(--food);fill:var(--food)}.star.exercise.filled{color:var(--exercise);fill:var(--exercise)}.star.water.filled{color:var(--water);fill:var(--water)}.star.empty{color:#d7dbd2;fill:none}.editor-stage{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-medium);background-color:#f4f5f1;background-image:linear-gradient(45deg,#e4e6df 25%,transparent 25%),linear-gradient(-45deg,#e4e6df 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e6df 75%),linear-gradient(-45deg,transparent 75%,#e4e6df 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;touch-action:none;border:1px solid var(--line)}.editor-canvas,.editor-overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;transform-origin:center center;transition:transform var(--motion) ease}.editor-content-canvas{z-index:1}.editor-overlay-canvas{z-index:2;pointer-events:none}.compact-field input[type=range]{width:100%;accent-color:var(--accent)}.manual-mask-tools{padding-top:var(--space-2)}.compact-tools{padding-bottom:0}.compact-tools button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.grid-four .secondary-button{min-width:0;padding:0 8px}.settings-page .settings-header{grid-template-columns:minmax(0,1fr) 42px;align-items:start}.settings-page .settings-header>div{min-width:0}.settings-page .page-title,.settings-page .subtle,.settings-page .field span{white-space:nowrap}.settings-page .grid-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.settings-page .stack>.field{padding:12px 0;border-bottom:1px solid var(--line)}.tool-tabs,.filter-strip{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.tool-tabs::-webkit-scrollbar,.filter-strip::-webkit-scrollbar{display:none}.tool-tabs button,.filter-chip{flex:0 0 auto;min-height:40px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--text-primary);padding:0 13px;font-weight:700}.tool-tabs button.active,.filter-chip.active{border-color:var(--accent);color:var(--accent);background:var(--soft-fill)}.color-dot{width:31px;height:31px;border-radius:999px;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line-strong)}.image-picker-button input{display:none}@media(max-width:340px){.app-content{padding-left:14px;padding-right:14px}.list-item{grid-template-columns:82px minmax(0,1fr) auto;gap:10px}.big-number{font-size:56px}.today-page{gap:14px}.today-food-item{grid-template-columns:74px minmax(0,1fr) auto;gap:9px}.today-food-image{width:74px;height:68px}.today-calorie-value span{font-size:48px}.grid-four{gap:6px}.secondary-button{padding-left:10px;padding-right:10px}}