@charset "UTF-8";
:root{font-family:-apple-system,BlinkMacSystemFont,"HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:#23392e;background:#e9ede7;font-synthesis:none;--green:#275e45;--muted:#8b958b;--paper:#f7f8f3}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #93b49d;outline-offset:3px}button{border:0}svg{width:22px;height:22px;display:block;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}i{font-style:normal}[hidden]{display:none!important}.app{max-width:480px;min-height:100dvh;margin:auto;background:var(--paper);padding:0 25px 112px}.brand{display:flex;justify-content:space-between;align-items:center;padding:29px 0 26px}.brand-name{display:flex;align-items:center;gap:7px;font-size:21px;font-weight:750;letter-spacing:1px}.brand-icon{color:var(--green)}.brand-icon svg{width:25px;height:25px}.brand-sub{display:none}.private-badge{display:flex;align-items:center;gap:5px;font-size:10px;color:#778676;letter-spacing:.5px}.private-badge svg{width:12px;height:12px}.date-heading{display:flex;justify-content:space-between;align-items:center;margin:5px 0 25px}.eyebrow{font-size:10px;color:#8a9389;letter-spacing:1.6px;font-weight:600}h1{font-size:27px;letter-spacing:-.6px;font-weight:650;margin:9px 0 0}h2{font-size:18px;margin:0;font-weight:650}.calendar-button{position:relative;border:1px solid #e3e7dd;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;background:#fff;overflow:hidden}.calendar-button svg{width:19px;height:19px}.calendar-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.calendar-button input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.week{display:flex;justify-content:space-between;margin-bottom:23px;gap:4px}.day{background:transparent;flex:1;max-width:49px;border-radius:18px;padding:9px 0 8px;display:flex;flex-direction:column;align-items:center;gap:9px}.day .weekday{font-size:10px;color:#8e978c}.day .number{font-size:16px;font-weight:600}.day.selected{background:var(--green);color:#fff}.day.selected .weekday{color:#c2d7c7}.day .dot{width:4px;height:4px;background:transparent;border-radius:50%;margin-top:-3px}.day.has-record .dot{background:#a1ae99}.day.selected .dot{background:#c8d3a3}.summary{background:#edf0e0;border-radius:25px;padding:23px 23px 17px;overflow:hidden}.summary-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.summary-label{font-size:12px;color:#6a785e;margin:0 0 13px}.total{display:flex;gap:8px;align-items:baseline}.total strong{font-size:45px;line-height:1;letter-spacing:-1.8px;font-weight:600;font-variant-numeric:tabular-nums}.total span{font-size:11px;color:#7b8469}.summary-note{font-size:10px;color:#8a9279;margin:13px 0 17px}.bowl{position:relative;width:108px;height:100px;flex:none;transform:rotate(-8deg)}.bowl-body{position:absolute;width:94px;height:51px;left:5px;top:42px;background:#fcfaf0;border:2px solid #d9dfc7;border-radius:8px 8px 48px 48px;z-index:3}.bowl-line{position:absolute;width:93px;height:15px;background:#e7dcc4;left:5px;top:36px;border:3px solid #fffdf4;border-radius:50%;z-index:4}.bowl-leaf{position:absolute;z-index:5;background:#80a56d;border-radius:4px 80% 6px 80%;width:29px;height:43px;left:15px;top:8px;transform:rotate(-12deg);border-right:2px solid #668c55}.l2{left:40px;top:3px;transform:rotate(28deg);background:#a8bc80}.l3{left:33px;top:20px;transform:rotate(-50deg);width:22px;height:30px}.tomato{position:absolute;border-radius:50%;background:#d99174;width:23px;height:23px;left:68px;top:25px;z-index:6;border:2px solid #c88a6d}.egg{position:absolute;left:48px;top:24px;border:7px solid #fffdf3;width:29px;height:34px;background:#dcc185;border-radius:60% 60% 45% 45%;z-index:6;transform:rotate(25deg)}.meal-breakdown{border-top:1px solid #dce2cd;display:flex;padding-top:14px;gap:13px;justify-content:space-between;flex-wrap:wrap}.meal-stat{font-size:10px;color:#859071;display:flex;align-items:center;gap:5px}.meal-stat b{color:#4d6146;font-size:12px;font-weight:600}.meal-stat:before{content:"";width:4px;height:4px;border-radius:50%;background:#92a57d}.meal-stat:nth-child(2):before{background:#c3ab77}.meal-stat:nth-child(3):before{background:#c68b72}.meal-stat:nth-child(4):before{background:#9f9f8e}.records-section{margin-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading h2{font-size:17px}.section-heading h2 span{font-size:12px;color:#a0a899;margin-left:5px;font-weight:400}.section-heading>span{font-size:10px;color:#a0a899}.record{display:flex;text-align:left;width:100%;background:white;padding:12px;border-radius:20px;margin-bottom:12px;gap:14px;align-items:center;border:1px solid #edf0e7;min-height:106px}.record-photo{width:82px;height:82px;border-radius:13px;object-fit:cover;flex:none;background:#f1f1e7}.record-info{min-width:0;flex:1}.record-meta{font-size:10px;color:#8f998a;display:flex;align-items:center;gap:7px;margin-bottom:8px}.record-meta .meal-label{background:#f2f4ea;color:#768567;padding:3px 6px;border-radius:5px}.record h3{font-size:14px;margin:0 0 9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:550}.record-kcal{font-size:17px;font-weight:600;letter-spacing:-.4px}.record-kcal small{font-size:10px;color:#9ca291;font-weight:400;letter-spacing:0;margin-left:4px}.record-arrow{color:#b6beaf}.record-arrow svg{width:14px;height:14px}.footer-note{display:flex;align-items:center;justify-content:center;gap:5px;color:#abb2a3;font-size:10px;margin:24px 0 0}.footer-note svg{width:11px;height:11px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);height:90px;padding:12px 30px max(12px,env(safe-area-inset-bottom));display:flex;align-items:flex-start;justify-content:space-between;background:#fff;border-top:1px solid #eaf0e5}.nav-item{background:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:#a5ae9f;font-size:10px;width:47px;padding:5px}.nav-item.selected{color:var(--green)}.nav-item svg{width:22px;height:22px}.add-button{background:var(--green);color:#fff;border-radius:17px;display:flex;align-items:center;gap:7px;padding:14px 23px;font-size:13px;font-weight:500}.add-button svg{width:19px;height:19px}.empty{padding:31px 20px 29px;text-align:center;border:1px dashed #dce2d4;border-radius:20px;background:#f9faf5}.empty-icon{display:grid;place-items:center;color:#a3b294;margin:auto auto 13px;width:44px;height:44px;border-radius:50%;background:#edf2e6}.empty p{font-size:13px;margin:0 0 7px;color:#718268}.empty small{font-size:11px;color:#a3ac9a}.empty button{display:block;background:transparent;color:var(--green);font-size:12px;margin:17px auto 0;padding:7px 15px}.demo-banner{font-size:10px;margin:0 -25px;padding:9px 17px;background:#e7ebdd;color:#6a795f;display:flex;align-items:center;justify-content:space-between;gap:5px}.demo-banner button{background:transparent;text-decoration:underline;font-size:10px;padding:4px;color:#36553e}.privacy-card{background:#edf0e0;border-radius:25px;padding:28px 25px;margin-top:25px}.privacy-icon{display:block;margin-bottom:20px;color:#54734a}.privacy-icon svg{width:34px;height:34px}.privacy-card h2{font-size:18px}.privacy-card p{font-size:12px;line-height:2;color:#77836a;margin:14px 0 0}.setting-row{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;background:transparent;padding:24px 2px;border-bottom:1px solid #e4e8dd}.setting-row strong{font-size:14px;font-weight:550}.setting-row p{font-size:11px;color:#98a08e;margin:8px 0 0}.setting-row>i{color:#9aab8b}.settings-note{font-size:11px;line-height:1.8;color:#9ba58f;padding:7px 0}.subtle-button{background:#ebf0e3;border-radius:10px;font-size:12px;color:#607453;padding:12px 16px;margin-top:12px}.version{font-size:10px;text-align:center;color:#b0b7a5;margin-top:42px}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#1a302d66;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;border-radius:29px 29px 0 0;background:#f9faf6;padding:9px 25px max(24px,env(safe-area-inset-bottom));max-height:94dvh;overflow-y:auto;overscroll-behavior:contain}.sheet-handle{width:35px;height:4px;border-radius:4px;background:#dce1d3;margin:0 auto 22px}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sheet-header h2{font-size:24px;margin-top:7px}.sheet-header .eyebrow{font-size:9px}.icon-button{padding:10px;background:#eef1e8;border-radius:50%;color:#8c9882}.icon-button svg{width:18px;height:18px}.photo-area{height:170px;border:1px dashed #ced8c4;border-radius:18px;background:#eef3e8;display:flex;position:relative;align-items:center;justify-content:center;overflow:hidden}.photo-area>img{width:100%;height:100%;object-fit:cover}.photo-area #photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:#a2b393}.photo-area #photo-placeholder svg{width:27px;height:27px;margin-bottom:0}.photo-area strong{font-size:13px;color:#778c69;font-weight:500}.photo-area #photo-placeholder>span:last-child{font-size:10px;letter-spacing:.2px}.remove-photo{position:absolute;right:9px;top:9px;border-radius:50%;padding:5px;background:#ffffffd9}.remove-photo svg{width:16px;height:16px}.photo-actions{display:flex;gap:10px;margin:12px 0 23px}.photo-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe6d6;background:#fff;border-radius:10px;font-size:12px;padding:10px}.photo-actions svg{width:16px;height:16px}.field{margin-bottom:20px}.field>label{display:flex;gap:8px;font-size:12px;font-weight:550;align-items:center;margin-bottom:10px}.field small{font-size:10px;color:#a5ae9a;font-weight:400}.meal-picker{display:flex;gap:9px}.meal-picker button{flex:1;background:#eef1e8;color:#9ba48e;border-radius:11px;padding:10px;font-size:12px;border:1px solid transparent}.meal-picker .selected{background:#e7efdf;border-color:#c7d7bc;color:#416339}.field>input{width:100%;border:0;border-bottom:1px solid #e1e7d9;background:transparent;border-radius:0;padding:5px 0 12px;font-size:16px;color:#35492e;outline:none}.field>input::placeholder{font-size:13px;color:#b0b8a6}.calorie-input{border-bottom:1px solid #e1e7d9;display:flex;align-items:center;gap:13px;padding:3px 0 10px}.calorie-input input{width:100%;min-width:0;border:0;outline:none;background:transparent;font-size:35px;font-weight:550;color:var(--green);padding:0;-moz-appearance:textfield}.calorie-input input::-webkit-inner-spin-button{display:none}.calorie-input input::placeholder{color:#c0c9b4}.calorie-input>span{font-size:12px;color:#95a087;flex:none}.automatic-time{display:flex;align-items:center;gap:6px;font-size:10px;color:#9ca78e;margin:6px 0 23px}.automatic-time svg{width:13px;height:13px}.save-button{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--green);color:white;width:100%;padding:16px;border-radius:15px;font-size:14px}.save-button svg{width:17px;height:17px}.delete-button{width:100%;background:transparent;color:#b37460;padding:18px 0 3px;font-size:11px}.form-error{color:#a85844;font-size:12px;line-height:1.6}.toast{position:fixed;bottom:112px;left:50%;transform:translateX(-50%);background:#294535ee;color:#fff;z-index:100;padding:12px 19px;border-radius:12px;font-size:12px;max-width:90vw;width:max-content}.confirm-backdrop{z-index:50;align-items:center;padding:24px}.confirm-box{max-width:360px;width:100%;padding:27px;background:#f9faf6;border-radius:22px}.confirm-box h2{font-size:19px}.confirm-box p{color:#8c977e;font-size:12px;line-height:1.8;margin:14px 0 25px}.confirm-box>div{display:flex;gap:10px}.confirm-box button{flex:1;padding:12px;background:#eaf0e2;border-radius:10px;font-size:13px}.confirm-box #confirm-delete{background:#a65f4c;color:white}
.date-controls{display:flex;align-items:center;gap:7px}#back-today{font-size:10px;padding:8px;background:#eaf0e3;border-radius:9px;color:var(--green)}
@media(min-width:600px){body{padding:30px 0}.app{min-height:calc(100dvh - 60px);border-radius:30px;overflow:hidden;border:1px solid #dfe5d9}.bottom-nav{bottom:30px;border-radius:0 0 30px 30px}.modal-backdrop{align-items:center}.sheet{border-radius:28px;max-height:90dvh}.sheet-handle{display:none}.sheet-header{margin-top:16px}.toast{bottom:140px}}@media(max-width:360px){.app{padding-left:19px;padding-right:19px}h1{font-size:24px}.summary{padding:20px 17px 16px}.total strong{font-size:39px}.bowl{transform:scale(.85) rotate(-8deg);margin-right:-8px}.record-photo{width:69px;height:76px}.sheet{padding-left:20px;padding-right:20px}}
/* Two-person space */
.people-switch{display:flex;gap:8px;padding:5px;background:#edf1e7;border-radius:16px;margin:0 0 12px}.people-switch button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:10px 7px;background:transparent;font-size:12px;color:#8e9a82;border-radius:12px}.people-switch button.active{background:white;color:#2b523e}.avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e5eddc;color:#5a7850;font-size:11px}.avatar.warm{background:#f0e6d8;color:#a18a68}.people-switch small{font-size:9px;color:#9aa68f}.sync-status{display:flex;gap:7px;align-items:center;width:100%;text-align:left;background:transparent;padding:8px 0 18px;font-size:10px;color:#8c9a80}.sync-arrow{margin-left:auto}.status-dot{width:5px;height:5px;border-radius:50%;background:#a8b59c;flex:none}.sync-status.problem{color:#b17a55}.sync-status.problem .status-dot{background:#c59b74}.sync-status.connected .status-dot{background:#749865}.cloud-panel{margin-top:25px}.field select{width:100%;padding:12px;border:1px solid #e0e6d8;background:white;border-radius:10px;color:#35533d;font-size:14px}.cloud-panel .field{margin-bottom:22px}.cloud-panel .save-button{margin-top:10px}.cloud-panel .field input[type=password]{font-size:16px}.account-line{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:600}.account-badge{font-size:10px;font-weight:400;color:#68805a;background:#e9f0e1;border-radius:6px;padding:5px 8px}.cloud-actions{display:flex;gap:10px}.cloud-actions button{background:#e6edde;color:#47623d;padding:12px 17px;border-radius:10px;font-size:12px}.cloud-actions button:last-child{background:transparent;color:#9ca58e}.notice-card{padding:19px;background:#f0eee0;border:1px solid #e4e1cc;border-radius:16px;margin-top:22px}.notice-card strong{font-size:13px;color:#7a775d}.notice-card p{font-size:11px;line-height:1.8;color:#9b977d}.notice-card button{background:#fffef6;border-radius:8px;color:#7a775d;font-size:11px;padding:10px 12px;margin:3px 7px 3px 0}.notice-card small{font-size:10px;color:#9b977d;display:block;line-height:1.7}.partner-readonly-note{font-size:10px;color:#a3ab97}.cloud-panel button:disabled{opacity:.55}.cloud-panel #cloud-error{margin:14px 0}.brand{padding-bottom:20px}

.field textarea{font:inherit;width:100%;padding:12px;border:1px solid #e0e6d8;background:white;border-radius:10px;color:#35533d;font-size:12px;line-height:1.6;resize:vertical;overflow-wrap:anywhere}.field textarea:focus-visible,.field select:focus-visible{outline:3px solid #93b49d;outline-offset:3px}