:root{color:#173227;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f6faf7;--card:#ffffffe0;--card-solid:#fff;--primary:#1d7f56;--primary-dark:#146143;--primary-soft:#dff6e9;--accent:#fff3c4;--text:#173227;--muted:#6b8076;--line:#1732271a;--shadow:0 20px 70px #21423224;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;background:#f6faf7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top left, #88e5af47, transparent 34rem), radial-gradient(circle at top right, #ffe88e3d, transparent 28rem), var(--bg);margin:0}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.appShell{width:min(100%,560px);min-height:100vh;padding:env(safe-area-inset-top) 18px calc(110px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.topBar{justify-content:space-between;align-items:center;gap:16px;padding:22px 4px 12px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(26px,7vw,34px);line-height:1.05}h2{letter-spacing:-.03em;margin-bottom:8px;font-size:22px}h3{margin-bottom:0;font-size:17px;line-height:1.25}p{color:var(--muted);line-height:1.45}.miniAvatar,.mascotBlob{flex:none;place-items:center;display:grid}.miniAvatar{background:var(--card-solid);border-radius:18px;width:48px;height:48px;font-size:24px;box-shadow:0 8px 24px #2250361f}.content{gap:16px;display:grid}.heroCard,.activeMealCard,.emptyState,.mealCard,.qualityPreview{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.heroCard{border-radius:var(--radius-xl);grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:20px;display:grid}.heroCard p{margin-bottom:0}.mascotBlob{background:linear-gradient(145deg,#fff,#ddf8e9);border-radius:32px;width:82px;height:82px;font-size:40px;box-shadow:inset 0 -10px 20px #1d7f5617}.activeMealCard{border-radius:var(--radius-xl);background:linear-gradient(145deg,#fffffff5,#e0f7eae6);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.activeMealCard p:last-child{margin-bottom:0}.sectionHeader{justify-content:space-between;align-items:center;padding:8px 2px 0;display:flex}.sectionHeader h2{margin-bottom:0;font-size:18px}.sectionHeader span{color:var(--muted);font-weight:800}.emptyState{border-radius:var(--radius-xl);text-align:center;padding:26px}.emptyIcon{margin-bottom:12px;font-size:46px}.mealList{gap:14px;display:grid}.mealCard{border-radius:var(--radius-xl);overflow:hidden}.mealPhoto{aspect-ratio:16/10;object-fit:cover;background:#e7efe9;width:100%;display:block}.mealCardBody{padding:16px}.mealCardHeader{justify-content:space-between;gap:12px;display:flex}.mealTime{color:var(--primary);margin-bottom:3px;font-weight:900}.chips{flex-wrap:wrap;gap:8px;margin:13px 0;display:flex}.chips span,.scorePill{color:#23543d;background:#eef8f2;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.noteText{color:var(--text);background:#f7fbf8;border-radius:16px;margin-bottom:12px;padding:12px}.audioPlayer{width:100%;margin:4px 0 12px}.qualityRow{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-top:14px;display:grid}.qualityRow p{margin-bottom:0;font-size:13px}.qualityEmoji{font-size:28px}.primaryButton,.secondaryButton,.floatingAddButton,.timeSelector button,.eatenGrid button{cursor:pointer;border:0;border-radius:999px;font-weight:900}.primaryButton{background:var(--primary);color:#fff;padding:15px 22px;box-shadow:0 12px 32px #1d7f5647}.primaryButton:active,.captureButton:active,.secondaryButton:active{transform:translateY(1px)scale(.99)}.primaryButton.compact{padding:12px 18px}.primaryButton.fullWidth,.secondaryButton{width:100%}.secondaryButton{color:var(--primary-dark);background:#eef8f2;padding:14px 18px}.floatingAddButton{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));color:#fff;z-index:10;background:#173227;width:min(220px,100vw - 42px);height:64px;font-size:20px;position:fixed;transform:translate(-50%);box-shadow:0 18px 50px #1732275c}.floatingAddButton:active{transform:translate(-50%)translateY(1px)scale(.99)}.iconButton{color:var(--text);cursor:pointer;background:#1732270f;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:22px;display:grid}.sheetOverlay{z-index:20;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheetBackdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09171161;border:0;position:absolute;inset:0}.bottomSheet{width:min(100%,560px);max-height:min(88vh,780px);padding:20px 18px calc(22px + env(safe-area-inset-bottom));background:#fbfefc;border-radius:34px 34px 0 0;animation:.18s ease-out sheetUp;position:relative;overflow:auto;box-shadow:0 -26px 90px #00000038}@keyframes sheetUp{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sheetHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.timeSelector{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.timeSelector button,.eatenGrid button{color:var(--primary-dark);background:#eef8f2;padding:12px 10px}.fieldLabel{color:var(--muted);gap:8px;margin-bottom:14px;font-size:14px;font-weight:800;display:grid}.fieldLabel input,.fieldLabel textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:18px;outline:none;padding:13px 14px}.fieldLabel textarea{resize:vertical}.captureGrid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.captureButton{border:1px solid var(--line);min-height:148px;color:var(--text);cursor:pointer;text-align:center;background:#fff;border-radius:24px;align-content:center;justify-items:center;gap:6px;padding:14px;display:grid;overflow:hidden}.captureButton img{object-fit:cover;border-radius:16px;width:100%;max-height:92px}.captureIcon{background:#eef8f2;border-radius:22px;place-items:center;width:58px;height:58px;font-size:28px;display:grid}.captureButton small{color:var(--muted);font-size:12px}.captureButton.recording{background:#fff3f1;border-color:#cc3c2d40}.captureButton.recording .captureIcon{color:#fff;background:#d74b3f}.qualityPreview{box-shadow:none;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:14px 0;padding:14px;display:grid}.qualityPreview span{font-size:30px}.qualityPreview p{margin-bottom:0;font-size:13px}.qualityPreview b{color:#fff;background:#173227;border-radius:16px;place-items:center;min-width:42px;height:42px;display:grid}.eatenGrid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.eatenGrid button{border-radius:18px;min-height:58px;font-size:16px}@media (width<=380px){.captureGrid,.eatenGrid,.heroCard{grid-template-columns:1fr}.mascotBlob{border-radius:28px;width:70px;height:70px}}