@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Prata&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#26352f;background:#e6e1d9;font-synthesis:none;--ink: #26352f;--muted: #738078;--paper: #f8f5ef;--card: #fffdf9;--green: #31574b;--green-soft: #dce9df;--sage: #9bb59e;--coral: #e87955;--coral-soft: #f8ded4;--line: #e7e1d7;--shadow: 0 14px 42px rgba(47, 67, 57, .09)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(140deg,#e8e4dc,#d8e2dc)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}.app-shell,.composer{position:relative;width:min(100%,480px);min-height:100vh;margin:0 auto;background:var(--paper);box-shadow:0 0 80px #23342c29}.app-header{height:70px;padding:max(14px,env(safe-area-inset-top)) 20px 10px;display:flex;align-items:center;justify-content:space-between;background:#f8f5efeb;position:sticky;top:0;z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(231,225,215,.7)}.app-header>div{display:flex;align-items:center;gap:9px}.brand-mark{width:32px;height:32px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center;transform:rotate(-4deg)}.avatar{border:0;width:36px;height:36px;border-radius:50%;background:var(--coral-soft);color:#a84c31;font-weight:800}.page{padding:28px 20px 120px}.welcome{padding:6px 2px 25px}.welcome.compact-welcome{padding-bottom:18px}.eyebrow{display:flex;align-items:center;gap:6px;color:#64806f;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin:10px 0 8px;font-family:Prata,Georgia,serif;font-weight:400;font-size:34px;line-height:1.12;color:#26372f;letter-spacing:-.02em}.welcome p,.lead{margin:0;color:var(--muted);font-size:14px;line-height:1.55}h2{font-size:16px;margin-bottom:0}.add-meal-card{width:100%;border:0;padding:18px;border-radius:22px;display:flex;align-items:center;gap:13px;color:#fff;text-align:left;background:linear-gradient(135deg,#31574b,#416d5e);box-shadow:0 12px 30px #31574b38}.add-meal-card>span{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:#ffffff21}.add-meal-card>div{flex:1;display:grid;gap:4px}.add-meal-card strong{font-size:15px}.add-meal-card small{opacity:.7}.daily-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;margin:16px 0 26px;box-shadow:var(--shadow)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading>span,.section-hint{color:var(--muted);font-size:12px}.section-heading button{border:0;background:none;color:var(--green);padding:3px;display:flex;align-items:center;font-weight:700;font-size:12px}.nutrition-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);border-radius:18px;overflow:hidden;background:#f3f0e9}.nutrition-grid>div{min-width:0;padding:15px 7px;display:grid;text-align:center;gap:2px;border-right:1px solid #e2ddd3}.nutrition-grid>div:last-child{border-right:0}.nutrition-grid strong{font-size:20px;color:var(--ink)}.nutrition-grid span{color:var(--muted);font-size:10px}.nutrition-grid .nutrition-main{background:var(--green-soft)}.nutrition-grid .nutrition-main strong{color:var(--green);font-size:24px}.nutrition-grid.compact{margin:14px 0 10px}.gentle-caption{display:flex;gap:6px;align-items:center;color:#819087;font-size:10px}.section-stack{display:grid;gap:11px}.section-stack>.section-heading{margin-bottom:2px}.meal-card{display:flex;gap:12px;align-items:center;padding:13px;border-radius:18px;border:1px solid var(--line);background:var(--card);box-shadow:0 8px 22px #2f43390d}.meal-art{width:54px;height:68px;flex:0 0 54px;border-radius:14px;display:grid;place-items:center;color:#a74d34;background:linear-gradient(150deg,#f3c8b7,#f9e7d2)}.meal-copy{min-width:0;flex:1}.meal-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.meal-meta span{display:flex;align-items:center;gap:3px}.meal-copy h3{font-size:14px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meal-copy>p{font-size:10px;color:var(--muted);margin-bottom:7px}.meal-feelings{display:flex;flex-wrap:wrap;gap:4px}.meal-feelings span{font-size:9px;color:#597065;background:#edf3ee;padding:4px 6px;border-radius:7px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translate(-50%);width:min(100%,480px);height:calc(73px + env(safe-area-inset-bottom));padding:9px 12px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#fffdf9f5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{border:0;background:none;display:grid;justify-items:center;align-content:center;gap:4px;color:#8c958f;font-size:9px}.bottom-nav button.active{color:var(--green);font-weight:800}.floating-add{position:fixed;z-index:21;bottom:calc(52px + env(safe-area-inset-bottom));right:max(16px,calc((100vw - 480px)/2 + 16px));width:52px;height:52px;border:4px solid var(--paper);border-radius:18px;display:grid;place-items:center;background:var(--coral);color:#fff;box-shadow:0 9px 25px #c155344d}.icon-button{width:40px;height:40px;border-radius:13px;border:0;background:#eeebe4;display:grid;place-items:center}.icon-button.subtle{width:31px;height:31px;border-radius:10px;background:transparent;color:#9b958c}.toast{position:fixed;z-index:50;left:50%;bottom:92px;transform:translate(-50%);display:flex;align-items:center;gap:7px;background:#243f36;color:#fff;padding:11px 16px;border-radius:14px;font-size:12px;box-shadow:var(--shadow)}.composer-header{height:62px;padding:max(10px,env(safe-area-inset-top)) 16px 8px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:#f8f5eff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stepper{display:flex;gap:5px}.stepper span{width:25px;height:4px;border-radius:4px;background:#dedad2}.stepper span.active{background:var(--coral)}.composer-content{padding:28px 20px 42px;min-height:calc(100vh - 62px)}.source-screen{display:flex;flex-direction:column}.source-screen .lead{max-width:360px}.camera-card{min-height:230px;border-radius:28px;margin:28px 0 12px;border:1.5px dashed #9db6a6;color:var(--green);background:radial-gradient(circle at 50% 20%,#edf4ee,#e3ece5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.camera-card strong{font-size:15px}.camera-card small{color:#7a8e81}.camera-orbit{width:74px;height:74px;border-radius:26px;display:grid;place-items:center;background:var(--green);color:#fff;margin-bottom:7px;box-shadow:0 12px 24px #31574b33}.secondary-button,.primary-button{width:100%;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;border:1px solid var(--line)}.secondary-button{background:var(--card);color:var(--green)}.primary-button{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 10px 25px #31574b33}.privacy-note{margin:auto 12px 0;padding-top:27px;display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:10px;line-height:1.5}.analyzing-screen{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.preview-frame{position:relative;width:230px;height:270px;border-radius:90px 90px 32px 32px;overflow:hidden;background:#e8e4dd;box-shadow:var(--shadow);margin-bottom:28px}.preview-frame img{width:100%;height:100%;object-fit:cover}.scan-line{position:absolute;left:12%;width:76%;height:2px;top:20%;background:#fff;box-shadow:0 0 16px #fff;animation:scan 1.8s infinite ease-in-out}@keyframes scan{50%{top:78%}}.spinner{animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.analyzing-screen h2{margin:13px 0 7px;font-family:Prata,serif;font-size:23px;font-weight:400}.analyzing-screen p{color:var(--muted);font-size:13px}.meal-preview{width:100%;height:155px;object-fit:cover;border-radius:22px;margin:12px 0}.title-input{width:100%;border:0;background:transparent;font-family:Prata,serif;font-size:27px;margin:10px 0 5px;outline:0}.notice{display:flex;gap:8px;padding:11px;border-radius:13px;margin:12px 0 22px;background:#f4ede2;color:#796f61;font-size:10px;line-height:1.45}.notice svg{flex:0 0 auto}.form-section{margin:25px 0}.form-section.elevated{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.form-section>h2,.form-section .section-heading{margin-bottom:11px}.segmented{display:grid;padding:4px;gap:4px;border-radius:17px;background:#ece8e0}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{border:0;border-radius:13px;padding:10px 4px;background:transparent;display:grid;gap:3px}.segmented button.selected{background:#fff;color:var(--green);box-shadow:0 3px 12px #323c3717}.segmented small{font-size:8px;color:var(--muted)}.food-list{display:grid;gap:7px}.food-row{display:flex;align-items:center;gap:6px;padding:6px 7px 6px 11px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.food-row>input{flex:1;min-width:0;border:0;background:transparent;outline:0;font-size:12px;font-weight:700}.food-row label{width:65px;display:flex;align-items:center;background:#f1eee8;border-radius:9px;padding:4px 7px}.food-row label input{width:100%;border:0;background:transparent;outline:0;font-size:11px}.food-row label span{font-size:10px;color:var(--muted)}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip-row button{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:9px 11px;font-size:11px}.chip-row button.selected{border-color:var(--green);background:var(--green-soft);color:var(--green);font-weight:800}.sticky-action{position:sticky;bottom:12px;z-index:6}.feelings-screen>h1{margin-top:10px}.scale-block+.scale-block{margin-top:23px}.scale-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;margin-bottom:10px}.scale-heading strong{color:var(--green)}.scale-buttons{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.scale-buttons button{aspect-ratio:1;padding:0;border:0;border-radius:8px;background:#e7ece8;color:#7e8983;font-size:9px}.scale-buttons.green button.selected{background:var(--green);color:#fff}.scale-buttons.orange button.selected{background:var(--coral);color:#fff}.scale-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;margin-top:6px}.section-hint{margin:-6px 0 10px}.emotion-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.emotion-grid button{position:relative;border:1px solid var(--line);background:var(--card);border-radius:13px;min-height:45px;padding:8px;display:flex;align-items:center;gap:8px;font-size:11px}.emotion-grid button>span{font-size:19px}.emotion-grid button>svg{position:absolute;right:8px;color:var(--green)}.emotion-grid button.selected{border-color:#8eae99;background:var(--green-soft);font-weight:800}.note-label{display:flex;justify-content:space-between;font-size:13px;font-weight:800;margin-bottom:8px}.note-label span{color:var(--muted);font-size:10px;font-weight:500}textarea{width:100%;min-height:90px;padding:12px;resize:vertical;border:1px solid var(--line);border-radius:15px;background:var(--card);outline-color:var(--sage);font-size:12px}.history-actions{margin-bottom:19px}.dated-meal{display:grid;gap:6px}.date-label{text-transform:capitalize;color:var(--muted);font-size:10px;margin-left:4px}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.insight-grid article{min-height:180px;padding:16px;border:1px solid var(--line);border-radius:21px;background:var(--card);display:flex;flex-direction:column;box-shadow:var(--shadow)}.insight-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:21px;margin-bottom:auto}.insight-icon.green{background:var(--green-soft);color:var(--green)}.insight-icon.coral{background:var(--coral-soft)}.insight-grid small{color:var(--muted);font-size:9px;margin-bottom:3px}.insight-grid strong{font-family:Prata,serif;font-size:28px;font-weight:400}.insight-grid strong.word{font-size:17px;line-height:1.2;min-height:44px;display:flex;align-items:center}.insight-grid em{font-family:Manrope;font-size:11px;font-style:normal;color:var(--muted)}.insight-grid p{color:var(--muted);font-size:9px;margin:5px 0 0}.pattern-card,.setup-callout{display:flex;align-items:flex-start;gap:12px;margin:14px 0;padding:17px;background:#f2e8d9;border-radius:19px}.pattern-card svg,.setup-callout>svg{flex:0 0 auto;color:#b67440}.pattern-card h2,.setup-callout strong{font-size:13px;margin-bottom:5px}.pattern-card p,.setup-callout p{color:#796f61;font-size:10px;line-height:1.5;margin:0}.mini-chart{padding:18px;border-radius:21px;border:1px solid var(--line);background:var(--card)}.bars{height:130px;display:flex;align-items:stretch;gap:9px;padding-top:17px}.bars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.bars span{width:100%;max-width:24px;border-radius:8px 8px 3px 3px;background:linear-gradient(#91b69e,#31574b);min-height:5px}.bars small{color:var(--muted);font-size:8px}.settings-list{display:grid;border:1px solid var(--line);border-radius:21px;background:var(--card);overflow:hidden}.settings-list>button,.settings-list>div{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:14px;display:flex;align-items:center;gap:11px;text-align:left}.settings-list>:last-child{border-bottom:0}.settings-icon{width:39px;height:39px;border-radius:12px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.settings-icon svg{width:18px}.settings-list>*>div{flex:1;display:grid;gap:3px}.settings-list strong{font-size:12px}.settings-list small{color:var(--muted);font-size:9px}.settings-list>*>svg{width:17px;color:#89948d}.status-dot{width:9px;height:9px;border-radius:50%;background:#d6a44d}.status-dot.online{background:#5ba66b}.empty-state{text-align:center;padding:34px 22px;border:1px dashed #cfd7d0;border-radius:22px;background:#f8faf7}.empty-state>span{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;margin:0 auto 12px;color:var(--green);background:var(--green-soft)}.empty-state h3{font-size:14px;margin-bottom:6px}.empty-state p{color:var(--muted);font-size:10px;line-height:1.5}.empty-state button{border:0;border-radius:11px;padding:9px 17px;color:#fff;background:var(--green);font-size:11px;font-weight:800}.page-spinner{margin:40px auto;display:block}@media(max-width:380px){.page,.composer-content{padding-left:15px;padding-right:15px}.nutrition-grid strong{font-size:17px}.scale-buttons{gap:2px}}@media(min-width:700px){.app-shell,.composer{min-height:880px;margin-top:24px;margin-bottom:24px;border-radius:30px;overflow:hidden}.bottom-nav{bottom:24px;border-radius:0 0 30px 30px}.floating-add{bottom:76px}}