.meal-clock{gap:var(--space-md);flex-direction:column;display:flex}.meal-clock__header{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.meal-clock__title-row{align-items:center;gap:var(--space-sm);display:flex}.meal-clock__icon{color:var(--color-primary);flex-shrink:0}.meal-clock__title{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text);margin:0;font-size:clamp(.75rem,1.6vw,.9rem);font-weight:800}.meal-clock__shuffle{letter-spacing:1px;text-transform:uppercase;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform .15s ease;background:0 0;align-items:center;gap:5px;padding:6px 14px;font-size:.65rem;font-weight:700;display:flex}.meal-clock__shuffle:hover{background:var(--color-primary);color:var(--color-surface)}.meal-clock__shuffle:active{transform:scale(.95)rotate(-8deg)}.meal-clock__grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:800px){.meal-clock__grid{gap:var(--space-sm);grid-template-columns:1fr}}@media (min-width:801px) and (max-width:1024px){.meal-clock__grid{grid-template-columns:repeat(2,1fr)}}.meal-clock-card{gap:var(--space-xs);padding:var(--space-md);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), transform .18s ease, box-shadow var(--transition-fast);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.meal-clock-card:before{content:"";opacity:0;transition:opacity var(--transition-fast);pointer-events:none;background:linear-gradient(135deg,#2d8a4e0a 0%,#0000 60%);position:absolute;inset:0}.meal-clock-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 20px #2d8a4e1a}.meal-clock-card:hover:before{opacity:1}.meal-clock-card__top{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.meal-clock-card__category{letter-spacing:1.2px;text-transform:uppercase;color:var(--color-primary);border-radius:var(--radius-sm);background:#2d8a4e14;padding:2px 8px;font-size:.6rem;font-weight:700}.meal-clock-card__diff{letter-spacing:1px;text-transform:uppercase;border-radius:var(--radius-sm);padding:2px 6px;font-size:.55rem;font-weight:700}.meal-clock-card__diff--beginner{color:#2d8a4e;background:#2d8a4e1a}.meal-clock-card__diff--intermediate{color:#c47f17;background:#c47f171a}.meal-clock-card__diff--advanced{color:#c0392b;background:#c0392b1a}.meal-clock-card__name{color:var(--color-text);margin:0;font-size:.85rem;font-weight:800;line-height:1.25}.meal-clock-card__context{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.68rem;line-height:1.45;display:-webkit-box;overflow:hidden}.meal-clock-card__macros{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.meal-clock-card__macro{letter-spacing:.5px;border-radius:var(--radius-sm);border:1px solid var(--color-border);align-items:center;gap:3px;padding:2px 7px;font-size:.6rem;font-weight:700;display:flex}.meal-clock-card__macro--carbs{color:#c47f17}.meal-clock-card__macro--protein{color:#c0392b}.meal-clock-card__macro--fat{color:#6c5ce7}.meal-clock-card__footer{padding-top:var(--space-xs);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.meal-clock-card__prep{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.6rem;font-weight:600;display:flex}.meal-clock-card__cta{letter-spacing:.8px;text-transform:uppercase;color:var(--color-primary);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);align-items:center;gap:3px;font-size:.6rem;font-weight:700;display:flex;transform:translate(-4px)}.meal-clock-card:hover .meal-clock-card__cta{opacity:1;transform:translate(0)}