.shimmer{background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:200% 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.shimmer{animation:none;background:#e0e0e0}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton-calories{width:180px;height:80px;border-radius:8px;margin-bottom:8px}.skeleton-budget{width:80px;height:20px;border-radius:4px}.skeleton-stat{width:50px;height:28px;border-radius:4px;margin-bottom:4px}.skeleton-food-item{max-width:500px;height:60px;margin:0 auto;border-radius:0;border-bottom:1px solid #eee}.skeleton-input{width:325px;height:44px;border-radius:2rem;margin:0 auto 2rem}@media(prefers-color-scheme:dark){.shimmer{background:linear-gradient(90deg,#1a1a1a,#2a2a2a,#1a1a1a);background-size:200% 100%}.skeleton-food-item{border-bottom-color:#333}}@media(prefers-reduced-motion:reduce)and (prefers-color-scheme:dark){.shimmer{animation:none;background:#2a2a2a}}.main-container{--journal-bg: #fff;--journal-surface: #f4f5f6;--journal-border: #dce0e4;--journal-text: #181b20;--journal-muted: #626975;--journal-green: #40c75a;display:flex;flex-direction:column;width:min(100%,640px);min-height:100%;margin:0 auto;padding-bottom:1.5rem;color:var(--journal-text);text-align:center}.stats-header{display:flex;flex-direction:column;align-items:center;gap:12px}.calories-display{position:relative;width:clamp(180px,45vw,252px);aspect-ratio:1}.calorie-ring{display:block;width:100%;height:100%;overflow:visible}.calorie-ring circle{fill:none;stroke-width:8;stroke-linecap:round}.calorie-ring-track{stroke:var(--journal-border)}.calorie-ring-progress{stroke:var(--journal-green);transition:stroke-dasharray .5s ease,stroke-dashoffset .5s ease}.over-budget .calorie-ring-progress{stroke:#f66b6b}.remaining-calories-wrapper{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:8px;pointer-events:none}.remaining-calories{font-size:clamp(36px,9vw,52px);font-weight:650;line-height:1.1;letter-spacing:-1.5px}.remaining-calories-label{margin-top:6px;color:var(--journal-muted);font-size:clamp(16px,3.8vw,20px)}.day-budget-container{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.day-budget-button,.day-budget-input{width:90px;min-height:32px;padding:2px 4px;border:0;border-radius:6px;background:transparent;color:var(--journal-text);font:inherit;font-size:18px;text-align:center}.day-budget-button{cursor:pointer}.day-budget-button:hover{background:var(--journal-surface)}.day-budget-input{appearance:textfield;max-width:120px;border:1px solid var(--journal-muted);background:var(--journal-surface)}.day-budget-input:focus{outline:none}.day-budget-input::-webkit-inner-spin-button,.day-budget-input::-webkit-outer-spin-button{appearance:none}.nutrition-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:6px;padding:0 4px}.nutrition-stat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.nutrition-value{font-size:clamp(14px,3.5vw,19px);font-weight:600;white-space:nowrap}.nutrition-label{color:var(--journal-muted);font-size:clamp(12px,3vw,15px)}.calories-input-form{order:0;width:100%;margin:24px 0 20px}.calories-input-shell{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center;width:100%}.calories-input-shell [hidden]{display:none!important}.calories-input-shell .photo-select-button,.calories-input-shell .voice-record-button,.keyboard-input-button{display:grid;place-items:center;width:100%;height:44px;min-height:44px;padding:0;border:1px solid var(--journal-border);border-radius:999px;background:var(--journal-surface);color:var(--journal-text);cursor:pointer;grid-row:1}.calories-input-shell .photo-select-button{grid-column:1}.calories-input-shell .voice-record-button{grid-column:2}.keyboard-input-button{grid-column:3}.calories-input-shell .photo-select-button:hover:not(:disabled),.calories-input-shell .voice-record-button:hover:not(:disabled){border-color:var(--journal-muted);background:var(--journal-border)}.keyboard-input-button[aria-expanded=true]{border-color:var(--journal-muted);background:var(--journal-border)}@media(hover:hover){.keyboard-input-button:hover:not(:disabled){border-color:var(--journal-muted);background:var(--journal-border)}}.calories-input-shell .photo-select-button svg,.keyboard-input-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.keyboard-input-button:disabled{cursor:wait;opacity:.5}.calories-input-shell .photo-attachments{grid-row:2;padding:8px 4px}.calories-input-shell textarea{grid-column:1 / -1;grid-row:3;width:100%;min-width:0;min-height:56px;max-height:120px;resize:none;field-sizing:content;padding:16px 64px 16px 18px;border:1px solid var(--journal-border);border-radius:28px;background:var(--journal-surface);color:var(--journal-text);font:inherit;font-size:16px;line-height:22px}.calories-input-shell textarea::placeholder{color:var(--journal-muted)}.calories-input-shell textarea:focus{outline:none;border-color:var(--journal-muted)}.analyze-food-button{grid-column:3;grid-row:3;justify-self:end;align-self:center;z-index:1;display:grid;place-items:center;width:44px;height:44px;margin:6px;padding:0;border:0;border-radius:50%;background:var(--journal-green);color:#07130a;cursor:pointer}.analyze-food-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.analyze-food-button:disabled{opacity:.5;cursor:wait}.calories-input-shell.is-recording .photo-select-button,.calories-input-shell.is-recording .keyboard-input-button,.calories-input-shell.is-recording textarea,.calories-input-shell.is-recording .analyze-food-button{display:none}.calories-input-shell .voice-recording-controls,.calories-input-shell .voice-processing{grid-row:1;min-height:44px}.calories-input-shell .voice-retry-panel,.photo-input-error,.food-input-error{grid-column:1 / -1;grid-row:4}.food-input-error{margin:0;color:#e86f6f;font-size:13px;text-align:left}.calories-input-shell .voice-send-button{background:var(--journal-green);color:#07130a}.calories-input-shell .voice-send-button:hover{background:#65d67a}.food-list{width:100%;flex:1;padding:0 4px;text-align:left}.food-list-empty{margin:32px 0;color:var(--journal-muted);text-align:center;font-size:14px}.food-item-queue{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:0;padding:18px 0}.food-item-queue-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.food-item-queue-name{overflow-wrap:anywhere}.food-item-queue-status{color:var(--journal-muted);font-size:12px}.food-item-queue-processing .food-item-queue-status{animation:queue-pulse 1.5s ease-in-out infinite}.food-item-queue-error{color:#e86f6f;font-size:12px}.food-item-queue-actions{display:flex;grid-column:1 / -1;gap:8px}.food-item-queue-actions button{min-height:36px;padding:6px 16px;border:1px solid var(--journal-border);border-radius:999px;background:var(--journal-surface);color:var(--journal-text);font:inherit;font-size:13px;cursor:pointer}@keyframes queue-pulse{50%{opacity:.4}}@media(prefers-color-scheme:dark){.main-container{--journal-bg: #050a11;--journal-surface: #10161e;--journal-border: #282e38;--journal-text: #f3f4f6;--journal-muted: #a1a7b2}}@media(min-width:700px){.main-container{padding-top:12px}.calories-input-shell .photo-select-button,.calories-input-shell .voice-record-button,.keyboard-input-button{height:52px}.calories-input-form{margin-top:28px}}.calories-input-shell.has-photo .photo-select-button,.calories-input-shell.has-photo .voice-record-button,.calories-input-shell.has-photo .voice-recording-controls,.calories-input-shell.has-photo .voice-processing{grid-row:1}.food-item-container{width:100%;margin:0}.food-item-swipe-area{position:relative;overflow:hidden;border-radius:10px}.food-item-content{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:16px 8px 16px 0;background:var(--journal-bg, #fff);transition:transform .2s ease;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.food-item-content.dragging{transition:none;cursor:grabbing}.food-item-delete-btn{position:absolute;inset:0 0 0 auto;width:80px;border:0;border-radius:10px;background:#c83e45;color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;touch-action:manipulation}.food-item-delete-btn:hover{background:#a72830}.food-item{display:flex;flex:1;align-items:center;gap:12px;min-width:0;min-height:40px;cursor:inherit;-webkit-tap-highlight-color:transparent}.food-item:focus-visible{outline-offset:-3px;border-radius:10px}.food-item-thumbnail{display:block;flex:0 0 40px;width:40px;height:40px;border-radius:9px;object-fit:cover}.food-item-name{display:-webkit-box;flex:1;min-width:0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;text-align:left;font-size:14px;line-height:1.4}.food-item-container.expanded .food-item-name{display:block}.food-item-meta{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:74px;text-align:right}.food-item-calories{font-size:14px;font-weight:600;white-space:nowrap}.food-item-unit{color:var(--journal-muted, #626975);font-weight:400}.food-item-time{color:var(--journal-muted, #626975);font-size:12px;white-space:nowrap}.nutrition-dropdown{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:12px 6px;margin-bottom:8px;border-radius:12px;background:var(--journal-surface, #f4f5f6);animation:nutrition-open .2s ease}.nutrition-dropdown.closing{animation:nutrition-close .3s ease forwards}.nutrition-dropdown-row{display:flex;flex-direction:column;align-items:center;gap:4px}.nutrition-dropdown-label{color:var(--journal-muted, #626975);font-size:10px}.nutrition-dropdown-value{color:var(--journal-text, #181b20);font-size:12px;font-weight:600}@keyframes nutrition-open{0%{opacity:0;transform:translateY(-6px)}}@keyframes nutrition-close{to{opacity:0;transform:translateY(-6px)}}@media(min-width:430px){.food-item-content{gap:16px;min-height:82px;padding:18px 8px 18px 0}.food-item{gap:16px}.food-item-name,.food-item-calories{font-size:16px}.food-item-time{font-size:13px}.food-item-thumbnail{flex-basis:48px;width:48px;height:48px}}.food-item-photo-button{position:relative;z-index:2;display:grid;flex:0 0 40px;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:9px;background:var(--journal-surface);color:var(--journal-text);cursor:pointer}.food-item-photo-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.food-item-photo-button:focus-visible{outline:2px solid var(--journal-muted);outline-offset:2px}.food-item-photo-count{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;min-width:18px;height:18px;padding:1px 4px;border:1px solid var(--journal-bg);border-radius:5px;background:#303743;color:#fff;font-size:10px}@media(min-width:430px){.food-item-photo-button{flex-basis:48px;width:48px;height:48px}}.food-item-delete-btn{visibility:hidden}.food-item-container.swiped .food-item-delete-btn{visibility:visible}.photo-viewer{width:min(960px,calc(100vw - 24px));height:min(900px,calc(100dvh - 24px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #303743;border-radius:20px;background:#0d131c;color:#f3f4f6;overflow:hidden}.photo-viewer[open]{display:flex;flex-direction:column}.photo-viewer::backdrop{background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.photo-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding:12px 16px;border-bottom:1px solid #303743}.photo-viewer-heading{min-width:0}.photo-viewer-heading h2{overflow:hidden;margin:0;font-size:14px;line-height:1.5;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.photo-viewer-heading p{margin:2px 0 0;color:#a1a7b2;font-size:12px}.photo-viewer button,.photo-viewer-download{display:grid;place-items:center;flex:0 0 auto;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #303743;border-radius:999px;background:#171f2b;color:#f3f4f6;font:inherit;font-size:14px;text-decoration:none;cursor:pointer}.photo-viewer button:hover:not(:disabled),.photo-viewer-download:hover{background:#283344}.photo-viewer button:disabled{opacity:.35;cursor:default}.photo-viewer .photo-viewer-close{padding:0;font-size:26px}.photo-viewer-canvas{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#05080d}.photo-viewer-image{display:block;max-width:none;max-height:none;object-fit:contain}.photo-viewer-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;margin:0;padding:24px;font-size:14px;line-height:1.6;text-align:center}.photo-viewer-toolbar{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #303743}.photo-viewer-navigation,.photo-viewer-zoom{display:flex;align-items:center;gap:6px;font-size:12px}.photo-viewer-navigation{justify-content:center;flex-basis:100%}@media(min-width:600px){.photo-viewer-navigation{flex-basis:auto}}.voice-recorder{display:contents}.voice-record-button{grid-column:3;grid-row:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#222;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.has-photo .voice-record-button{grid-row:2}.voice-record-button:hover:not(:disabled){background:#0000000f}.voice-record-button[hidden]{display:none}.voice-mic-icon{width:24px;height:24px;background:currentColor;-webkit-mask:url(/mic.png) center / contain no-repeat;mask:url(/mic.png) center / contain no-repeat}.voice-record-button:disabled{cursor:wait;opacity:.5}.voice-record-button:focus-visible,.voice-recording-controls button:focus-visible{outline:2px solid var(--focus-ring, #2563eb);outline-offset:2px}.voice-recording-controls{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;align-items:center;gap:8px;width:100%;min-width:0;position:relative;z-index:1}.has-photo .voice-recording-controls,.has-photo .voice-processing{grid-row:2}.voice-waveform{display:flex;min-width:0;height:34px;align-items:center;justify-content:flex-end;gap:3px;overflow:hidden}.voice-waveform span{flex:0 0 3px;border-radius:999px;background:#707070;transition:height 70ms linear}.voice-recording-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer}.voice-recording-controls button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.voice-cancel-button,.voice-stop-button{background:#e0e0e0;color:#333}.voice-cancel-button:hover,.voice-stop-button:hover{background:#d2d2d2}.voice-stop-button svg rect{fill:currentColor;stroke:none}.voice-send-button{background:#a855f7;color:#fff}.voice-send-button:hover{background:#9333ea}.voice-processing{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:40px;color:#595959;font-size:.85rem}.voice-processing-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:voice-spin .75s linear infinite}.voice-retry-panel{grid-column:1 / -1;grid-row:3;display:flex;flex-direction:column;gap:.4rem;width:100%;margin-top:.2rem}.voice-error{margin:0;padding:.55rem .7rem;border-radius:.65rem;background:#fef2f2;color:#991b1b;font-size:.75rem;text-align:left}.voice-clear-button{align-self:flex-end;padding:.2rem .35rem;border:0;background:transparent;color:#737373;font:inherit;font-size:.72rem;cursor:pointer}.voice-clear-button:hover{color:#991b1b;text-decoration:underline}.voice-pending-swipe{position:relative;overflow:hidden;border-radius:.65rem;background:#991b1b}.voice-swipe-remove{position:absolute;inset:0 0 0 auto;display:flex;width:104px;align-items:center;justify-content:center;color:#fff;font-size:.72rem;font-weight:650}.voice-pending-recording{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:48px;margin:0;padding:.45rem .5rem .45rem .7rem;background:#f7f3f2;color:#7f1d1d;font-size:.75rem;text-align:left;touch-action:pan-y;transition:transform .16s ease-out}.voice-pending-actions{display:flex;flex:0 0 auto;align-items:center;gap:.15rem}.voice-pending-recording button{border:0;font:inherit;cursor:pointer}.voice-retry-button:disabled{cursor:wait;opacity:.5}.voice-retry-button{min-height:36px;padding:.35rem .75rem;border-radius:999px;background:#991b1b;color:#fff;font-size:.75rem;font-weight:600}.voice-remove-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;background:transparent;color:#7f1d1d}.voice-remove-button:hover{background:#7f1d1d14}.voice-remove-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}@keyframes voice-spin{to{transform:rotate(360deg)}}@media(prefers-color-scheme:dark){.voice-record-button{color:#ededed}.voice-record-button:hover:not(:disabled){background:#ffffff14}.voice-processing{color:#a3a3a3}.voice-waveform span{background:#b3b3b3}.voice-cancel-button,.voice-stop-button{background:#404040;color:#ededed}.voice-cancel-button:hover,.voice-stop-button:hover{background:#525252}.voice-error{background:#450a0a;color:#fecaca}.voice-pending-recording{background:#27201f;color:#fecaca}.voice-retry-button{background:#fecaca;color:#450a0a}.voice-remove-button{color:#fecaca}.voice-clear-button{color:#a3a3a3}}@media(prefers-reduced-motion:reduce){.voice-waveform span,.voice-processing-spinner,.voice-pending-recording{animation:none;transition:none}}.photo-input{display:contents}.photo-select-button{grid-column:1;grid-row:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#404040;cursor:pointer}.has-photo .photo-select-button{grid-row:2}.photo-select-button svg{width:21px;height:21px;fill:currentColor}.photo-select-button:hover:not(:disabled){background:#0000000f}.photo-select-button:focus-visible,.photo-remove-button:focus-visible{outline:2px solid var(--focus-ring, #2563eb);outline-offset:2px}.photo-select-button:disabled,.photo-remove-button:disabled{cursor:wait;opacity:.55}.photo-attachments{grid-column:1 / -1;grid-row:1;display:flex;gap:12px;min-width:0;padding:8px 4px;overflow-x:auto;overscroll-behavior-x:contain}.photo-preview{position:relative;flex:0 0 88px}.photo-preview-image{display:block;width:88px;height:88px;padding:0;overflow:hidden;border:1px solid #d4d4d4;border-radius:.8rem;background:#f2f2f2}.photo-preview-image img{width:100%;height:100%;object-fit:cover}.photo-preview .photo-remove-button{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:26px;height:26px;padding:0;border:2px solid #fff;border-radius:50%;background:#202020;color:#fff;cursor:pointer}.photo-remove-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.photo-input-error{grid-column:1 / -1;grid-row:3;margin:.15rem .45rem .35rem;color:#a51d1d;font-size:.78rem;text-align:left}@media(prefers-color-scheme:dark){.photo-select-button{color:#d4d4d4}.photo-select-button:hover:not(:disabled){background:#ffffff14}.photo-preview-image{border-color:#4a4a4a;background:#202020}.photo-preview .photo-remove-button{border-color:#242424;background:#ededed;color:#171717}.photo-input-error{color:#ff8585}}