@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent}button{min-height:44px;-webkit-appearance:none}input,select{font-size:16px!important}}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.card-hover{transition:all .2s ease}.modal-backdrop{animation:fadeIn .2s ease-out}@media (max-width: 768px){nav:not(.mobile-drawer-nav){display:none!important}}.mobile-drawer{position:fixed;top:0;left:0;height:100vh;width:280px;background:#ffffff;box-shadow:4px 0 24px #00000026;z-index:200;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:199}.mobile-drawer-backdrop.open{display:block}.mobile-drawer-header{display:flex;align-items:center;gap:.5rem;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid #f1f5f9}.mobile-drawer-header-title{font-size:1.1rem;font-weight:700;color:#10b981;margin:0}.mobile-drawer-nav{padding:.75rem .5rem;display:flex;flex-direction:column;gap:.25rem}.mobile-drawer-tab{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:none;border-radius:12px;background:transparent;cursor:pointer;font-size:.95rem;font-weight:500;color:#4b5563;width:100%;text-align:left;transition:background .15s ease}.mobile-drawer-tab:hover{background:#f9fafb}.mobile-drawer-tab.active{background:#f0fdf4;color:#059669;font-weight:600}.mobile-drawer-tab-badge{margin-left:auto;background:#e5e7eb;color:#374151;font-size:.75rem;font-weight:600;padding:2px 7px;border-radius:20px;min-width:20px;text-align:center}.mobile-drawer-tab.active .mobile-drawer-tab-badge{background:#d1fae5;color:#065f46}.mobile-drawer-footer{padding:1rem;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.5rem}.mobile-drawer-footer-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border:none;border-radius:10px;background:transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;width:100%;text-align:left}.mobile-drawer-footer-btn:hover{background:#f9fafb}.mobile-drawer-footer-btn.signout{color:#ef4444}.mobile-hamburger{display:none}@media (max-width: 768px){.mobile-hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;min-height:36px;min-width:36px}.mobile-hamburger span{display:block;width:20px;height:2px;background:#374151;border-radius:2px;transition:all .2s ease}}@media (max-width: 768px){.mobile-page-title{font-size:1.15rem!important;line-height:1.2;margin:0!important}}@media (max-width: 768px){.pantry-item-row,.shopping-item-row,.favorites-item-row{display:flex!important;flex-direction:row!important;align-items:center!important;padding:.75rem 1rem!important;gap:.75rem!important;background:white;border-radius:0!important;border-left:none!important;border-right:none!important;border-top:none!important;border-bottom:1px solid #f1f5f9!important;margin-bottom:0!important;box-shadow:none!important}.pantry-item-row:last-child,.shopping-item-row:last-child,.favorites-item-row:last-child{border-bottom:none!important}.pantry-item-row.expiring-soon{border-left:3px solid #f97316!important}.item-edit-btn{display:none!important}.pantry-item-row>div:last-child,.shopping-item-row>div:last-child{width:auto!important;flex-shrink:0}.item-delete-btn{flex-shrink:0;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fee2e2!important;border:none!important;border-radius:8px!important;font-size:.875rem!important;cursor:pointer}.item-content{flex:1;min-width:0}.item-name{font-size:.9rem!important;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{font-size:.75rem!important;color:#9ca3af;margin-top:1px}.pantry-category-header,.shopping-category-header{font-size:.7rem!important;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding:.5rem 1rem .25rem!important;background:#f8fafc;position:sticky;top:120px;z-index:10;font-weight:600}}.mobile-fab{display:none}@media (max-width: 768px){.mobile-fab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;background:#10b981;color:#fff;font-size:1.75rem;line-height:1;box-shadow:0 4px 16px #10b98173;z-index:150;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.mobile-fab:active{transform:scale(.93);box-shadow:0 2px 8px #10b98159}.desktop-add-btn{display:none!important}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 768px){.modal-content{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;transform:none!important;border-radius:20px 20px 0 0!important;max-height:85vh!important;overflow-y:auto!important;width:100%!important;max-width:100%!important;animation:slideUpSheet .3s cubic-bezier(.4,0,.2,1)!important}}@media (max-width: 768px){.recipe-controls-row{flex-direction:column!important;align-items:stretch!important}.recipe-controls-row select,.recipe-controls-row input[type=number],.recipe-controls-row button{width:100%!important;min-width:unset!important;box-sizing:border-box!important}.recipe-servings-group{display:flex;align-items:center;gap:.5rem}.recipe-servings-group input[type=number]{width:60px!important;flex-shrink:0}.recipe-card-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.expiry-banner-items{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 2rem);display:inline-block}.calorie-tracker-panel{width:100%!important;box-sizing:border-box!important;border-radius:0 0 12px 12px!important;left:0!important;right:0!important;max-width:100%!important}}.drag-ghost{position:fixed;pointer-events:none;opacity:.88;z-index:9999;transform:scale(1.05) rotate(1deg);box-shadow:0 8px 24px #00000038;border-radius:8px;background:white;border:2px solid #10b981;padding:8px 12px;font-size:.875rem;font-weight:600;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1f2937}.calendar-slot.drag-over{background:#d1fae5!important;outline:2px dashed #10b981!important;outline-offset:-2px}