:root{--color-bg: #0f0f1a;--color-bg-elevated: #1a1a2e;--color-bg-card: #232340;--color-bg-input: #2a2a4a;--color-bg-hover: #2f2f52;--color-text-primary: #e8e8f0;--color-text-secondary: #9898b0;--color-text-muted: #686888;--color-accent: #7c6ff7;--color-accent-hover: #9488f7;--color-accent-glow: rgba(124, 111, 247, .3);--color-fodmap-low: #4ade80;--color-fodmap-moderate: #fbbf24;--color-fodmap-high: #f87171;--color-fodmap-unknown: #6b7280;--color-anti-inflammatory: #34d399;--color-neutral: #9ca3af;--color-pro-inflammatory: #fb923c;--color-severity-mild: #86efac;--color-severity-moderate: #fde047;--color-severity-severe: #fca5a5;--color-food: #f59e0b;--color-symptom: #f472b6;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--transition-fast: .15s ease;--transition-normal: .25s ease;--shadow-card: 0 2px 12px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .4);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media(prefers-color-scheme:light){:root{--color-bg: #f5f5f7;--color-bg-elevated: #ffffff;--color-bg-card: #ffffff;--color-bg-input: #f0f0f5;--color-bg-hover: #e8e8f0;--color-text-primary: #1a1a2e;--color-text-secondary: #5a5a70;--color-text-muted: #9898b0;--shadow-card: 0 2px 12px rgba(0, 0, 0, .08);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .12)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text-primary);line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100dvh;padding-top:var(--safe-top);padding-bottom:calc(64px + var(--safe-bottom))}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.card{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-card);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:active{transform:scale(.98)}.card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.card-time{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-left:auto}.card-delete-btn{background:none;border:none;font-size:14px;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer;opacity:.4;transition:opacity var(--transition-fast),background var(--transition-fast);flex-shrink:0}.card-delete-btn:hover,.card-delete-btn:active{opacity:1;background:#f8717126}.card-type-icon{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.card-type-icon.food{background:#f59e0b26}.card-type-icon.symptom{background:#f472b626}.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em}.badge.fodmap-low{background:#4ade8026;color:var(--color-fodmap-low)}.badge.fodmap-moderate{background:#fbbf2426;color:var(--color-fodmap-moderate)}.badge.fodmap-high{background:#f8717126;color:var(--color-fodmap-high)}.badge.severity-mild{background:#86efac26;color:var(--color-severity-mild)}.badge.severity-moderate{background:#fde04726;color:var(--color-severity-moderate)}.badge.severity-severe{background:#fca5a526;color:var(--color-severity-severe)}.badge.inflammatory-anti{background:#34d39926;color:var(--color-anti-inflammatory)}.badge.inflammatory-pro{background:#fb923c26;color:var(--color-pro-inflammatory)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:active{background:var(--color-accent-hover);transform:scale(.97)}.btn-secondary{background:var(--color-bg-input);color:var(--color-text-primary)}.btn-secondary:active{background:var(--color-bg-hover)}.btn-danger{background:#f8717126;color:var(--color-fodmap-high)}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:var(--space-sm)}.btn-icon{width:48px;height:48px;border-radius:var(--radius-full);padding:0;font-size:20px}.btn:disabled{opacity:.4;pointer-events:none}.input-field{width:100%;padding:14px var(--space-md);background:var(--color-bg-input);border:2px solid transparent;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-lg);outline:none;transition:border-color var(--transition-fast)}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.input-field::placeholder{color:var(--color-text-muted)}.input-voice{font-size:var(--font-size-xl);padding:18px var(--space-md);min-height:64px}.type-selector{display:flex;gap:var(--space-xs);padding:var(--space-xs);background:var(--color-bg-input);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.type-selector button{flex:1;padding:10px 12px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;cursor:pointer;transition:all var(--transition-fast)}.type-selector button.active{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px var(--color-accent-glow)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-elevated);border-top:1px solid rgba(255,255,255,.06);display:flex;padding-bottom:var(--safe-bottom);z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0;text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;transition:color var(--transition-fast)}.bottom-nav a.active{color:var(--color-accent)}.bottom-nav a .nav-icon{font-size:22px}.favorites-section{display:flex;flex-direction:column;gap:var(--space-md)}.fav-group{display:flex;flex-direction:column;gap:var(--space-sm)}.fav-group-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) 0;cursor:pointer;-webkit-tap-highlight-color:transparent}.fav-group-header .section-label{margin-bottom:0}.fav-group-header .icon-collapse{font-size:14px;color:var(--color-text-secondary);transition:transform var(--transition-fast)}.fav-group.collapsed .icon-collapse{transform:rotate(-90deg)}.fav-group.collapsed .favorites-grid{display:none}.favorites-grid{display:flex;flex-wrap:wrap;gap:6px}.favorite-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:var(--color-bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;line-height:1.2;flex-shrink:0}.favorite-chip .chip-icon{font-size:14px;flex-shrink:0}.chip-label{display:block;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-chip:active{background:var(--color-accent);color:#fff;transform:scale(.95)}.favorite-chip.success{background:var(--color-anti-inflammatory)!important;color:#000!important;border-color:var(--color-anti-inflammatory)!important;transform:scale(.95)}.emoji-picker-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-xs)}.emoji-pick{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--color-bg-input);cursor:pointer;transition:all var(--transition-fast)}.emoji-pick:active,.emoji-pick.selected{border-color:var(--color-accent);background:var(--color-accent-glow);transform:scale(1.1)}.inline-name-input{display:flex;align-items:center;gap:var(--space-xs);width:100%;animation:slideIn .2s ease}.inline-name-input input{flex:1;padding:8px 12px;font-size:var(--font-size-sm)}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.last-logged{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);padding:0 var(--space-xs)}.last-logged-item{display:inline-flex;align-items:center;gap:4px;background:var(--color-bg-card);padding:2px 8px;border-radius:var(--radius-full);color:var(--color-text-secondary)}.toast{position:fixed;bottom:calc(72px + var(--safe-bottom));left:50%;transform:translate(-50%) translateY(100px);padding:12px 24px;background:var(--color-bg-card);border:1px solid rgba(124,111,247,.3);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;box-shadow:var(--shadow-elevated);z-index:200;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.spinner{width:24px;height:24px;border:3px solid var(--color-bg-input);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f0f1a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300}.page{padding:var(--space-md);max-width:480px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0}.page-title{font-size:var(--font-size-xl);font-weight:700}.entry-list{display:flex;flex-direction:column;gap:var(--space-md)}.food-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.food-item-name{font-weight:500}.food-item-qty{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.food-item-expandable{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-xs);margin:0 calc(-1 * var(--space-xs));transition:background var(--transition-fast)}.food-item-expandable:active{background:#ffffff0a}.food-item-expandable.expanded{background:#ffffff08}.food-item-detail-panel{padding:var(--space-sm) var(--space-md);margin:0 0 var(--space-xs) 0;background:#ffffff08;border-radius:var(--radius-md);border-left:3px solid var(--color-accent);animation:fadeIn .2s ease}.detail-row{display:flex;align-items:center;gap:var(--space-sm);padding:3px 0;font-size:var(--font-size-sm)}.detail-label{font-weight:600;color:var(--color-text-secondary);min-width:80px;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em}.detail-value{color:var(--color-text-primary);font-size:var(--font-size-sm)}.detail-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-xs) 0 0 0;line-height:1.4}.date-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-sm) 0}.date-nav .date-label{font-size:var(--font-size-md);font-weight:600;min-width:150px;text-align:center;cursor:pointer}.date-nav button{background:var(--color-bg-card);border:none;color:var(--color-text-primary);width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px}.confirm-panel{background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-md)}.confirm-panel h3{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--space-md)}.confirm-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.confirm-actions .btn{flex:1}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-xl);text-align:center}.login-logo{font-size:64px;margin-bottom:var(--space-lg)}.login-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-xs)}.login-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.login-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:var(--space-md)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl) var(--space-md);text-align:center;color:var(--color-text-secondary)}.empty-state .empty-icon{font-size:48px;margin-bottom:var(--space-md);opacity:.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .3s ease forwards}.delete-zone{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.06)}.section-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.edit-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.form-row{display:flex;gap:var(--space-sm)}.form-row>*{flex:1}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%239898b0'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.fav-mgmt-list{display:flex;flex-direction:column;gap:1px}.fav-list-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border-radius:var(--radius-md);transition:all var(--transition-fast)}.fav-list-icon{font-size:20px;flex-shrink:0;width:28px;text-align:center}.fav-list-info{flex:1;min-width:0;display:flex;flex-direction:column}.fav-list-label{font-weight:500;font-size:var(--font-size-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-list-sub{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-list-actions{display:flex;gap:2px;flex-shrink:0}.fav-list-actions .btn{padding:var(--space-xs);font-size:14px;min-width:32px}.fav-edit-panel{background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-md);margin:var(--space-xs) 0;display:flex;flex-direction:column;gap:var(--space-sm)}.fav-add-btn{font-size:var(--font-size-sm)!important}.dtp-trigger{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--color-bg-input);border:2px solid transparent;border-radius:var(--radius-full);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%;justify-content:center}.dtp-trigger:active{background:var(--color-bg-hover);transform:scale(.97)}.dtp-trigger:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.dtp-icon{font-size:16px;flex-shrink:0}.dtp-label{font-variant-numeric:tabular-nums}.dtp-caret{font-size:10px;color:var(--color-text-muted);margin-left:2px;transition:transform var(--transition-fast)}.dtp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:500;display:flex;align-items:flex-end;justify-content:center;transition:background .3s ease;-webkit-tap-highlight-color:transparent}.dtp-overlay.open{background:#00000080}.dtp-sheet{width:100%;max-width:420px;background:var(--color-bg-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:0 var(--space-md) calc(var(--space-lg) + var(--safe-bottom));transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);box-shadow:0 -8px 40px #0000004d}.dtp-overlay.open .dtp-sheet{transform:translateY(0)}.dtp-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid rgba(255,255,255,.06)}.dtp-header-btn{background:none;border:none;color:var(--color-accent);font-size:var(--font-size-md);font-weight:600;cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.dtp-header-btn:active{background:var(--color-accent-glow)}.dtp-cancel-btn{color:var(--color-text-secondary)}.dtp-now-btn{font-size:var(--font-size-sm);color:var(--color-text-muted)}.dtp-confirm-btn{color:var(--color-accent)}.dtp-presets{display:flex;gap:var(--space-xs);padding:var(--space-sm) 0;justify-content:center}.dtp-preset-btn{flex:1;padding:8px 4px;background:var(--color-bg-input);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;text-align:center}.dtp-preset-btn:active{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:scale(.95)}.dtp-columns{display:flex;align-items:flex-start;justify-content:center;gap:2px;padding:var(--space-md) 0}.dtp-column{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.dtp-column-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm)}.dtp-viewport{height:220px;overflow-y:auto;position:relative;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%}.dtp-viewport::-webkit-scrollbar{display:none}.dtp-track{width:100%}.dtp-item{height:44px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:500;color:var(--color-text-muted);scroll-snap-align:start;cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast);-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.dtp-item.selected{color:var(--color-text-primary);font-weight:700;font-size:var(--font-size-xl);transform:scale(1.05)}.dtp-item.dtp-spacer{pointer-events:none}.dtp-highlight{position:absolute;top:88px;left:4px;right:4px;height:44px;background:var(--color-accent-glow);border-radius:var(--radius-sm);pointer-events:none;z-index:0}.dtp-fade{position:absolute;left:0;right:0;height:66px;pointer-events:none;z-index:1}.dtp-fade-top{top:0;background:linear-gradient(to bottom,var(--color-bg-elevated),transparent)}.dtp-fade-bottom{bottom:0;background:linear-gradient(to top,var(--color-bg-elevated),transparent)}.dtp-separator{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-secondary);padding-top:calc(var(--space-sm) + 18px + 44px * 2);flex-shrink:0;width:16px}@media(prefers-color-scheme:light){.dtp-sheet{box-shadow:0 -8px 40px #0000001f}.dtp-sheet-header{border-bottom-color:#00000014}.dtp-fade-top{background:linear-gradient(to bottom,var(--color-bg-elevated),transparent)}.dtp-fade-bottom{background:linear-gradient(to top,var(--color-bg-elevated),transparent)}}