@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap";:root{--color-primary:#b22222;--color-primary-hover:#8b0000;--color-secondary:#d4af37;--color-bg-main:#fafafa;--color-bg-card:#fff;--color-bg-subtle:#f3f4f6;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#9ca3af;--color-border:#e5e7eb;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--font-sans:"Roboto", system-ui, -apple-system, sans-serif;--font-serif:"Outfit", sans-serif;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-glass:0 8px 32px 0 #1f268712;--sidebar-width:250px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-main);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--color-text-primary);margin-bottom:.5rem;font-weight:600}.glass{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-glass);background:#ffffffb3;border:1px solid #ffffff2e}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input,select,textarea{font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);width:100%;padding:.75rem 1rem;transition:all .2s;font-size:16px!important}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #b222221a}.btn{border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border);background-color:#fff}.btn-secondary:hover{background-color:var(--color-bg-subtle)}.btn-danger{background-color:var(--color-danger);color:#fff}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform .2s,box-shadow .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.text-serif{font-family:var(--font-serif)}.text-muted{color:var(--color-text-secondary)}.app-layout{min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);background-color:var(--color-bg-card);border-right:1px solid var(--color-border);z-index:40;flex-direction:column;height:100vh;display:flex;position:fixed}.app-main{margin-left:var(--sidebar-width);flex:1;max-width:1200px;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.serving-grid{grid-template-columns:80px 1fr 1fr 1fr 40px;align-items:end;gap:1rem;display:grid}@media (width<=768px){.serving-grid{grid-template-columns:1fr 1fr}.serving-grid>div:nth-child(5){border-top:1px solid var(--color-border);grid-column:span 2;justify-content:center;margin-top:.5rem;padding-top:.5rem;display:flex}.hide-mobile{display:none!important}.flex-col-mobile{flex-direction:column!important;align-items:stretch!important}.gap-mobile-sm{gap:.5rem!important}.w-full-mobile{width:100%!important}.text-left-mobile{text-align:left!important}.list-item-mobile{gap:.5rem;flex-direction:column!important;align-items:flex-start!important}.grid-1-mobile{grid-template-columns:1fr!important}}