:root{--bg:#fafaf8;--surface:#fff;--text:#1a1a17;--text-dim:#6b6b63;--border:#e6e4dd;--accent:#d96b3a;--accent-dim:#f4e2d8;--success:#4a7c59;--danger:#b3441e;--radius:14px}@media (prefers-color-scheme:dark){:root{--bg:#161613;--surface:#201f1c;--text:#f2f1ec;--text-dim:#a8a69c;--border:#33322c;--accent:#e8935f;--accent-dim:#3a2b21;--success:#7fb389;--danger:#e07850}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.shell{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.content{flex:1;padding:20px 16px 100px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:8px;display:flex}.between{justify-content:space-between;align-items:center;display:flex}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btnPrimary{background:var(--accent);border-color:var(--accent);color:#fff}.btnGhost{background:0 0}.input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-size:15px}.label{color:var(--text-dim);font-size:13px}.h1{margin:0 0 4px;font-size:24px;font-weight:700}.dim{color:var(--text-dim);font-size:14px}.tabbar{border-top:1px solid var(--border);background:var(--surface);display:flex;position:sticky;bottom:0}.tabbarItem{text-align:center;padding:12px 0 calc(12px + env(safe-area-inset-bottom));color:var(--text-dim);flex:1;font-size:12px;text-decoration:none}.tabbarItem.active{color:var(--accent);font-weight:600}.badge{background:var(--accent-dim);color:var(--accent);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.errorBox{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border-radius:10px;padding:10px 12px;font-size:14px}.segmented{border:1px solid var(--border);border-radius:999px;padding:3px;display:flex}.seg{text-align:center;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:8px 0;font-weight:600}.segActive{background:var(--accent);color:#fff}.modalBackdrop{z-index:40;background:#00000080;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:41;width:min(400px,100vw - 32px);padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.feedbackFab{z-index:30;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;position:fixed;bottom:76px;right:16px;box-shadow:0 2px 10px #00000026}.textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:100px;color:var(--text);resize:vertical;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 #d96b3a00);transform:scale(1)}50%{filter:drop-shadow(0 0 18px #d96b3a73);transform:scale(1.06)}}.logoPulse{animation:2.4s ease-in-out infinite logoPulse}@media (prefers-reduced-motion:reduce){.logoPulse{animation:none}}.mealPhoto{object-fit:cover;background:var(--border);border-radius:10px;width:56px;height:56px}