*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #4f46e5;--brand-strong: #4338ca;--brand-soft: #eef0fe;--brand-text: #4f46e5;--success: #10b981;--success-soft: #e7f8f1;--success-text: #059669;--warning: #f59e0b;--warning-soft: #fdf3e2;--warning-text: #b45309;--danger: #ef4444;--danger-soft: #fdeaea;--danger-text: #dc2626;--bg: #f4f4f8;--surface: #ffffff;--surface-2: #f0f0f5;--border: rgba(30, 27, 75, .08);--border-strong: rgba(30, 27, 75, .14);--text: #111827;--text-2: #6b7280;--text-3: #9ca3af;--on-brand: #ffffff;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--shadow-card: 0 1px 3px rgba(30, 27, 75, .06);--shadow-nav: 0 -1px 0 var(--border);--dur: .18s;--ease: cubic-bezier(.25, .8, .4, 1)}html[data-theme=dark]{--brand: #6366f1;--brand-strong: #4f46e5;--brand-soft: rgba(129, 140, 248, .14);--brand-text: #818cf8;--success: #34d399;--success-soft: rgba(52, 211, 153, .13);--success-text: #34d399;--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .11);--warning-text: #fbbf24;--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12);--danger-text: #f87171;--bg: #0f1117;--surface: #1a1d27;--surface-2: #232733;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .13);--text: #f3f4f6;--text-2: #9ca3af;--text-3: #6b7280;--shadow-card: none}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;transition:background var(--dur)}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:15px;background:none;color:inherit}input,select,textarea{font-family:inherit;color:var(--text)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-card);border:.5px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:15px;transition:transform var(--dur) var(--ease),opacity var(--dur),background var(--dur);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:not(:disabled):hover{background:var(--brand-strong)}.btn-secondary{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-ghost{background:transparent;color:var(--brand-text)}.btn-sm{padding:8px 16px;font-size:13px;border-radius:11px}.btn-full{width:100%}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-sm);background:var(--surface);border:.5px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);transition:transform var(--dur) var(--ease),background var(--dur)}.btn-icon:active{transform:scale(.94)}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.chip-brand{background:var(--brand-soft);color:var(--brand-text)}.chip-success{background:var(--success-soft);color:var(--success-text)}.chip-warning{background:var(--warning-soft);color:var(--warning-text)}.chip-danger{background:var(--danger-soft);color:var(--danger-text)}.chip-muted{background:var(--surface-2);color:var(--text-2)}.input{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);font-size:14px;outline:none;transition:border-color var(--dur),box-shadow var(--dur)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input::placeholder{color:var(--text-3)}.select-wrap{display:flex;align-items:center;gap:6px;background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;color:var(--text-2)}.select-wrap select{flex:1;padding:10px 0;border:none;background:transparent;font-size:13px;outline:none;color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none}.seg{display:flex;background:var(--surface-2);border-radius:12px;padding:3px;gap:2px}.seg-item{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border-radius:10px;font-size:13px;font-weight:500;color:var(--text-2);transition:background var(--dur),color var(--dur),box-shadow var(--dur)}.seg-item.active{background:var(--surface);color:var(--brand-text);font-weight:600;box-shadow:0 1px 2px #1e1b4b14}.stat{border-radius:var(--radius);padding:12px 14px}.stat .stat-label{font-size:12px;display:flex;align-items:center;gap:5px;font-weight:500}.stat .stat-value{font-size:24px;font-weight:700;margin-top:2px;line-height:1.2}.row{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--brand-soft);color:var(--brand-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.skeleton{background:var(--surface-2);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 1.4s infinite}html[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}@keyframes shimmer{to{transform:translate(100%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.anim-fade-up{animation:fadeUp .3s var(--ease) both}.anim-fade-in{animation:fadeIn .25s ease both}.anim-pop{animation:pop .3s var(--ease) both}.stagger>*{animation:fadeUp .3s var(--ease) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.05s}.stagger>*:nth-child(3){animation-delay:.08s}.stagger>*:nth-child(4){animation-delay:.11s}.stagger>*:nth-child(5){animation-delay:.14s}.stagger>*:nth-child(6){animation-delay:.17s}.stagger>*:nth-child(7){animation-delay:.2s}.stagger>*:nth-child(8){animation-delay:.23s}.page{padding:18px 16px 24px;max-width:520px;margin:0 auto;animation:fadeIn .25s ease both}.page-title{font-size:20px;font-weight:700;letter-spacing:-.02em}.page-sub{font-size:13px;color:var(--text-2);margin-top:2px}.toast-wrap{position:fixed;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:#fff;box-shadow:0 6px 20px #0000002e;animation:fadeUp .25s var(--ease) both;max-width:480px;margin:0 auto;width:100%}.toast-success{background:#059669}.toast-error{background:#dc2626}.toast-info{background:#333a4d}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1480;z-index:90;animation:fadeIn .2s ease both}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:95;background:var(--surface);border-radius:20px 20px 0 0;padding:10px 20px calc(20px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto;max-height:88vh;overflow-y:auto;animation:sheetUp .28s var(--ease) backwards}.sheet-handle-hit{padding:4px 0 12px;margin:-4px 0 0;display:flex;justify-content:center;cursor:grab;touch-action:none}.sheet-handle-hit:active{cursor:grabbing}.sheet-handle{width:38px;height:4px;border-radius:2px;background:var(--border-strong);margin:0 auto 12px}.menu-row{display:flex;align-items:center;gap:13px;width:100%;padding:14px 12px;border-radius:12px;font-size:15px;font-weight:500;color:var(--text);text-align:left;transition:background var(--dur)}.menu-row:hover,.menu-row:active{background:var(--surface-2)}.menu-row-danger{color:var(--danger-text)}.bottom-nav{display:flex;background:var(--surface);border-top:.5px solid var(--border);padding:6px 4px calc(8px + env(safe-area-inset-bottom))}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;color:var(--text-3);position:relative;transition:color var(--dur)}.nav-item.active{color:var(--brand-text)}.nav-pill{border-radius:10px;padding:2px 12px;transition:background var(--dur)}.nav-item.active .nav-pill{background:var(--brand-soft)}.nav-label{font-size:10px}.nav-item.active .nav-label{font-weight:600}.nav-badge{position:absolute;top:0;right:22%;background:var(--danger);color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.meal-image{position:relative;width:100%;border-radius:0;background:var(--surface-2);overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.meal-image img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease,transform var(--dur) var(--ease)}.meal-image:active img{transform:scale(.985)}.meal-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--success);opacity:.1;pointer-events:none}.meal-image-zoom{position:absolute;right:8px;bottom:8px;width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 12px calc(40px + env(safe-area-inset-bottom));transition:background .2s ease;-webkit-tap-highlight-color:transparent}.lightbox-body{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;touch-action:none}.lightbox-body img{display:block;max-width:100%;max-height:78vh;object-fit:contain;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff29;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform var(--dur) var(--ease)}.lightbox-close:active{transform:scale(.92)}.lightbox-title{position:absolute;top:calc(20px + env(safe-area-inset-top));left:16px;color:#fff;font-size:15px;font-weight:700}.lightbox-subtitle{font-weight:500;opacity:.75}.lightbox-hint{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom));color:#ffffff80;font-size:12px}.lightbox-error{color:#ffffffbf;font-size:14px}.muted{color:var(--text-2)}.center{display:flex;flex-direction:column;align-items:center;justify-content:center}.divider{height:.5px;background:var(--border)}